Aprenda HTML - O Que são tags ?

por Leonard Qui 20 Jun 2013, 10:57

Lição 4: O que são tags HTML?
Você já está em condições de aprender a chave do HTML - tags.
"Tags"?
Tags são rótulos usados para informar ao navegador como deve ser apresentado o website.
Todas as tags têm o mesmo formato: começam com um sinal de menor "<" e acabam com um sinal de maior ">".
Genericamente falando, existem dois tipos de tags - tags de abertura: e tags de fechamento: . A diferença entre elas é que na tag de fechamento existe um barra "/".
Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será processado segundo o comando contido na tag.
Mas, como toda regra tem sua exceção, aqui no HTML a exceção é que para algumas tags a abertura e o fechamento se dá na mesma tag. Tais tags contém comandos que não necessitam de um conteúdo para serem processados, isto é, são tags de comandos isolados, por exemplo, um pulo de linha é conseguido com a tag

Código:: <br />

.
HTML é tag - e nada mais do que tags. Aprender HTML é aprender como usar as diferentes tags.
Você pode mostrar alguns exemplos?
OK, a tag

Código:: <b>

informa ao navegador que todo o texto colocado entre

Código:: <b>

e

Código:: </b>

deve ser mostrado em negrito. (O comando "b" é uma abreviação para "bold" - negrito.)
Exemplo 1:

Código:: <b>Este texto deve ser em negrito.</b>

Vai ser apresentado no navegador, como mostrado a seguir:

Código:: Este texto deve ser em negrito

.
As tags

Código:: <h1>

,

Código:: <h2>

,

Código:: <h3>

,

Código:: <h4>

,

Código:: <h5>

e

Código:: <h6>

informam ao navegador que trata-se de um cabeçalho (h vem de "heading" - cabeçalho ), sendo

Código:: <h1>

o cabeçalho de primeiro nível e aquele apresentado com o maior tamanho de texto,

Código:: <h2>

o cabeçalho de segundo nível e aquele apresentado com tamanho de texto um pouco menor e

Código:: <h6>

o cabeçalho de sexto nível e aquele apresentado com o menor tamanho de texto.
Exemplo 2:

Código:: <h1>Este é um título</h1> <h2>Este é um sub título</h2>

Vai ser apresentado no navegador, como mostrado a seguir:
Este é um título
Este é um subtítulo
As tags devem ser escritas com letras maiúsculas ou minúsculas?
Para a maioria dos navegadores é indiferente se você usa maiúscula, minúscula ou mesmo uma mistura delas., ou normalmente tem o mesmo efeito. Contudo a maneira correta é usar minúsculas. Então, crie o hábito de escrever suas tags com minúsculas.
Onde devo colocar todas estas tags?
Você deve escrever suas tags em um documento HTML. Um website é constituido por um ou mais documentos HTML. Quando você navega na Web, você está abrindo diferentes documentos HTML.
Se você passar para a próxima lição, em dez minutos estará construindo seu primeiro website.