O HTML é a linguagem de marcação mais utilizada na Internet. As páginas da Internet transmitem o seu conteúdo na forma de HTML para o 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 Optimização para motores de busca SEO.
Porquê 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 constantemente sendo 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 em particular e o 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 optimização dos motores 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 parênteses HTML definem o que acontece exactamente com o texto entre eles.
Por exemplo, se você quiser sublinhar uma parte de texto, use a sintaxe "text" (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.
Contudo, o HTML não é usado apenas para formatar texto dentro de uma página 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 a linguagem de marcação que 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 parênteses rectos). "" é um colchete que se abre e fecha apenas 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 "".
Segue-se 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 "".
Só então escrever o corpo HTML, que é marcado com "". O corpo de um documento compõe a parte principal de uma página web. Fornece espaço para o 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 parênteses rectos OU sem espaços após o "&"!)
- Título: título do site
- texto em negrito: texto ou texto
- texto em itálico: text ou text
- texto sublinhado: texto
- Link: Descrição do link
- 1ª posição de ordem:
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 para a 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;
