Para separar dos secciones podemos utilizar la etiqueta <hr>. Su nombre proviene del inglés Horizontal Rule (línea horizontal). Esta etiqueta sirve para que el navegador inserte una línea horizontal.
Además de los atributos estándar, existen cuatro atributos propios 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. Por defecto, la opción es “center”.
- noshade: esta palabra significa sin sombra. Algunos navegadores como Explorer 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.
- color: sirve, obviamente, para dar color a nuestra línea. Su valor puede determinarse a través del nombre (”blue,”, “red”, “black”, etc.), o a través de su código hexadecimal correspondiente.
- size: este atributo controla el grosor de la línea. Se debe especificar el valor deseado en pixeles (puntos de pantalla).
- width: 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 pueden combinarse. Veamos varios ejemplos utilizando como base una estructura básica de una página web. Entre las etiquetas <body> y </body> escribimos:
<hr>
<hr align="right">
<hr noshade>
<hr color="green">
<hr size="10">
<hr width="90%">
<hr align="right" noshade color="#660033" size="10" width="75%">
y tras guardar el archivo con extensión .htm o .html lo abrimos desde un navegador para ver el resultado.
Estos atributos dejaron de ser usados en HTML 4.1 aunque la mayoría de los navegadores aun son compatibles con estos atributos. Sin embargo, no pueden ser usados en XHTML 1.0. En ambos casos, en lugar de usar estos atributos, la apariencia de la linea puede ser controlada a través de una hoja de estilos CSS.
