Introdução sobre o HTML
HTML (HyperText Markup Language) é a linguagem padrão para criar páginas da web. Não é uma linguagem de programação, mas sim uma linguagem de marcação que define a estrutura do seu conteúdo.
Com a linguagem HTML, conseguimos colocar diversos tipos de conteúdo em uma página da internet:
- Textos e títulos
- Imagens e fotos
- Tabelas organizadas
- Formulários interativos
- Listas ordenadas
- Sons e músicas
- Vídeos e animações
Tags HTML
No HTML, é preciso usar elementos ou tags (sinal de menor e maior <>) para indicar se estamos colocando título, subtítulo, texto, lista, tabela, formulário, imagem ou vídeo.
Importante: Sem as tags, o navegador (Google Chrome, Microsoft Edge, Safari ou Firefox) não consegue interpretar a informação da página e ela simplesmente não será mostrada corretamente.
Diferenças entre um editor de texto comum e HTML
O padrão de um editor de texto como o Word (da Microsoft) é diferente do padrão do código HTML. No Word, você formata o texto visualmente, enquanto no HTML você usa códigos (tags) para indicar como o conteúdo deve ser estruturado e exibido.
No Word, você vê diretamente a formatação aplicada:
- Clique em "Negrito" para ver o texto em negrito
- Selecione o tamanho da fonte para ver o texto maior
- Escolha cores e veja imediatamente o resultado
- Interface visual e intuitiva
No HTML, você escreve o código e o navegador interpreta:
- Use <strong> para texto em negrito
- Use <h1> até <h6> para títulos de diferentes tamanhos
- Use atributos style ou CSS para aplicar cores
- Código estruturado que o navegador lê
Funções Básicas do Teclado para Codificação
- Tab:
- Espaçamento usado para indentação no HTML ou o parágrafo em um texto do Word.
- Barra de espaço:
- Um espaço à direita.
- Enter:
- Pula uma linha (a partir do final da linha anterior).
- Delete:
- Apaga um caractere à direita.
- Backspace:
- Apaga um caractere à esquerda.
- Shift (pressionado) + tecla (A-Z):
- Faz letra maiúscula.
Na plataforma de codificação abaixo, escreva um texto aleatório. Pratique:
- Pular linhas usando Enter
- Fazer letras maiúsculas usando Shift
- Apagar texto usando Delete e Backspace
- Usar Tab para indentação
Prática: Seu Primeiro Código HTML
Agora vamos praticar o que aprendemos! Abaixo você encontra um editor de código onde pode escrever HTML e ver o resultado instantaneamente.