Títulos HTML

En un documento HTML, los títulos son importantes.

Títulos HTML

Los títulos (Heading) se definen mediante las etiquetas <h1> - <h6>.

<h1> Define el título más grande.<h6> Define el título más pequeño.

Ejemplo

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Inténtalo tú mismo

Comentarios:Los navegadores añaden automáticamente una línea en blanco antes y después de los títulos.

Comentarios:Por defecto, HTML añade automáticamente una línea en blanco adicional antes y después de los elementos de bloque, como párrafos y elementos de título.

Los títulos son importantes

Asegúrese de usar las etiquetas de heading HTML solo para títulos. No utilice los títulos simplemente para generar texto en negrita o de gran tamaño.

Los motores de búsqueda utilizan los títulos para crear índices de la estructura y el contenido de sus páginas web.

Debido a que los usuarios pueden navegar rápidamente por su página web mediante los títulos, es importante presentar la estructura del documento con títulos.

Se debe usar h1 como título principal (el más importante), seguido de h2 (segundo más importante), luego h3 y así sucesivamente.

Línea horizontal HTML

<hr /> etiqueta crea una línea horizontal en una página HTML.

El elemento hr se puede usar para separar contenido.

Ejemplo

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Inténtalo tú mismo

Consejo:Una manera de separar secciones en un artículo es usar una línea horizontal (etiqueta <hr>), aunque no es la única.

Comentarios HTML

Puedes insertar comentarios en el código HTML, lo que mejora la legibilidad y hace que el código sea más fácil de entender. Los navegadores ignoran los comentarios y no los muestran.

Los comentarios se escriben así:

Ejemplo

<!-- This is a comment -->

Inténtalo tú mismo

Comentarios:Después del paréntesis de inicio (el paréntesis de la izquierda) debe seguir un exclamation mark, y no se necesita un exclamation mark antes del paréntesis de cierre (el paréntesis de la derecha).

Consejo:El uso racional de comentarios puede ayudar en el trabajo de edición de código futuro.

Consejo de HTML - Cómo ver el código fuente

¡Has de haber maravillado alguna vez al ver una página web y decirte a ti mismo "¡WOW! ¿Cómo lo hicieron?"

Si deseas descubrir los secretos, solo haz clic con el botón derecho y selecciona "Ver archivo de origen" (IE) o "Ver código fuente de la página" (Firefox), y el procedimiento es similar en otros navegadores. Esto abrirá una ventana que contiene el código HTML de la página.

Ejemplos de esta página

Título
Cómo mostrar títulos en el documento HTML.
Comentarios ocultos
Cómo insertar comentarios en el código fuente de HTML.
Línea horizontal
Cómo insertar una línea horizontal.

Manual de Referencia de Etiquetas de HTML

El Manual de Referencia de Etiquetas de CodeW3C.com proporciona más información sobre estos títulos y sus atributos.

Aprenderás más sobre etiquetas y atributos de HTML en los capítulos siguientes de este tutorial.

Etiquetas Descripción
<html> Definir el documento HTML.
<body> Definir el cuerpo del documento.
<h1> a <h6> Definir títulos de HTML
<hr> Definir línea horizontal.
<!--...--> Definir comentarios.