SELFHTML: HTML / Tipos de párrafos y organización del texto / Líneas de separación

SELFHTML / Barra HTML Tipos de párrafos y organización del texto ¡Escuche radio!

	Líneas de separación
	Definir líneas de separación Forzar el no sombreado de líneas de separación Controlar la anchura y la altura de las líneas de separación Alinear líneas de separación Líneas de separación coloreadas Otras posibilidades

Definir líneas de separación

Ejemplo visual:

Las líneas de separación sirven generalmente para la delimitación óptica de párrafos que directamente no tienen algo en común, o sirven como aflojamiento. Una línea de separación produce un párrafo propio.

Ejemplo:

Aquí termina un párrafo.
<hr>
Aquí comienza uno nuevo.

Aclaración:

<hr> añade una línea de separación (hr = horizontal rule = regla horizontal). No importa donde se coloque la etiqueta. Da lo mismo si la etiqueta está al final del último renglón del párrafo anterior, en un renglón propio (como en el ejemplo), o al principio del siguiente párrafo.

Forzar el no sombreado de líneas de separación

Ejemplo visual:

Navegadores gráficos visualizan las líneas de separación normalmente en forma 3 dimensional, o sea con sombra. Sim embargo usted puede forzar al navegador a visualizar la línea de separación en forma robusta, o sea que aparezca como una línea sencilla.

Ejemplo:

Aquí termina un párrafo.
<hr noshade>
Aquí comienza algo nuevo.

Aclaración:

Con el atributo noshade usted logra a que el navegador visualice la línea de separación de forma robusta, o sea como una línea sencilla; (noshade = sin sombra).

Controlar la anchura y la altura de las líneas de separación

Ejemplo visual:

Los navegadores visualizan las líneas de separación por lo general sobre la anchura total de la ventana de visualización (pantalla). Usted puede forzar a que la línea aparezca en una anchura determinada de la ventana de visualización. Además puede determinar el espesor de la línea.

Ejemplo:

Aquí termina un párrafo.
<hr width=60%>
Aquí comienza otra cosa.
<hr width=260 size=4>
Aquí comienza nuevamente otra cosa.

Aclaración:

Con el atributo width= (width = anchura) usted logra que el navegador represente la línea en la anchura que usted ha determinado. Puede especificar un valor digital o procentual. Con un número, por ejemplo 300, obliga a que la línea sea representada con una anchura de 300 píxeles. Con un valor procentual logra que la línea sea representada con la anchura máxima especificada en relación a la anchura de la ventana de visualización. Para la especificación procentual tiene que poner el símbolo % después del número.

Con el atributo size= (size = tamañ) puede determinar la altura (espesor) de la línea de separación. El preajuste es de 2 puntos. Con el valor 1 fuerza una línea extremamente fina, con valores de más de 2 puede especificar un espesor más grande que el que tienen las líneas de separación preajustadas.

Atención:

Ambos atributos son permitidos en combinación con líneas sin sombra (noshade).

Alinear líneas de separación

Ejemplo visual:

El alineamiento de las líneas de separación es razonable tan sólo en conexión con la especificación width= (achicar la línea de separación), ya que sino la línea va a sobrepasar la ventana de visualización.

Los alineadores alinean las líneas de separación centradas. Usted puede alinearlas a la izquierda o a la derecha.

Ejemplo:

Aquí termina una sección.
<hr width=60% align=left>
Aquí comienza algo diferente.
<hr noshade width=260 size=4 align=right>
Aquí comienza otra nueva cosa.

Aclaración:

Con el atributo align=left usted logra que la línea sea alineada a la izquierda (align = alineamiento, left = izquierda). Con align=derecha la línea es ajustada a la derecha (right = derecha).

Atención:

Todas las especifiaciones sobre el alineamiento son permitidas también en combinación con líneas de separación sin sombra (noshade).

Líneas de separación coloreadas

Ejemplo visual:

El MS Explorer permite a partir de la versión 3.0 también la visualización de líneas de separación coloreadas. Sin embargo hasta el momento esa especificación no es estándar HTML.

Ejemplo:

Aquí termina una sección.
<hr noshade color=#FF0000>
Aquí comienza algo nuevo

Aclaración:

Con el atrubuto color= puede determinar el color de una línea de separación. Para la selección de colores véase Definir colores en HTML.

Otras posibilidades

La etiqueta <hr> puede contener atributos universales.

Si usted sabe HTML ya algo mejor, le aconsejamos que intente las posibilidades que le brindan las hojas de estilo CSS. Pues con ellas puede hacer formatos adicionales a las líneas de separación. Primero tiene que saber como definir las hojas de estilo. Posteriormente será capaz de aplicar las especificaciones de hojas de estilo. Las siguientes especificaciones de hojas de estilo pueden ser aplicables a la etiqueta <p>:
Párrafos, márgenes y alineamiento
Marcos y distancia interna
Colores e imágenes de fondo


siguiente:	Flujo del texto en varias columnas
anterior:	Areas con varios elementos

SELFHTML / Barra HTML Tipos de párrafos y organización del texto ¡Escuche radio!