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.


HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.


O jogo Final Fantasy X para o Sony Playstation 2 vendeu, apenas no dia do seu lançamento, 1.455.732 cópias, estabelecendo um recorde de vendagem para as primeiras 24 horas de um game. Méritos da SquareSoft, que desenvolveu um excelente produto!


Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".