Encabezados HTML

Los encabezados en HTML son muy importantes.

Los encabezado son definidos con las etiquetas <h1> hasta <h6>.

<h1> define el encabezado más importante. <h6> define el encabezado menos importante.

<h1>Este es el encabezado más importante</h1>
<h2>Este es un encabezado medianamente importante</h2>
<h3>Este es un encabezado menos importante</h3>

Nota: Los navegadores web agregan automáticamente un margen antes y después de cada encabezado.

Los encabezados son importantes

Use encabezados HTML solo para encabezados, no los utilice para el texto grande o negrita.

Los motores de búsqueda usan tus encabezados para indexar la estructura y contenidos de sus páginas web.

Los usuarios le dan niveles de importancia a sus páginas con los encabezados. Es importante usar los encabezados para mostrar la estructura del documento.

Los encabezados <h1> deben ser los encabezados más importantes del documento, <h2> los siguientes en importancia, <h3> los de menor importancia y así sucesivamente hasta <h6>.

Reglas Horizontales HTML

La etiqueta <hr> crea una línea horizontal en las páginas web.

El elemento hr puede ser utilizado para separar el contenido.

<p>Esto es Parrafo</p>
<hr>
<p>Este es otro Parrafo</p>
<hr>
<p>Y este es otro Parrafo</p>

El elemento <head> del HTML

El elemento <head> del HTML no tiene que ver con los encabezados HTML.

El elemento <head> contiene meta datos. Los meta datos no son mostrados en la pantalla del navegador web.

El elemento <head> es colocado entre las etiquetas de apertura de <html> y de la etiqueta <body>

<!Doctype html>
<html>
<head>
  <title>Mi Primer HTML</title>
  <meta charset="UTF-8">
</head>
<body>
.
.
.

Meta datos: datos acerca de los datos. Los meta datos del HTML son datos acerca del documento HTML.

El elemento <title> del HTML

El elemento <title> del HTML es un meta dato. Esto define el titulo del documento HTML.

Esta información no se mostrara en pantalla pero si es posible mostrarla en la pestaña del Navegador Web.

El elemento <meta> del HTML

El elemento <meta> es también un meta dato.

Este puede usarse para definir un juego de caracteres y alguna otra información para el documento HTML.

<meta charser="UTF-8">

Nota: La codificación de caracteres predeterminada en HTML5 es UTF-8.

Más de los Meta Datos

En el capitulo sobre estilos en HTML descubrirás mas elementos meta:

El elemento <style> es usado para definir hojas de estilos CSS internas.

El elemento <link> es usado para definir hojas de estilos CSS externas.

Sugerencia HTML - Como ver el código fuente.

Algunas veces haz visto una página web y te preguntas ¡Guau! ¿Como hacen eso?.

Para saber esto, da clic derecho sobre la pagina y clic derecho en "Ver código fuente de esta página" en el menú emergente mostrado. Esto abrirá una nueva ventana mostrando el código fuente de la página.