espaciador
Tutorial gratuito online en castellanoEstás en: HTML» Índice Tutorial » Lección 21: Reglas

espaciadorTutorial de HTML

Lección anterior » Lección Siguiente

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)

 

logo distrito web


powered by FreeFind

¿Quieres ganar dinero con tu Blog o página web?

 

 
 
Anterior Indice Tutorial HTML Siguiente

Estadisticas de visitas