Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
Toda página HTML empieza con una línea que casi nadie mira dos veces, pero que le dice al navegador cómo interpretar todo lo demás: el DOCTYPE.
Explicación
El DOCTYPE (Document Type Declaration) es la primera línea de cualquier documento HTML. No es una etiqueta como las demás: es una instrucción para el navegador que indica qué reglas usar para interpretar la página.
<!DOCTYPE html>La declaración de HTML5. Le dice al navegador: interpreta esta página en modo estándar.
Modo estándarEl navegador sigue las reglas actuales de HTML y CSS al pie de la letra.
Modo quirksSi falta el DOCTYPE, el navegador asume que la página es antigua y activa un modo de compatibilidad que puede romper el diseño.
Reto rápido
Este documento no tiene DOCTYPE. Agrégalo como primera línea y, debajo del <h1>, escribe un párrafo explicando con tus palabras qué hace.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
El DOCTYPE no distingue mayúsculas de minúsculas, pero la convención es escribirlo siempre como <!DOCTYPE html>.
Dato extra
En HTML4 y XHTML el DOCTYPE era una línea larga y difícil de recordar, como <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. HTML5 lo redujo a una sola palabra.
Error común
Escribir el DOCTYPE después de otra etiqueta, agregarle atributos, o colocarlo dentro de <html>. Debe ser siempre la primerísima línea del archivo.
Siguiente paso
Ya sabes qué hace la primera línea de un documento HTML. Ahora veamos las tres etiquetas que forman el esqueleto de toda página: html, head y body.
Ir a la siguiente lección