Minicursos - HTML

O que são Tags?


Eu citei na apresentação da linguagem HTML o termo “tag”, mas se você é iniciante e está dando seus primeiros passos em busca de aprender a criar páginas para a Internet, talvez não saiba muito bem o que é isso. Vamos começar por essa pergunta...

Afinal, o que são tags?

Bem, tags nada mais são do que rótulos ou cápsulas que abrigam conteúdos. Cada tag tem uma função específica e vamos falar um pouco sobre as mais importantes. Vejam como é simples:

A tag p refere-se a um parágrafo, a tag table a uma tabela, a form a um formulário, e assim por diante. Podemos pensar na tag como sendo um identificador do objeto que se quer criar na tela.

Uma tag é composta por sinais de maior e menor, que abrigam o identificador da mesma, por exemplo:

<p> - Tag de início de parágrafo
<table> - Tag de início de tabela
<i> - Tag de início de texto em itálico

A maioria das tags necessita de um par, para que o navegador saiba onde termina a instrução. Vou explicar com um exemplo que facilitará a compreensão.

Imaginem o seguinte parágrafo:

640 Kb são mais do que suficientes para qualquer um. * Bill Gates, 1981

Se quisermos criar um parágrafo HTML para ser exibido em navegadores com essa mesma frase, ele deveria ser feito assim:

<p>640 Kb são mais do que suficientes para qualquer um. * Bill Gates, 1981</p>

Na tela do navegador isso seria exibido assim:



Percebam que iniciei o parágrafo com uma tag<p>,depois inseri o conteúdo do mesmo e, por fim, encerrei esse parágrafo com a tag </p>.O encerramento das tags sempre se dá dessa forma, com uma barra antes do elemento identificador e, sempre os abrangendo com os sinais de menor e maior. Vale lembrar que tags podem estar aninhadas, ou seja, umas dentro das outras. Outro exemplo deixará isso claro.

Se quiséssemos utilizar a mesma frase acima, mas deixar o nome do autor em itálico, faríamos assim:

<p>640 Kb são mais do que suficiente para qualquer um. *<i>Bill Gates</i>,1981</p>

Vejam agora que eu envolvi o nome Bill Gates usando as tags <i> e </i>. A exibição disso em um navegador seria:



O importante a ressaltar é que as tags devem ser fechadas em ordem inversa à sua criação. A última aberta deve ser a primeira a ser fechada, conforme o último exemplo. Seria INCORRETO fazer assim:

<p>640 Kb são mais do que suficiente para qualquer um. *<i>Bill Gates, 1981</p></i>

Acima eu fechei o parágrafo antes de fechar a tag <i>. Em alguns casos os navegadores modernos ignorarão isso e a exibição será perfeita, mas esse recurso de auto correção de erros por parte dos navegadores não deve ser usado.

No exemplo acima nem daria certo, pois queremos apenas o nome do autor em itálico e, dessa forma incorreta, o ano em que a frase foi dita também ficaria em itálico. Mas repito, existem situações em que isso não fará diferença, mas é uma boa prática de estruturação sempre fechar primeiro a última tag aberta. Isso organiza seu código e facilita futuras manutenções.

Na sequência veremos algumas das principais tags HTML.



Algumas notícias

O que acontece com o cérebro no exato momento em que morremos

O que passa em nossa cabeça no momento da morte? Não se sabe exatamente e, embora os cientistas tenham alguma resposta, a resposta continua sendo um grande mistério. Além de difícil solução, tentar respondê-la pode criar implicações éticas. No entanto, uma equipe de cientistas da Universidade...

Ler Notícia Completa

Operada e devolvida ao útero, menina que nasceu duas vezes hoje 'acorda sorrindo toda manhã'

Um bebê pode nascer duas vezes? Não é o caso da absoluta maioria das crianças, mas foi assim para a pequena Lynlee Boemer. Em outubro de 2015, sua mãe, Margaret Boemer, descobriu que estava grávida de gêmeos. Ela sofreu um aborto espontâneo, mas um dos bebês sobreviveu. Com dez semanas de ges...

Ler Notícia Completa