As tags HTML

Junho 2017

O que é linguagem de tags

O HTML não é uma linguagem de programação, já que ela permite descrever a formatação da página e a forma de um conteúdo redigido em texto simples.

Uma página HTML é assim um simples arquivo de texto que contém marcas às vezes chamadas balizas, indicadores, marcas e atualmente de tags, em inglês, que permitem formatar o texto, as imagens, etc.

Como utilizar as tags HTML

Uma tag é um elemento de texto (um nome) precedido do caractere menor do que (<) e seguido do caractere maior do que (>), por exemplo <H1>.

As tags HTML não são sensíveis à diferença entre maiúsculas e minúsculas, quer dizer, que podem ser escritas indiferentemente com minúsculas ou maiúsculas. Elas funcionam em par, para agir sobre os elementos que enquadram. A primeira, chama-se ‘marca de abertura’ (às vezes marca que abre) e, a segunda, ‘marca de fechamento (ou encerramento). A baliza que fecha é precedida do caractere /, desta forma: <tag> o seu texto formatado </tag>.

Por exemplo, as tags <b> e </b> permitem deixar texto que enquadra em negrito: <b> Este texto está em negrito</b>.

As tags HTML podem, às vezes, ser únicas: a tag <br>, por exemplo, representa uma quebra de linha e, para ser o mais parecido possível com o padrão XHTML (muito mais estrito do que o padrão HTML), é aconselhável utilizar a seguinte forma: <br/>.

Como é a Imbricação das tags

As tags HTML têm a particularidade de encaixarem-se de maneira hierárquica, para permitir a cumulação das suas propriedades. Por outro lado, a sua sobreposição não é tolerada pelo padrão HTML. Veja um exemplo de texto formatado com balizas encaixadas:

<i><u>br.ccm.net</u>, enciclopédia informática livre</i>

O exemplo acima resulta no seguinte:

<u>br.ccm.net</u>, enciclopédia informática livre

Por outro lado, o exemplo abaixo não está correto:

<i><b>br.ccm.net</i>, enciclopédia informática livre</b>

O que é um atributo

Um atributo é um elemento presente na tag de abertura, que permite definir propriedades suplementares. Os atributos apresentam-se, na maior parte do tempo, por uma chave=valor, mas certos atributos são definidos apenas pela chave.

Confira um exemplo de atributo para a baliza <p> (tag que define um parágrafo) e, que permite especificar que o texto deve ser alinhado à direita:

<p align= " right " >Exemplo de parágrafo</p>

Cada tag pode comportar um ou vários atributos, podendo cada deles não ter nenhum, ter um ou vários valores.

Espaços, quebra de linha e tabulações

A linguagem HTML não considera os espaços, as tabulações e as quebras de linha ou, mais exatamente, considera uma sequência de um ou de vários espaços/tabulações/quebra de linha como um só espaço. Isto permite espaçar o código HTML para ser mais legível, sem alterar a aparência da página HTML no navegador. Embora tenha uma exceção para o código contido nas tags:

o objetivo é precisamente conservar a formatação do texto (espaços, saltos de linhas, etc.): <pre class="code">Exemplo de código HTML

A linguagem HTML possui, em contrapartida, elementos que permitem definir cada um destes elementos de configuração:

Espaço insecável: trata-se de um espaço que não pode ser quebrado no fim da linha. A sua representação em HTML é  .

Quebra de linha manual: trata-se da quebra de linha explícita. A sua representação em HTML é <br> (<br/> para estar conforme ao XHTML).

Nota: a tag <NOBR> </NOBR> permite, ao contrário, impedir a quebra automática à linha realizada pelo navegador.

Comentários

É possível acrescentar elementos de informação numa página web sem que estes sejam exibidos na tela, graças a um jogo de tags específicas chamadas tags de comentários:

<!-- Eis um comentário -->
As tags de comentários permitem pôr em comentário um texto, mas podem igualmente servir para comentar o código HTML.

Nota: existe uma exceção para o código contido na tag <PRE>, cujo objetivo é precisamente conservar a formatação do texto (espaços, quebras de linhas, etc.).

Veja também


Marcado HTML
Marcado HTML
Balise HTML
Balise HTML
Tag HTML
Tag HTML
Última modificação: 13 de maio de 2017 às 08:49 por ninha25.
Este documento, intitulado 'As tags HTML', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.