Los documentos HTML son archivos de texto plano, que están compuestos de etiquetas abiertas / cerradas, como <html> ... </ html. Estas etiquetas le permiten dar formato al contenido del documento.
Una página web es el resultado del navegador al interpretar este documento etiquetado.
Aquí está la estructura básica de un documento HTML:
<! Declaración de tipo de documento>
<html>
<head>
<title> página de título </title>
Elementos opcionales de la cabecera
</head>
<body>
Cuerpo
</body>
</html>
Tal declaración de tipo de documento es la forma en que las etiquetas html de head y body son opcionales, pero deben introducirse para que el documento sea correcto y legible.
La etiqueta <html> es la raíz del documento; Por lo tanto, las etiquetas de head (cabecera) y body (cuerpo) deben estar dentro.
Además, la cabeza y el cuerpo no pueden colocarse uno encima del otro; Por lo tanto, el documento debe tener un bloque maestro grande (html) y dos subtramas al mismo nivel.
Estos dos bloques también pueden ser subordinados, y éstos no pueden colocarse uno encima del otro.
Es un buen hábito diferenciar bloques importantes por línea de comentarios.
La declaración del tipo de documento se coloca inicialmente fuera del bloque completo.
En las siguientes unidades aprenderemos el DTD (Definición de Tipo de Documento - Definición de Tipo de Documento). Por ahora, basta con saber que es un documento externo, que tiene una extensión .dtd y hay tres opciones: estricta, transicional y de marca.
Al principio del documento, cuando indicamos el DTD, le decimos al navegador cómo interpretar el código correctamente.
HTML 4.01 recomienda que se separe por completo el contenido y el formato.
DTD estricto:
Si cumplimos con esta recomendación y almacenamos toda la información sobre el formato en una hoja de estilo CSS, podemos usar la declaración estricta:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4. 01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
DTD de Transición:
Si queremos combinar contenido e información en el documento HTML, debemos usar una expresión de transición:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
DTD etiquetado:
Si queremos insertar marcos en nuestro documento, debemos usar una DTD similar a la anterior, pero reemplazar el elemento body con un conjunto de marcos. En este caso, la declaración sería:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
En HTML 5, la declaración es más simple: <!DOCTYPE html>
Por ejemplo:
<!DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitorio // EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Mi primera página </title>
</head>
<body>
<h1> Hola mundo </h1>
</body>
</html>