TECNOLÓGICO DE MONTERREY CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB
DESCRIPCIÓN DEL CURSO
TEMA 2
TEMA 3
TEMA 4
TEMA 5
PREGUNTAS FRECUENTES
SITIIOS DE INTERÉS
GLOSARIO
INICIO
TEMARIO
TEMA 4: Formato avanzado del documento  
 
4.3 Separadores

Los separadores o líneas horizontales, son un elemento de organización y ayudan a que el texto y gráficos aparezcan mejor ordenados. No toda la gente usa esta opción ya que prefieren organizar sus contenidos con tablas por ejemplo, pero siempre es útil saber de su existencia.
Para definir un separador, deberás usar la etiqueta abierta
<HR> (Horizontal Rule)
El elemento que aparecerá tiene una configuración predeterminada de grosor (2 píxeles), alineación centrada y anchura del 100% de la ventana; sin embargo puede ser configurado a tu gusto o necesidad.

Para ajustar los separadores utiliza los siguientes atributos:


size="*" Determina el grosor del separador, se define en píxeles.
width="*" Define la anchura del separador, se puede definir numéricamente en píxeles o en porcentaje.
align="left" Alinear hacia la izquierda.
align="right" Alinear hacia la derecha.
align="center" Alinear hacia al centro.

Veamos un ejemplo del uso de separadores:

IMÁGENES CON LIGAS imgliga.html
<BODY bgcolor="#FFFFFF" text="#000000">
<!-Inicio de los ejemplos-->
<HR width="350" size="5" align="center">
<!-Fin de los ejemplos-->
</BODY>

Define un separador siguiendo estos pasos:
En la pestaña de HTML
1. Coloca el cursor donde quieres que aparezca el separadror.
2. Selecciona y se desplegará la caja de diálogo donde configurarás el separador.
3. Configura el ancho (width), la altura (height) y el estilo (style).
4. Da clic en OK y aparecerá el separador en tu página.

En la pestaña de Design
Sigue las indicaciones descritas en la pestaña de HTML.

 
 
TEMARIO