O HTML é a linguagem de marcação mais utilizada na Internet. As páginas da Internet transmitem seu conteúdo na forma de HTML para seu navegador, que lê e implementa a sintaxe. Além disso, o HTML contém informações sobre o estilo, a formatação ou o Otimização para mecanismos de busca SEO.

Por que HTML?

HTML (Hypertext Markup Language) é uma chamada linguagem de marcação que determina o conteúdo e a forma dos documentos digitais. Além do HTML, existem outras linguagens de marcação, como XML ou Ajax. As linguagens de marcação estão sendo constantemente desenvolvidas e atualizadas para versões mais recentes. A primeira versão HTML apareceu em 1992, após a linguagem de marcação ter sido proposta três anos antes.

Ao utilizar a Internet, são utilizados vários dispositivos de saída diferentes: as telas não têm dimensões uniformes e a janela do navegador pode ser ampliada ou reduzida. No entanto, uma página da Internet deve sempre exibir o conteúdo de tal forma que possa ser facilmente reconhecido. Por este motivo, não é aconselhável fixar absolutamente elementos individuais da página. Neste contexto, o HTML desempenha um papel importante na formatação dos textos ou na disposição dos arquivos de imagem e vídeo em uma página da Internet.

Em termos mais gerais, o HTML faz a mediação entre a página web específica e seu navegador. O idioma contém caracteres, caracteres especiais, formatação, links, metadados, e muito mais. Metadados são componentes HTML que você não vê na visão normal do seu navegador. No entanto, eles são essenciais para a função de um website e contribuir, por exemplo, para a otimização dos mecanismos de busca.

A estrutura básica: Parênteses HTML

O HTML faz uso de parênteses (como muitas linguagens de marcação e programação) para estruturar a sintaxe. Os parênteses HTML seguem o mesmo princípio que os parênteses da frase anterior: um parêntese de abertura marca o início de uma unidade, enquanto um parêntese de fechamento marca o fim. Ao contrário dos sinais de pontuação normais, os colchetes HTML definem o que acontece exatamente com o texto entre eles.

Por exemplo, se você quiser sublinhar uma parte de texto, use a sintaxe "texto" (sem espaços entre parênteses rectos). Se esta sintaxe estiver em uma página web, seu navegador pode lê-la e convertê-la automaticamente para uma palavra sublinhada.

Entretanto, o HTML não é usado apenas para formatar texto dentro de uma página da web. Em vez disso, o HTML organiza o documento inteiro.

Cabeça e corpo de documentos HTML

No início, um documento virtual define para o navegador qual linguagem de marcação ele usa. Com HTML5, isto é feito primeiro com a especificação "" e depois com o colchete "" (também aqui e para todas as seguintes especificações HTML: sem espaços entre os colchetes). "" é um colchete que se abre e fecha somente no final do documento. É importante que você especifique a definição correta do tipo de documento. Versões antes de HTML5 usam uma definição mais detalhada em vez de "".

A seguir, o cabeçalho do documento com a sintaxe "". O cabeçalho HTML inclui metadados, título de página, scripts e outros componentes. Somente após todas as especificações do título, o colchete do cabeçalho HTML fecha com "".

Somente então escreva o corpo HTML, que é marcado com "". O corpo de um documento compõe a parte principal de uma página web. Ele oferece espaço para texto, fotosarquivos de vídeo e outros elementos. Depois que todo o conteúdo desejado for inserido na sintaxe, feche o corpo HTML com o colchete "".

O documento digital termina com a sintaxe "", que indica o fim do texto HTML.

Elementos HTML comuns

(Sintaxe sem espaços entre os colchetes OU sem espaços após o "&"!)

- Título: título do website
- texto em negrito: texto ou texto
- texto em itálico: text ou text
- texto sublinhado: texto
- Link: Descrição do link
- 1ª ordem cabeçalho:

heading

- Título de segunda ordem: Título subordinado
- Parágrafo:

Este texto preenche todo o parágrafo.

Este é o segundo parágrafo.

- Em sinal (@): & #64; ou & commat;
- Seta à direita: & #8594; ou & rarr;
- Seta à esquerda: & #8592; ou & larr;
- Seta para cima: & #8593; ou & uarr;
- Seta para baixo: & #8595; ou & darr
- Símbolo do coração: & #9829; ou & corações;