domingo, 12 de agosto de 2007

HTML - Termos Comuns

Essa postagem tem como objetivo esclarecer os termos da linguagem de marcação HTML, haja vista que algumas pessoas não conseguem acompanhar bem o estudo da linguagem por falha no aprendizado de simples termos que serão explicitados nesse pequeno texto.

Então vamos começar.

Tag

A tag é o elemento base do HTML, as tags são os comandos da linguagem. Podemos diferenciar uma tag no documento HTML através da delimitação dos símbolos < (Menor que) e > (Maior que).
Exemplos:
<p> = Tag para Parágrafo
<img> = Tag para Imagem
<br> = Tag para Quebra de linha ("dar um Enter")

Esses três exemplos são tags. No entanto é importante observar alguns detalhes sobre elas. Por exemplo, a tag <img> não é escrita no HTML sozinha, da forma como foi apresentada. Ela contém atributos que têm a função de identificar alguns aspectos importantes na exibição da imagem. Nesse caso específico deveria ser especificado o atributo "src" que informa o caminho da imagem. A definição de atributo será vista no próximo tópico.

Fechamento de Tags: A maioria das tags possui fechamento, no exemplo acima somente a tag <p> possue tag de fechamento, que no caso é </p>, ou seja, as tags que possuem fechamento, sempre fecham com o nome da tag precedido por um "/". Nas tags <img> e <br> não existe tag de fechamento, mas se você estiver servindo XHTML é necessário, como regra de sintaxe do código, que seja colocado um "/" antes de do ">", por exemplo, a tag <br>, deve ser assim (apenas se for código de marcação XHTML): <br />.

Atributos

Os atributos são características que podemos inserir nos elementos da linguagem HTML. No exemplo do início do texto, atributo "alt" na tag "img", seria formulado assim: <img alt="Etiqueta Alternativa">. O atributo "alt" serve para colocar uma etiqueta alternativa para a imagem, caso a mesma não possa ser exibida, ou no caso do IE, exibe o conteúdo do atributo "alt" quando se posiciona o mouse sobre a imagem. Ainda falando sobre o elemento "img" há um atributo obrigatório, que é o "src" que tem a função de informar onde se encontra a imagem a ser exibida.

Então um atributo é sempre identificável através de um sinal de igual logo após ele, e um valor delimitado por aspas (geralmente os browsers interpretam valores de atributos sem aspas, no entanto como boa forma de escrita de código HTML é recomendável usá-las). Por exemplo: src="valor", alt="valor", face="valor", size="valor".

Referência completa da linguagem HTML: http://www.w3.org/TR/html401/
Infelizmente é em inglês, estarei procurando e se achar algum material em português coloco aqui.

Obrigado pela leitura.