Líneas horizontales para separar párrafos

Si lo que se necesita es separar dos secciones diferentes de una página, ya sea texto o no, puede emplearse una nueva etiqueta: <hr>. Su nombre proviene del inglés Horizontal Rule (línea horizontal). Esta etiqueta está

formada por una única instrucción y provoca que el navegador inserte una línea horizontal como la mostrada en figuras anteriores en donde se separaba los dos párrafos que se estaban comparando. Existen cuatro atributos que permiten modificar su apariencia. Estos son:

-’align’: Permite cambiar la alineación de la línea. Puede tomar tres valores:"left", "center" y

"right" para conseguir alineación a la izquierda, centro y derecha respectivamente.

-’noshade’: ’noshade’, que en inglés significa sin sombra, existe porque algunos navegadores

gráficos muestran las líneas horizontales con un efecto tridimensional con sombra. Al incluir este atributo se elimina este efecto de manera que el navegador sólo mostrará una línea horizontal negra.

-’size’: Con este atributo se puede controlar el grosor de la línea. Como valor de este atributo se

debe especificar el valor deseado en pixeles (puntos de pantalla).

-’width’: Este atributo permite especificar el ancho de la línea. El valor puede ser dado de

una manera absoluta, especificando el ancho en pixeles (por ejemplo width=100) o

de manera relativa respecto al ancho de la ventana del navegador usando porcentajes

(por ejemplo width="90%"). Es más que recomendable usar este último sistema de

manera que obtengamos un resultado apropiado independientemente del tamaño que

cada usuario quiera dar a la ventana de su navegador.

Estos atributos pueden ser usados conjuntamente para combinar sus efectos. En figuras anteriores podemos ver el efecto de cada uno por separado en cualquier navegador junto con los valores empleados en cada caso.

Con los nuevos atributos de la etiqueta <hr> podemos controlar el ancho,
grosor alineamiento y sombra de la línea horizontal.