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: