La cabeza "head"

Aquí se ponen metadatos, es decir, que lo que pongamos aquí no es visible cuando se lee la web con los ojos.

Metadatos

Si es una máquina la que lee la web sí leerá esa información. Por eso, en el apartado de la cabeza es conveniente poner información sobre:

La codificación utf-8.
La línea del "viewport", que facilita hacer responsiva la página, es decir, que se vea bien en diferentes dispositivos (ordenador, tableta o teléfono).
El título de la página que se mostrará en la pestaña del navegador.

Ejemplo

He aquí un ejemplo de cabeza.

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>MetaWeb</title>
</head>

Si añadimos este trocito al anterior del tipo, hay que asegurarse que la etiqueta que cierra el html es la última del documento.

<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>MetaWeb</title>
</head>

<p>Esto es un párrafo.</p>

</html>

Continuar

Hasta aquí la cabeza y sus metadatos.
Ahora el cuerpo