HTML 5 // Tipos de tag

O que é HTML?

🔴 HTML significa “HyperText Markup Language” (Linguagem de Marcação de Hipertexto, em português). É uma linguagem de marcação utilizada para estruturar e apresentar o conteúdo em páginas da web.

✅ O HTML é composto por um conjunto de elementos ou tags que permitem definir a estrutura, os elementos e o layout de uma página da web. Essa linguagem é interpretada pelos navegadores, que renderizam o conteúdo HTML e o exibem aos usuários na forma de texto, imagens, links e outros elementos interativos.

✅ Ela utiliza tags para demarcar elementos e definir a estrutura do documento. As tags são representadas por símbolos “<” e “>” e podem ser de fechamento ou de auto fechamento. Elas informam ao navegador como exibir e interpretar o conteúdo, como títulos, parágrafos, imagens e links.

✅ Um arquivo HTML deve ter a extensão “.html” para ser reconhecido pelo navegador e exibido corretamente.

Tipos de Tags

As tags em HTML são usadas para marcar e estruturar o conteúdo de uma página da web. Elas podem ser categorizadas em dois tipos principais: “nível de bloco” (block-level) e “em linha” (inline).

1. Tags em Nível de Bloco (block-level): Essas tags são usadas para criar blocos de conteúdo que ocupam toda a largura disponível do elemento pai (ou container). Isso significa que esses elementos são exibidos em linhas separadas e, por padrão, começam em uma nova linha. Alguns exemplos de tags em nível de bloco incluem <div>, <p>, <h1> a <h6>, <ul>, <ol>, <li>, <table>, entre outras. Essas tags são usadas para estruturar seções maiores de conteúdo em uma página.
2. Tags em Linha (inline): Essas tags são usadas para marcar e demarcar conteúdo dentro de um bloco de texto, como palavras ou frases específicas. Ao contrário das tags em nível de bloco, as tags inline não criam um bloco separado, mas são incorporadas dentro do fluxo do texto. Isso significa que esses elementos geralmente não iniciam uma nova linha. Alguns exemplos de tags inline incluem <span>, <strong>, <em>, <a>, <img>, <input>, <br>, entre outras. Essas tags são usadas para aplicar estilos, criar links, inserir imagens e realizar outras ações específicas em partes específicas do texto.

⛔ É importante entender a diferença entre esses dois tipos de tags, pois elas têm comportamentos e características diferentes.

Os elementos em nível de bloco são usados para criar seções maiores e definir a estrutura básica do conteúdo, enquanto os elementos inline são usados para marcar partes específicas dentro dessas seções.

⛔ Ao aplicar estilos CSS, os elementos em nível de bloco e em linha também podem ser tratados de maneira diferente, o que afeta sua aparência e comportamento na página da web.

^{*Atualizado em 8 de julho de 2023}