Html Básico Elementos
()
ELEMENTO HTML
Um elemento HTML é tudo o que está entre uma tag de abertura e uma tag de encerramento.
Tag de Abertura | Conteúdo do elemento HTML | Tag de Encerramento
<p> | Isto é um parágrafo | </p>
<a href="default.htm"> | Isto é um link | </a>
<br /> | - | -
* As tags de abertura e de encerramento também podem ser chamadas de tags de início e de fim.
_______________________________________________________________________________
SINTAXE DE ELEMENTOS HTML
Um elemento HTML começa com uma tag de abertura/início.
Um elemento HTML termina com uma tag de encerramento/fim.
Um conteúdo de um elemento HTML é tudo o que está entre as tags de início/fim.
Alguns elementos HTML não possuem conteúdo (vazios).
Elementos vazios são encerrados na tag de abertura (<br />).
Muitos elementos HTML podem possuir atributos.
____________________ ___________________________________________________________
ELEMENTOS HTML ANINHADOS
Muitos elementos HTML podem estar aninhados (podem conter outros elementos HTML).
Documentos HTML consistem de elementos HTML aninhados.
_______________________________________________________________________________
EXEMPLO DE DOCUMENTO HTML
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Este exemplo contém 3 elementos HTML.
_______________________________________________________________________________
EXEMPLO EXPLICADO
O elemento <p>:
<p> Este é meu primeiro parágrafo. </p>
O elemento <p> define um parágrafo em um documento HTML.
O elemento possui uma tag de abertura/início <p> e uma tag de encerramento/fim </p>
O conteúdo do elemento é "Este é meu primeiro parágrafo".
O elemento <body>:
<body>
<p> Este é meu primeiro parágrafo.</p>
</body>
O elemento <body> define o corpo do documento HTML.
O elemento possui uma tag de início <body> e uma tag de fim </body>.
O conteúdo do elemento é outro elemento HTML (elemento p).
O elemento <html>:
<html>
<body>
<p>Este é meu primeiro parágrafo.</p>
</body>
</html>
O elemento <html> define todo o documento HTML.
O elemento possui uma tag de início <html> e uma tag de fim </html>
O conteúdo do elemento é outro elemento HTML (elemento body).
_______________________________________________________________________________
NÃO SE ESQUEÇA DA TAG DE ENCERRAMENTO
Muitos browsers irão exibir o conteúdo HTML corretamente ainda que você esqueça a tag de encerramento:
<p> Este é o primeiro parágrafo.
<p> Este é o segundo parágrafo.
Este exemplo irá funcionar na maioria dos browsers, mas não relaxe com isso. Outros erros inesperados podem ocorrer na falta da tag de encerramento.
NOTA: Futuras versões da linguagem HTML não permitem a falta da tag de encerramento.
_______________________________________________________________________________
ELEMENTOS HTML VAZIOS
Elementos HTML sem conteúdo são chamados de elementos vazios. Elementos vazios podem ser encerrados na tag de início.
<br> é um elemento vazio sem uma tag de encerramento (a tag br define uma quebra de linha (break line).
Em XHTML, XML e versões posteriores do HTML, todos os elementos devem ser encerrados.
Adicionar uma barra na tag de início, como: <br />, é a forma correta de encerrar elementos vazios, aceito pela linguagem HTML e suas versões posteriores como DHTML, XHTML, XML, HTML 4.0 e etc. Ainda que <br> funcione na maioria dos browsers, utilizar <br /> garante o código para linguagens e versões futuras do documento HTML.
_______________________________________________________________________________
DICA HTML: UTILIZE TAGS COM CAIXA BAIXA (LETRAS MINÚSCULAS)
As tags HTML não fazem diferença entre letras maiúsculas ou minúsculas: <P> é o mesmo que <p>. No entanto o consórcio W3C recomenda letras minúsculas na versão HTML 4.0, e obriga letras minúsculas em versões futuras (posteriores), (X)HTML.
Resumos Relacionados
- Html Básico Parágrafos
- Html Básico Atributos
- Javascript: Iniciando.
- Html Básico Estilo
- Html
|
|