Bienvenidos a este tutorial de HTML donde espero poder transmitir las bases de este pseudo-lenguaje de programación web para que, tras terminar este tutorial, cuando termines de leer este tutorial puedas programar tu propia página web.

Un poco de historia

HTML, del inglés HyperText Markup Language, es un Lenguaje de Marcado de Hipertexto que, en un principio, se creó para la difusión de textos científicos por su facilidad para describir la estructura y el contenido en forma de texto mediante etiquetas.

A día de hoy, la versión (o derivado) más utilizado en el desarrollo web es el XHTML (eXtensible Hypertext Markup Language), llamado así por ser la versión XML de HTML. Tiene básicamente las mismas funcionalidades de HTML pero cumple las especificaciones más estrictas de XML.

Aunque el presente de la web es XHTML el futuro es HTML5 que, como veremos más adelante, ofrece multitud de ventajas con respecto a sus "rivales".

XHTML pretende darle a los sitios web un significado más semántico, cosa que culmina con la llegada de HTML5; el rey de la semántica en la web.

La estructura de HTML5

Todo sitio web hecho en HTML parte de una misma estructura, de no ser así ese sitio no cumple los estándares.

La estructura básica de cualquier sitio web en XHTML es la siguiente:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
   <head>
      <title>Titulo de la web</title>
   </head>
   <body>
      <p>Contenido de la web</p>
   </body>
</html>

Pero vamos a ver la que nos interesa realmente, la estructura de un sitio web en HTML5:

< !DOCTYPE html>
<html lang="es_ES">
   <head>
      <title>Titulo de la web</title>
   </head>
   <body>
      <p>Contenido de la web</p>
   </body>
</html>

Desglosando la estructura, explicación paso a paso

En la próxima entrega explicaremos algunas de las partes de esta estructura, como las etiquetas head o body.

Seguir con el tutorial

Volver al índice
Siguiente: La cabecera del documento