CURSO DE DISEÑO WEB AVANZADO (IV)
Líneas divisorias en el documento

En otra entrega hablamos de cómo crear líneas horizontales con la etiqueta <HR> (horizontal rule). Ahora manipularemos esas líneas.

El atributo SIZE

La mayoría de los browsers despliegan las líneas con un grosor de 3 píxeles. Una forma de modificar esto es con el atributo SIZE y un valor en píxeles. Ejemplo: .

Ejemplo:

Aquí tenemos cuatro líneas. La primera es de tres píxeles porque no tiene ninguna aclaración. La segunda es de 15 píxeles, la tercera de 37 y la cuarta de 70.
<HR>
<HR size=15>
<HR size=37>
<HR size=70>


El resultado


Aquí tenemos cuatro líneas. La primera es de tres píxeles porque no tiene ninguna aclaración. La segunda es de 15 píxeles, la tercera de 37 y la cuarta de 70.






El atributo WIDTH

¿Qué ocurre si queremos centrar una línea? Para modificar la posición de la línea en la página debemos recurrir al atributo ALIGN e indicar left (izquierda), right (derecha), center (centro), según corresponda.

<p aling= left><HR width="30%" align=right> Derecha ... </P
<p aling= center><HR width="30%" align=center> Centro... </P>
<HR width="30%" align=left> Izquierda



Derecha ...


Centro...


Izquierda

El atributo NOSHADE

Por último, también podemos cambiar la apariencia de las líneas utilizando el atributo NOSHADE:


<HR size=32>
<HR size=32 noshade>





Sigue leyendo para conocer más trucos para mejorar tu sitio:

•Cómo distribur los espacios en el documento

TEMAS RELACIONADOS
Manual de JavaScript para "bajar" a tu computadora
Tutorial de Flash 5
Editores de páginas web fáciles y gratuitos

Todo para tu sitio