HTML: Conceptos generales

Muchos elementos HTML requieren tanto una etiqueta de apertura como una de cierre. Todo lo que se encuentra fuera de estas etiquetas se muestra en la pantalla del navegador.

La estructura básica de una página HTML es la siguiente:

<!DOCTYPE html>
<html>
<head>
  <title>Título de la página</title>
  <meta charset="UTF-8">
</head>
<body>
  Cuerpo de la página.
</body>
</html>

Un archivo HTML generalmente tiene la extensión .html. Por ejemplo, puedes nombrar tu primera página como main.html.

Estos son los elementos básicos que toda página HTML debe incluir:

DOCTYPE: Es lo primero en el archivo y le indica al navegador que el contenido es un archivo HTML. Todos los navegadores modernos reconocen la presencia del DOCTYPE.
Etiqueta <html>: Inicia el documento HTML y se cierra al final con </html>.

Una página HTML se divide en dos secciones principales: la cabecera y el cuerpo.

Cabecera: Se define entre las etiquetas <head></head>.
Cuerpo: Se define entre las etiquetas <body></body>.

En la cabecera, es común definir el título de la página dentro de las etiquetas <title></title>, que normalmente aparece en la barra superior del navegador y es utilizado por motores de búsqueda como Google para indexar la página. El título debe hacer referencia al contenido de la página.

También en la cabecera, se suele incluir la etiqueta <meta> para definir la codificación de caracteres, como en el siguiente ejemplo:

<meta charset="UTF-8">

Esto permite que el texto se muestre correctamente en el navegador, incluyendo caracteres acentuados.

Toda página HTML debe contener al menos una cabecera y un cuerpo.

Otra cosa importante a tener en cuenta es que el lenguaje HTML no distingue entre mayúsculas y minúsculas, por lo que puedes escribirlo como prefieras. Además, no es necesario que cada etiqueta esté en una línea separada; podrías escribir toda la página en una sola línea.