Introducción: El lenguaje HTML

El lenguaje HTML (HyperText Markup Language) ha sido diseñado para la publicación de contenidos en Internet. El lenguaje dispone de la sintaxis necesaria para formatear textos, incluir imágenes y animaciones, así como para enlazar con otros contenidos del mismo o de otro servidor.

En este pequeño manual se muestra la sintaxis compatible de mayor utilización referida al estándar HTML 4.0.

Estructura del Lenguaje HTML

El lenguaje HTML está estructurado mediante etiquetas (tags). Estas etiquetas
normalmente están emparejadas y encierran un contenido. De esta manera,
modifican la cualidad o formato del contenido mostrado en la pantalla del
navegador. A continuación, se ofrece un esquema ilustrativo de su estructura:

Las etiquetas pueden ser apiladas ordenadamente. En este caso el esquema quedaría así:

<XXX>Este es el inicio de la etiqueta XXX
    CONTENIDO
</XXX>Este marca el final de la etiqueta XXX


<XXX>
    <YYY>
    </YYY>
</XXX>

Algunas etiquetas sólo están integradas por la etiqueta inicial y, por lo tanto, no se cierran. Por ejemplo, la etiqueta <HR>, que dibuja una línea horizontal completa, sólo tiene esta etiqueta inicial.

Las letras de las etiquetas pueden ser mayúsculas o minúsculas indistintamente; para mayor claridad, en este manual se escriben siempre en mayúsculas.

Todo fichero HTML empieza con la etiqueta <HTML> para indicar el inicio del documento y acaba con la etiqueta </HTML> para indicar el final del mismo.

El documento en sí está dividido en 2 partes:

• El encabezado, encerrado por las etiquetas: <HEAD> </HEAD>.

• El cuerpo, encerrado por las etiquetas: <BODY> </BODY>.

En el encabezado se encuentra toda la información del documento que no se visualiza en el área principal del navegador, como el título de la página, contenido entre las etiquetas <TITLE> </TITLE>.
Dentro del cuerpo se halla todo el contenido que se muestra en el área principal del navegador, como texto, imágenes, etc.
Por lo tanto, la estructura básica de una página se escribe de la siguiente manera:

<HTML>
    <HEAD>
        <TITLE>
Título de la página</TITLE>
    </HEAD>
        <BODY>
        
Aquí aparecen todas las etiquetas y contenidos
        que se visualizan en el navegador.
<      </BODY>
</HTML>