English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O documento HTML é definido por elementos HTML.
Os elementos HTML são todos os códigos entre o sinal de abertura e o de fechamento.
| Sinal de abertura * | Conteúdo do elemento | Sinal de fechamento * |
| <p> | Este é um parágrafo da página da web | </p> |
| <a href="index.html"> | Este é um hiperlink | </a> |
| <br> | Sinal de nova linha |
*O sinal de abertura é frequentemente chamado de sinal de início (opening tag), e o sinal de fechamento é frequentemente chamado de sinal de fechamento (closing tag).
Os elementos HTML começam com o sinal de abertura
Os elementos HTML são terminados com o sinal de fechamento
O conteúdo do elemento é o que está entre o sinal de abertura e o de fechamento
Alguns elementos HTML têm conteúdo vazio
Os elementos vazios são fechados no sinal de abertura (com o fim do sinal de abertura)
A maioria dos elementos HTML pode ter atributos
Nota: Você aprenderá mais sobre atributos no próximo capítulo deste tutorial.
A maioria dos elementos HTML pode ser aninhada (pode conter outros elementos HTML).
O documento HTML é composto por elementos HTML aninhados.
<!DOCTYPE html> <html> <body> <p>Este é o primeiro parágrafo.</p> </body> </html>
Os exemplos acima contêm três elementos HTML.
<p> elemento:
<p>Este é o primeiro parágrafo.</p>
Este elemento <p> define um parágrafo no documento HTML. Este elemento possui uma tag de abertura <p> e uma tag de fechamento </p>. O conteúdo é: Este é o primeiro parágrafo.
<body> elemento:
<body> <p>Este é o primeiro parágrafo.</p> </body>
<body> define o corpo do documento HTML. Este elemento possui uma tag de abertura <body> e uma tag de fechamento </body>. O conteúdo do elemento é outro elemento HTML (elemento p).
<html> elemento:
<html> <body> <p>Este é o primeiro parágrafo.</p> </body> </html>
<html> define o documento HTML inteiro. Este elemento possui uma tag de abertura <html> e uma tag de fechamento </html>. O conteúdo do elemento é outro elemento HTML (elemento body).
Mesmo que você esqueça de usar tags de fechamento, a maioria dos navegadores exibirá corretamente o HTML:
<p>Este é um parágrafo
<p>Este é um parágrafo
Os exemplos acima também são exibidos corretamente no navegador, porque o fechamento de tags é opcional.
Mas não dependa disso. Esquecer de usar tags de fechamento pode gerar resultados inesperados ou erros.
Os elementos HTML sem conteúdo são chamados de elementos vazios. Os elementos vazios são fechados na tag de abertura.
<br> é um elemento vazio sem fechamento de tag (a tag <br> define uma quebra de linha).
Em XHTML, XML e versões futuras do HTML, todos os elementos devem ser fechados.
Adicione uma barra invertida na tag de abertura, por exemplo <br /> é o método correto para fechar elementos vazios, aceito por HTML, XHTML e XML.
Embora <br> seja válido em todos os navegadores, usar <br /> A compatibilidade será melhor, recomenda-se usar <br /> etiqueta de quebra de linha.
As tags HTML são insensíveis a maiúsculas e minúsculas: <P> é equivalente a <p>. Muitos sites usam tags HTML em maiúsculas.
O tutorial básico usa tags em minúsculas, porque a World Wide Web Consortium (W3C) em HTML 4 Recomenda-se usar minúsculas, enquanto na versão futura (X)HTML é obrigatório usar minúsculas.
Recomenda-se usar tags em minúsculo no processo de criação de páginas da web.