Mini Manual de Estudos: HTML, CSS e JavaScript
Olá, faz uns 2 anos que dou aula de lógica de programação e desenvolvimento de jogos usando o code.org para crianças. E isso, me faz gostar de montar "mini manuais" de estudos
HTML (HyperText Markup Language)
HTML é a linguagem de marcação utilizada para criar a estrutura e o conteúdo de uma página web.
Principais Tags HTML:
1. <html>: Define o início do documento HTML.
2. <head>: Contém metadados, como o título da página.
3. <meta>: Fornece informações sobre o documento.
4. <link>: Liga a folha de estilo externa (CSS) ao documento.
5. <body>: Contém o conteúdo visível da página.
6. <h1>, <h2>, <h3>... <h6>: Cabeçalhos de diferentes níveis.
7. <p>: Parágrafo de texto.
8. <a>: Cria um link.
9. <img>: Insere uma imagem.
10. <ul>, <ol>, <li>: Listas não ordenadas e ordenadas.
CSS (Cascading Style Sheets)
CSS é usado para estilizar e formatar elementos HTML.
Principais Conceitos CSS:
1. Seletor: Elemento a ser estilizado.
2. Propriedade: Característica a ser alterada.
3. Valor: Valor atribuído a uma propriedade.
Exemplos de Propriedades CSS:
1. color: Cor do texto.
2. font-size: Tamanho da fonte.
3. margin, padding: Espaçamento externo e interno.
4. background-color: Cor de fundo.
JavaScript
JavaScript é uma linguagem de programação usada para adicionar interatividade a páginas web.
Principais Conceitos JavaScript:
1. Variáveis: Armazenam dados.
2. Funções: Bloco de código reutilizável.
3. Condicionais: Executam ações baseadas em condições.
4. Loops: Repetem ações até que uma condição seja atendida.
5. Eventos: Respostas a ações do usuário.
Exemplo de Uso do JavaScript:
Exemplo Prático: Criando um Botão que Altera o Texto
Resultado do código acima
Espero que esse mini manual e o exemplo prático sejam úteis para os seus estudos em HTML, CSS e JavaScript! Lembre-se de praticar bastante e explorar mais a fundo cada conceito à medida que avança em seus estudos.
Que o poder da força esteja com você, enquanto codar
