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

3. Encabezados - Los Seis Niveles

Tal y como ve en esta en esta p·gina, los tÌtulo de secciÛn ("Encabezados - Los Seis Niveles", "Objetivos", "LecciÛn" "Encabezados HTML", ...) aparecen con diferentes tamaÒos y, quiz·s, diferentes colores y tipos de letra. HTML dispone de cÛdigos para designar los encabezados hasta en seis niveles de importancia. Su Web Browser determinar· la fuente y el tamaÒo exacto a mostrar.

Objetivos

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

Identificar los diferentes niveles de encabezados en HTML y las etiquetas asociadas a ellos.
Ubicar diferentes niveles de encabezados en su documento y ver los cambios en su Web Browser.

LecciÛn

Encabezados HTML

Poner encabezados se realiza identificando determinadas partes del texto con las correspondientes etiquetas. El formato para una etiqueta de encabezado es el siguiente:

      <hN>Texto a aparecer en el encabezado</hN>

donde N es un n™mero de 1 a 6 identificando el tamaÒo del encabezado.

Vea a continuaciÛn diferentes ejemplos de tamaÒos de encabezados:

Encabezado Nivel 1

Encabezado Nivel 2

Encabezado Nivel 3

Encabezado Nivel 4

Encabezado Nivel 5

Encabezado Nivel 6

El rango de los encabezados va desde 1 (m·s importante) a 6 (menos importante).
Como en un esquema, sus encabezados deberÌan conllevar cierto orden lÛgico y consistente y ser paralelos.

Ubicando sus encabezados en el documento

Nota: Si no tiene el documento de la lecciÛn anterior b·jese una copia ahora.

Abra de nuevo su ·rea de trabajo (si no la tiene a™n abierta).
Vaya a la ventana del editor de textos.
Abra el archivo de texto de HTML que creÛ en la lecciÛn 2 "Volc.htm".
En primer lugar, usaremos la etiqueta <h1> para mostrar el tÌtulo como encabezado m·s importante, <H1>.
Introduzca el siguiente texto despuÈs del ya existente y despuÈs de las etiquetas </head><body>:
```
          <h1>Web de Volcanes</h1>
```

Debajo del texto introducido cree otros encabezados para futuras secciones en su Web de Volcanes.
Introduzca los siguientes encabezados dentro del "body" de su p·gina Web (Note que algunos son etiquetas H3 y que otros son H2):

          <h2>IntroducciÛn</h2>

          <h2>TerminologÌa de Volcanes</h2>

          <h2>Lugares Volc·nicos en USA</h2>

          <h3>Monte Sta. Elena</h3>

          <h3>Long Valley</h3>

          <h2>Lugares Volc·nicos en Marte</h2>

          <h2>Proyectos de InvestigaciÛn</h2>

          <h3>Referencias</h3>

Salve los cambios en su editor de textos.
Vuelva a su Web Browser, Abra (Open) y Actualice (Reload) el archivo HTML.

Note que en el ordenador que estÈ usando puede utilizar la configuraciÛn del Web Browser para definir tipos de letra y/o tamaÒos para los encabezados. Por ejemplo, en un ordenador puede tener un browser que muestre los h1 como de fuente HelvÈtica de 24 puntos, etc. Los cÛdigos HTML tan sÛlo designan que los encabezados son de uno u otro tipo (h1 a h6); el cÛmo se visualicen es cosa del usuario y del Browser.

Revise su trabajo

Compare su trabajo con este ejemplo.

Si algunos de sus encabezados no aparecen correctamente, aseg™rese de revisar que las etiquetas de inicio y final de cada uno tengan el mismo nivel para de encabezado.

Como un ejercicio opcional, vea lo que ocurre cuando comete un error tipogr·fico.
Abra su documento HTML en el editor de textos y borre la barra inclinada (/) en la etiqueta <h1> luego del encabezado Web de Volcanes:


                    <h1>Web de Volcanes<h1>
          ["/" faltante ---------------^^^]

Salve los cambios y recargue en su explorador del Web.

Sin el final adecuado para la etiqueta h1, su explorador del Web interpreta todo el texto siguiente como parte de esa etiqueta!
Luego de probar esto, debe regresar a su documento y reinsertar la barra inclinada en el lugar correcto.

RevisiÛn

Cu·les son los diferentes niveles de encabezados en HTML?
Cu·les son las etiquetas asociadas con estos diferentes niveles?
QuÈ pasos utilizÛ para colocar encabezados en su documento HTML?
QuÈ pasa si olvida una barra inclinada al final de una etiqueta de encabezado?

Pr·ctica Independiente

AÒada al menos tres encabezados de diferentes niveles a su propio documento del Web.

A continuaciÛn....

Separando el texto en p·rrafos.

IR A.... | Õndice de lecciones | anterior: "Modificando un Documento HTML" | siguiente: "Separando en P·rrafos" |

Writing HTML LecciÛn 3: Encabezados - Los Seis Niveles

El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al espaÒol por agma@usa.net, y corregido por AndrÈs Valencia

URL: