index.html

El primer archivo de HTML que se crea debe tener de nombre "index", ya que este va a ser la página inicial que el servidor va a buscar en el momento que tenga que abrir un proyecto. El archivo que va a buscar siempre el servidor, para abrir el proyecto, va a ser el index.

Si no existe este archivo nosotros debemos decirle al servidor cuál es la página que debe tomar como la página de inicio. Caso contrario muestra los archivos de nuestro proyecto.

DOCTYPE

Le dice al navegador que todo lo que está en el archivo, lo que está leyendo, es HTML5.

Existen etiquetas que se autocierran, como DOCTYPE.

<!DOCTYPE html>

Etiqueta <html></html>

Contenedor principal, contenedor padre. Va a llevar todas las etiquetas que coloquemos en nuestro proyecto.

lang

lang es una tributo especial, le dice al navegador el lenguaje en el que está escrito el documento.

<html lang="es"></html>

Etiqueta <head></head>

Aquí va todo lo importante para el navegador, con lo cual va a poder cargar el proyecto en la forma en la que nosotros lo construimos, pero que no es visual para el usuario.

Aquí van todas las dependencias, algunas librerías externas, fuentes, CSS, etc. van ligados en el head.

El usuario no ve lo que hay en esta etiqueta, él solo ve todo lo que hay en el body.

Sería como el cerebro de una persona, está todo para que el cuerpo pueda funcionar de manera correcta.

Tanto head como body son hermanos.

<head></head>

Etiqueta <meta>