Saltar la navegación

Marcado de texto

Esta sección cubrirá algunos de los elementos HTML básicos que usarás para el marcado de texto.

Encabezados

Los elementos de encabezado permiten especificar que ciertas partes del contenido son encabezados, o subencabezados del contenido. De la misma forma que un libro tiene un título principal, y que a su vez puede tener títulos por cada capítulo individual, y subtítulos dentro de ellos, un documento HTML puede tenerlos también. HTML posee seis niveles de encabezados, <h1> (en-US)")–<h6> (en-US)"), aunque probablemente solo llegues a usar 3-4 como mucho:

Intenta ahora añadir un título apropiado para tu página HTML, antes de tu elemento <img>.

Nota:

Verás que el encabezamiento de nivel 1 tiene un estilo implícito. No utilices elementos de encabezado para hacer el texto más grande o más oscuro, porque este elemento se utiliza por accesibilidad y otras razones como el posicionamiento en buscadores (_Search Engine Optimization, SEO_). Intenta crear una secuencia significativa de encabezados en tus páginas, sin saltarte niveles.

Párrafos

Como se explicó más arriba, los elementos <p> se utilizan para encerrar párrafos de texto; los usarás frecuentemente para el marcado de contenido de texto regular:

Agrega uno o algunos párrafos a tu texto de ejemplo (deberías tenerlo de cuando estudiaste _¿Cuál será la apariencia de tu sitio web?_), colocados directamente debajo del elemento .

Listas

Mucho del contenido web está dado por listas, así que HTML tiene elementos especiales para ellas. El marcado de listas se realiza siempre en al menos dos elementos. Los dos tipos de listas más comunes son las listas ordenadas y las desordenadas:

  1. Las listas desordenadas son aquellas en las que el orden de los items no es relevante, como en una lista de compras. Estas son encerradas en un elemento <ul> (_unordered list_).
  2. Las listas ordenadas son aquellas en las que el orden sí es relevante, como en una receta. Estas son encerradas en un elemento <ol> (_ordered list_).

Cada elemento de la lista se coloca dentro de un elemento <li> _(list item_).

Por ejemplo, si quieres transformar parte del siguiente párrafo en una lista:

Podrías hacer lo siguiente:

Intenta agregar una lista ordenada o desordenada en tu página de ejemplo.

Nota:

href podría parecer, en principio, una opción un tanto oscura para un nombre de atributo. Si tienes problemas para recordarla, recuerda que se refiere a _hypertext reference_ (referencia de hipertexto).

Ahora agrega un vínculo a tu página, si es que aún no lo hiciste.