Índice:
Vídeo: Aula 09 Tag Comentário - Curso De HTML 2025
Os elementos são os blocos de construção para HTML. Você os usa para descrever cada texto em sua página da web. Os elementos são compostos de tags e o conteúdo dentro (ou entre) dessas tags. Em HTML, existem dois tipos principais de elementos:
-
Elementos com conteúdo composto por um par de tags e qualquer texto que esteja entre as tags de abertura e de fechamento no par
-
Elementos que inserem algo na página, usando um único etiqueta
Pares de tags em HTML
Os elementos que descrevem o conteúdo usam um par de tags para marcar o início e o fim, com tudo o que representa o conteúdo do elemento. Os pares de tags começam com uma tag de abertura, seguido de algum conteúdo e terminam com uma tag de fechamento, como esta: os títulos são fáceis, o conteúdo é difícil.
Conteúdo - como artigos, documentos, parágrafos, títulos, tabelas e listas - usa sempre pares de tags, onde
-
A tag de abertura () diz ao navegador, "O elemento começa aqui. "
-
A tag de fechamento () diz ao navegador," O elemento termina aqui. "
O conteúdo atual é o material entre as tags de abertura e de fechamento.
Etiquetas simples
Os elementos que inserem algo em uma página são chamados vazios (porque não incluem nenhum conteúdo) e use uma única tag, como esta:. As imagens e as quebras de linha inserem algo em um arquivo HTML e usam uma única tag (elemento vazio) - ou seja, e , respectivamente.
Em HTML5, elementos vazios não requerem tratamento especial. Em uma versão anterior conhecida como XHTML (com base na linguagem de marcação XML), os elementos vazios são necessários para terminar com uma barra diagonal antes do ângulo de fecho, portanto, em HTML5 (e HTML4, para esse assunto) seria escrito como.
Para a compatibilidade com o HTML4, isso geralmente seria escrito porque o espaço que precedeu a barra diagonal permitiu que navegadores mais antigos reconhecessem o elemento corretamente, mesmo que não analisassem a marcação como XHTML. Você pode encontrar o espaço extra e a barra de fechamento nas páginas que você olha, então não deixe isso incomodar você. Essas contorções não se aplicam em HTML5.
Por exemplo, o elemento
No entanto, o conceito pode parecer atraente, você não pode criar seus próprios elementos HTML. Elementos legais para HTML pertencem a um conjunto muito específico - se você usar elementos que não pertencem a esse conjunto, o navegador simplesmente os ignora. Os elementos que você pode usar são definidos nas várias especificações HTML. (A especificação HTML5. 1 pode ser encontrada na página W3C Working Draft.)
Marcação de assentamento
Algumas estruturas de página HTML podem conter elementos aninhados. Pense neles como malas que se encaixam perfeitamente dentro do outro. Por exemplo, uma lista com marcadores usa dois tipos de elementos:
-
O elemento
-
especifica que a lista não está ordenada (com marcadores).
-
O elemento
- marca cada item na lista. (O li significa "item da lista.")
Quando você combina elementos usando essa abordagem, você deve fechar todos os elementos do item da lista interna antes de fechar o elemento da lista não ordenada, como este:
- Item 1
- Item 2
