Barras de separación
 |
HTML 3.2 proporciona al usuario una herramienta de separación de bloques de texto más contundente que las limitaciones de párrafo. Se trata de la línea horizontal (horizontal rule) cuya marca, única, es <HR>. Mediante la inserción de esta etiqueta entre dos párrafos, éstos quedan separados por una línea horizontal con aspecto de relieve.
<HTML><HEAD>
<TITLE>Muestra de texto con línea horizontal </TITLE>
</HEAD>
<BODY BACKGROUND="punteado.gif" TEXT="#000020" LINK="#3A5FCD" VLINK="#7EC0EE" ALINK="#FF0000" TOPMARGIN="100">
<H2> POEMAS </H2>
<HR>
<H3>UN SONETO</H3>
<P>Un soneto me manda hacer Violante
que en mi vida me he visto en tanto aprieto;
catorce versos dicen que es soneto;
burla burlando van los tres delante. <P>
<P>Yo pensé que no hallara consonante,
y estoy a la mitad de otro cuarteto;
mas si me veo en el primer terceto,
no hay cosa en los cuartetos que me espante. <P>
<P>Por el primer terceto voy entrando,
y parece que entré con pie derecho,
pues fin con este verso le voy dando. <P>
<P>Ya estoy en el segundo, y aun sospecho
que voy los trece versos acabando;
contad si son catorce, y está hecho. <P>
<P>Lope Félix de Vega Carpio S XVII<P>
<H3>SABER SIN ESTUDIAR</H3>
<P>Admiróse un portugués
de ver que en su tierna infancia
todos los niños en Francia
supiesen hablar francés.
«Arte diabólica es»,
dijo, torciendo el mostacho,
«que para hablar en gabacho
un fidalgo en Portugal
llega a viejo, y lo habla mal;
aquí lo parla un muchacho».
<P>Nicolás Fernández de Moratín S XVIII<P>
</BODY>
</HTML>
La etiqueta <HR> admite los atributos que presentamos a continuación:
- SIZE=n, donde n es el número de píxeles de grosor que deseamos que tenga la línea.
- WIDTH=n|%, de manera habitual la línea atraviesa la totalidad de la ventana del navegador. Mediante el atributo WIDTH podemos determinar la achura en píxeles (sólo un número WIDTH="300") o bien en porcentaje de la pantalla (número y % WIDTH="70%").
- ALIGN=valor, en caso de que la línea no ocupe la totalidad de la ventana del navegador, es posible centrarla o alinearla a cualquiera de los dos lados de la pantalla. Los posibles valores para el atributo ALIGN son: center, left y rigth.
- NOSHADE, por último, también es posible quitarle a la línea el aspecto de relieve que posee por defecto.
Como es evidente, tenemos la posibilidad de combinar varios atributos no contradictorios en la misma marca.
<HTML><HEAD>
<TITLE>Muestra de texto con línea horizontal</TITLE>
</HEAD>
<BODY BACKGROUND="punteado.gif" TEXT="#000020" LINK="#3A5FCD" VLINK="#7EC0EE" ALINK="#FF0000" TOPMARGIN="100">
<H2>Barras de separación</H2>
Barra de sin parámetro
<HR>
Barra de cinco píxeles de grosor
<HR SIZE="5">
Barra de 250 píxeles de anchura
<HR WIDTH="250">
Barra del 50% de anchura
<HR WIDTH="50%">
Barra del 50% de anchura entrada
<HR WIDTH="50%" ALIGN="CENTER">
Barra del 50% de anchura alineada a la izquierda
<HR WIDTH="50%" ALIGN="LEFT">
Barra del 50% de anchura alineada a la derecha
<HR WIDTH="50%" ALIGN="RIGHT">
Barra sin sombra
<HR NOSHADE>
Barra de 10 píxeles de grosor, 200 de anchura y alineada a la izquierda
<HR SIZE="10" WIDTH="50%" ALIGN="LEFT">
Barra de 7 píxeles de grosor, 200 de anchura y alineada centrada
<HR SIZE="7" WIDTH="50%" ALIGN="CENTER" NOSHADE>
</BODY>
</HTML>
