Teoría
Teoría

Doctype: declaración del tipo de documento

Esquema de la estructura final de la página principal

En la primera parte de los ejercicios de introducción vimos cómo funcionan HTML y CSS, y nos ganamos la confianza del instructor Cupcake. Por eso, el jefe nos encargó una tarea importante: diseñar un sitio para dar nuestros primeros pasos en la maquetación web. Allí llevarás tu diario de aprendizaje y Cupcake seguirá tus avances.

Tu tarea en esta parte es crear los prototipos de la página principal y de una página interna del sitio. Conocerás la estructura de las páginas HTML y las etiquetas que definen sus grandes bloques. Al terminar, tendrás un resultado como el del esquema de la derecha.

¡Comencemos!

Todo documento HTML empieza con una declaración del tipo de documento, también llamada «doctype». El doctype actual indica al navegador que debe mostrar la página en modo estándar.

En una versión antigua de HTML, el doctype era así:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">

En la versión actual de HTML es mucho más sencillo:

<!DOCTYPE html>

Practiquemos cómo indicar el doctype correcto.

index.html
style.css

HTML

<html> <head> <link rel="stylesheet" href="style.css"> </head> <body> </body> </html>

CSS

body { background-color: #ffffff; background-image: url("htmlacademy.svg"); background-position: center top; }

ObjetivosRealizado

Agrega una declaración del tipo de documento a la página:

Inserta <!DOCTYPE html> al principio del código.