HTML (Hypertext Markup Language)

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 "< u >texto< /u >" (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 "< !DOCTYPE html >" e depois com o colchete "< html >" (também aqui e para todas as seguintes especificações HTML: sem espaços entre os colchetes). "< html >" é 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 "< !DOCTYPE html>".

A seguir, o cabeçalho do documento com a sintaxe "< cabeça >". 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 "< /head >".

Somente então escreva o corpo HTML, que é marcado com "< corpo >". 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 "< /corpo >".

O documento digital termina com a sintaxe "< /html >", 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< /título>
- texto em negrito: < b >texto< /b> ou < forte >texto< / forte>
- texto em itálico: < em >text< /em > ou < i >text< /i >
- texto sublinhado: < u > texto< /u >
- Link: Descrição do link< /a >
- 1ª ordem cabeçalho: < h1 >heading< /h1 >
- Título de segunda ordem: Título subordinado< /h2>
- Parágrafo: < p > Este texto preenche todo o parágrafo.< /p > < p > Este é o segundo parágrafo.< /p >
- 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;

Favor dividir a contribuição
Compartilhe no facebook
Compartilhe no twitter
Compartilhe no linkedin
Compartilhe no pinterest
Compartilhe no whatsapp
Compartilhe no telegram
Últimos posts

Vídeos recomendados de nosso Canal Youtube