Resumo de 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

 | Isto é um parágrafo | 
<a href="default.htm"> | Isto é um link | </a>
 | - | -

* 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 ( ).
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>
This is my first paragraph.
</body>

</html>

Este exemplo contém 3 elementos HTML.

_______________________________________________________________________________
EXEMPLO EXPLICADO

O elemento :

 Este é meu primeiro parágrafo. 

O elemento define um parágrafo em um documento HTML.
O elemento possui uma tag de abertura/início e uma tag de encerramento/fim 
O conteúdo do elemento é "Este é meu primeiro parágrafo".

O elemento <body>:

<body>
 Este é meu primeiro parágrafo.
</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>
Este é meu primeiro parágrafo.
</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:

 Este é o primeiro parágrafo.
 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.

 é 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: , é 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 funcione na maioria dos browsers, utilizar 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: é o mesmo que . 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