 |
21.- Reglas horizontales o separadores.
Las reglas horizontales, también denominadas separadores, son unos elementos muy útiles para organizar el contenido de las páginas web. La etiqueta que se utiliza para definirlos es <hr> (esta etiqueta no necesita cierre) y el efecto final es la inserción de una línea horizontal que definiremos con los siguientes parámetros opcionales :
- align = Sirve para alinear la regla. Sus valores son: left (izquierda), right (derecha) y center (centro).
- size = Indica el grosor de la linea en pixels.
- width = Indica el ancho de la linea (en realidad, se refiere a su longitud). Se puede indicar en pixels o con porcentaje.
- color= Define el color. Se puede indicar con su nombre en inglés o con un valor RBG (ver tablas de colores)
- noshade. Con este valor eliminamos la sombra que, por defecto, lleva la regla para conseguir un efecto 3D.
| En el editor de textos |
En el navegador |
| <hr width="90%" size="2" /> |
|
| <hr width="82" size="4" /> |
|
| <hr width="78%" size="4" noshade="noshade" /> |
|
| <hr width="90%" color="FFCC23" size="4" noshade="noshade" /> |
|
| <hr width="50%" color="#FF0000" size="10" /> |
|
A continuación se muestra una regla con todos sus parámetros por defecto:
Su código: <hr />
Ocupa el 100% del espacio donde se inserta (width), es de color gris, tiene sombra, y de 1 pixel de tamaño (size)
|
|
| |
|
|