Linhas horizontais

É interessante utilizarmos uma linha horizontal sempre que desejarmos separar o título do restante do documento, ou ainda, quando julgarmos apropriado dividir em blocos um documento que contenha informações diferenciadas.

Para inserirmos uma linha horizontal, devemos utilizar a tag ímpar <hr> (horizontal rules), que não possui uma parte referente ao seu fechamento.

Elemento ou elementos HTML após a linha horizontal

Os principais atributos da tag <hr> são:        

size » Este atributo determina a altura do tracejado da linha. Podemos utilizar um valor absoluto de "1" a "100".

Exemplo: <hr size="50">

width » Este atributo é utilizado para definir o tamanho da linha horizontalmente, em relação a página. Podemos utilizar um valor absoluto (em pixels) ou um valor relativo (em porcentagem).

Exemplo:

<hr size="10" width="50%"> - A linha terá a metade do tamanho da página horizontalmente.

noshade » Inserindo este atributo é eliminado a sombra da linha, dando um efeito tridimensional.

Exemplo: <hr noshade>

align » Com este atributo podemos definir um alinhamento para a linha, podendo ser:

• Align="left" – Alinha à esquerda da página (padrão).

• Align="center" – Alinha ao centro da página.

• Align="right" – Alinha à direita da página.

Exemplo:

<hr size="10" width="50%" align="center" noshade>

No exemplo, definimos que a linha horizontal terá "10" unidades de altura, ocupará "50%" do tamanho horizontal da página, estará alinhada ao centro e com o efeito tridimensional.

DICA: Ao encontrar uma linha horizontal, o leitor de telas Virtual Vision a pronuncia como "separador"