La base

El HTML es un lenguaje de etiquetas o Tags, esto significa que para dar formato a un documento utilizamos etiquetas que diferencian los diferentes tipos.

Estas etiquetas son anidables y nos permiten formatear el documento de una forma compleja.

Además los códigos HTML pueden tener atributos que permiten definir más explícitamente sus propiedades, estos atributos se colocan después del nombre del código y antes del carácter de cierre ">".

<UNO>
   Texto afectado por el código UNO
   <DOS Atributo="Dato del atributo">
      Texto afectado por los códigos UNO y DOS
   </DOS>
   Texto afectado por el código UNO
</UNO>

Hay que tener cuidado de respetar el orden de los códigos de cierre y no cruzarlos, ya que podría provocar errores en el navegador utilizado.

Así por ejemplo quisiéramos poner un texto en negrita tendríamos que escribir...

<b>Texto en negrita</b>

Una vez sabemos esto es lógico pensar que la estructura general del documento también vendrá definida de esta forma, veamos los códigos básicos de una página HTML:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Para aprender HTML no es imprescindible el saber inglés, aunque sí facilita bastante las cosas. En el código anterior distinguimos tras partes principales: Una es el código <HTML> que indica al navegador que se trata de un documento en este formato, luego están <HEAD> y <BODY>, cabecera y cuerpo del documento respectivamente.

En la cabecera se recogen códigos que sirven información al navegador como pueden ser el título de la página, datos extras sobre el editor con que se ha escrito así como datos de derechos de autor y referencias para los buscadores de Internet como descripción, palabras indexadas, etc. Todos estos los veremos más adelante, por el momento sólo nos interesa el código <TITLE> que indica al navegador el título de la página que debe indicar en la barra de título del programa.

La parte más importante de esta estructura es la que se encuentra entre <BODY> y </BODY>, pues es ahí donde escribiremos el texto que aparecerá formateado en nuestro navegador. La práctica totalidad de los códigos HTML que veremos corresponden a esta parte del documento HTML.

<HTML>
<HEAD>
<TITLE>Hola mundo</TITLE>
</HEAD>
<BODY>
<b>Hola Mundo</b>
<p>
Esta es mi primera página Web de Internet.
<p>
¡Espero aprender mucho usando éste tutorial!
</BODY>
</HTML>

Bien, hemos aprendido cual es la base de un documento HTML. Conviene saberse de memoria esta estructura pues constituye el armazón sobre el que vamos a construir nuestra página.