Writing HTML | Acerca de | FAQ | Alumnos | Tags | Lecciones | anterior | siguiente |

19. Separadores F·ciles

øConfundido? Esto es tan solo otra opciÛn m·s de crear divertidos

separadores para marcar diferentes secciones en una p·gina web.

Objetivos

DespuÈs de esta lecciÛn ser· capaz de:

Crear separadores con diferentes alturas.
Crear separadores con diferentes anchuras.
Crear separadores sin apariencia 3D.

LecciÛn

NOTA: En esta lecciÛn no vamos a modificar nuestras p·ginas; asÌ, puede mirar la lecciÛn y decidir si quiere experimentar. Quiz·s quiera echar un vistazo primero a la p·gina de prueba para ver si su Browser soporta las etiquetas que se van a ver en esta lecciÛn.

Las primeras extensiones HTML de NetScape ofrecÌan m·s opciones de formato para la etiqueta <hr> tag (Hard Rule) - vea la lecciÛn 4). El Browser de NetScape muestra por defecto un separador como linea sÛlida con una apariencia tridimensional en vez de la lÌnea sÛlida implementada en previos Browsers.

Altura de LÌnea

Esta primera opciÛn permite dar diferentes alturas a una lÌnea mediante la opciÛn:

  <hr size=N>

donde N es el tamaÒo de la lÌnea en pixeles. Mire unos ejemplos que le muestran este efecto (aunque no se note mucho por el color blanco del fondo de la p·gina).

<hr size=2> igual que <hr> :

<hr size=8> :

<hr size=20> :

Anchura de LÌnea

Otra opciÛn de formato de la etiqueta <hr> permite ajustar la anchura de la lÌnea; no necesita ajustarse al ancho de la p·gina. Se usa el siguiente cÛdigo:

  <hr width=X>
  <hr width=Z%>

donde X es un n™mero para la anchura y Z es el porcentaje del ancho de la p·gina web. En general recomendamos usar el percentaje ya que se ajustar· Èl solo a la anchura de la ventana del Browser de quien estÈ viendo sus p·ginas (algunos por ahÌ fuera usan monitores de alta de resoluciÛn y gran tamaÒo frente a otros que nos peleamos con nuestras pantallas de 13").

AquÌ tiene algunos ejemplos (vea que se incluye el atributo de tamaÒo tambiÈn):

<hr width=80 size=10> :

<hr width=80% size=10> :

NOTA: Pruebe a ensanchar o estrechar la anchura de su Browser para ver la diferencia entre especificar la anchura en pixeles (width=80) o en porcentajes (width=80%) respecto al ancho de la p·gina.

<hr width=40% size=10> :

<hr width=5% size=10> :

Sin Efectos 3D

Finalmente podrÌa haber casos en que no desee tener efectos 3D en su etiqueta <hr>. Eso es tan simple como poner: <hr width=80% size=6 noshade> :

RevisiÛn

TÛpicos a recordar de esta lecciÛn:

øCÛmo se cambia la altura de una lÌnea?
øCÛmo se cambia la anchura de una lÌnea?
øQuÈ efecto tiene el atributo noshade dentro de una etiqueta <hr>?

Pr·ctica Independiente

Experimente con algunas de las opciones de la etiqueta <hr> en sus p·ginas web.

A ContinuaciÛn....

A la izquierda... °No! A la derecha... °No! Al centro...

IR A.... | Õndice de Lecciones | anterior: "Retocando el Texto" | siguiente: "Alineamiento Extra" |

Writing HTML LecciÛn 19: Separadores F·ciles

El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al espaÒol por agma@usa.net

URL: