Curso Html, as Tags

Uma lição à parte merece a tag, pois, mesmo não exibindo seu conteúdo no vídeo, desempenha um papel fundamental na criação de uma página web.

Como já mencionamos, essa tag contém as informações referentes ao site, mas que tipo de informações ela contém? Primeiro de tudo, contém o título do site, o que não é pouco. Depois, contém a descrição do site e as palavras-chave que caracterizam o próprio site.

O título, a descrição e as palavras-chave são fundamentais para uma boa posição nos Motores de Busca, mas isso veremos depois. Além do que foi dito, contém informações pessoais do webmaster como o endereço de e-mail, o nome e um possível copyright. Poderia conter muito mais informações, mas que não são necessárias para o desenvolvimento do site, então limitamo-nos a estas.

Cada elemento tem sua Tag de referência sem a qual seria impossível para o Browser reconhecê-la como tal. Então teremos Tags referentes ao texto, Tags referentes às imagens, Tags referentes às cores, Tags referentes ao posicionamento… e assim por diante.

Antes de fazer amizade com algumas Tags importantes, é bom ver do que uma Tag é formada:. Uma Tag é inserida entre dois sinais de menor e maior, sem os quais não seria interpretada pelo Browser. Outra consideração importante é que a cada Tag de abertura deve corresponder sempre obrigatoriamente uma Tag de fechamento sem as quais o Browser seria incapaz de traduzir o documento.

As Tags de fechamento, em relação às de abertura, têm a mais somente uma pequena barra transversal como esta /. Aqui está como se apresenta uma Tag de fechamento: . Aqui está como se apresenta a sintaxe exata do comando das Tags: conteúdo do comando…. Agora que começamos a nos familiarizar com as Tags, vejamos algumas entre as mais utilizadas:

Estes são alguns entre os Tags mais utilizados e no decorrer das próximas lições, veremos como usá-los e faremos amizade com outras Tags importantes.

Como todos os outros tags, para serem válidos devem ter uma tag de abertura e uma de fechamento, então, para o tag title temos: tag  Dito isso, abra o editor on-line e adicione essa nova tag entre aquelas head, inserindo como título Meu primeiro site:

Salve a página como index.html e abra-a com seu navegador web. Olhe no canto superior esquerdo, na primeira barra superior do navegador, e verá o título do seu site impresso na própria barra. Agora, adicionemos uma breve descrição ao nosso título, para completar a referência:

Salvemos a página sempre como index.html sobrescrevendo a previamente salva para validar as modificações.

O tag Body contém tudo aquilo que você visualiza na sua tela, portanto, todos os elementos visualizáveis de uma página web. Texto, imagens, vídeo, formulários, links e muito mais, são incluídos nesta tag extremamente importante. Para fazer um pequeno exemplo do que representa a tag Body, retomemos nossa página index.html e escrevamos o seguinte entre as tags Body:

Salve novamente a página aceitando as modificações e carregue-a em seu navegador web. Viu? Esse é o significado da tag Body, sem a qual qualquer página web se apresentaria como uma folha branca desolada.

Pubblicato in HTML & CSS