Introducción

Desarrollo

HTML es un lenguaje de marcado que nos permite indicar la estructura de nuestro

documento mediante etiquetas. Este lenguaje nos ofrece una gran adaptabilidad,
una estructuración lógica y es fácil de interpretar tanto por humanos como por
máquinas, ya que siguen un esquema de árbol donde existe un elemento raíz y
donde el resto de etiquetas se insertan de manera lógica y estructurada. Además,
se trata de un fichero de texto, y solo se necesita un editor como el bloc de notas
para generar un documento HTML.

Todo lenguaje de marcado tiene una gramática que nos indica qué etiquetas se
pueden utilizar, qué significan, cómo se relacionan entre ellas, etc. Es muy similar
a las gramáticas de las lenguas humanas. Por ejemplo, la gramática española nos
indica que un párrafo debe comenzar con mayúscula y finalizar con un punto y
aparte. En HTML la gramática marca que un párrafo debe comenzar con la
etiqueta <p> y finalizar con el cierre de la misma etiqueta (</p>). Las marcas de
inicio y fin de párrafo son diferentes en castellano y en HTML, pero el significado
es el mismo.

Otro aspecto que debemos cumplir si utilizamos HTML es la división de la

información en dos bloques: la cabecera (head) y el cuerpo (body). La división de
esta información es fácil de entender si lo comparamos con un libro, donde la
información técnica (título, editorial, etc.) se encuentra en las primeras páginas.

En el caso del HTML reproducimos este mismo esquema, incluyendo el contenido

en el body y los datos técnicos en la cabecera. En este sentido hay que destacar
la etiqueta DOCTYPE, que nos indica qué tipo de gramática estamos utilizando:
sería el equivalente a indicarle al navegador si hablamos en castellano o inglés.

Por ejemplo, en la cabecera se puede encontrar:

– Información contextual de la página. Estos metadatos nos permiten indicar

información que puede no quedar clara en el contenido. Por ejemplo, indicar el
idioma permite a un navegador de voz (para invidentes) cambiar la pronunciación
para leer correctamente el contenido.

– Referencia a otros ficheros. Todos aquellos recursos que necesite nuestra

página deben estar referenciados desde la cabecera. Por ejemplo, archivos de
CSS y JavaScript, el icono de la barra de direcciones, etc.

– Scripts y estilos. Si estos no se definen en un fichero independiente, se

incluyen en la sección de cabecera para que estén disponibles en todo el
documento y no tener que repetirlos.

Por otro lado, en el cuerpo se encuentra todo el contenido de la página, desde el

texto a las imágenes, pasando por vídeos, enlaces, etc. Este contenido debe estar
estructurado en diferentes secciones y marcado correctamente.
Por ejemplo, como decíamos antes, un párrafo se marca con una etiqueta <p>.
Otro ejemplo podría ser la relación semántica que existe en un conjunto de puntos
que forman una lista. En este caso se marcarían con las etiquetas <ul> o <ol>
(unordered list u ordered list) dependiendo de cómo queramos establecer esta
relación.

Marcas y atributos.
El lenguaje HTML se estructura utilizando marcas o etiquetas o comandos (a partir
de ahora utilizaremos indistintamente uno de 3 términos para denominar a los
elementos que se estructura HTML). La forma general de una marca es la de un
comando HTML encerrado entre dos signos de menor y mayor como a continuación
se muestra: <marca [atributos]> ......................................[</marca>]
El mecanismo de funcionamiento de estas marcas es muy sencillo. Cuando el
visualizador encuentra el signo menor (<), examina todos los caracteres hasta que
encuentra el final de la marca - el símbolo mayor (>). Entonces, interpreta el
contenido de la marca, y aplica esa propiedad al texto que viene a continuación.
Hay marcas que se aplican a todo el documento HTML, o sólo desde el punto en
que son insertadas hasta el final del documento. Otras se aplican exclusivamente a
un fragmento del texto. En ese caso, el final de la aplicación se especifica con la
misma marca precedida de la barra inclinada hacia atrás (/).
Las marcas pueden contener de forma opcional u obligatoria, lo que se denominan
atributos o modificadores. Los atributos matizan el significado de la marca, y que se
expresan de la siguiente forma:
<marca atrib1=“valor1” atrib2=“valor2”..............>
El valor de los atributos se expresan encerrados entre comillas.
En la mayor parte de los visualizadores es posible omitir las comillas y colocar
directamente el valor del atributo. Esta práctica. a pesar de estar extendida, no es
muy aconsejable ya que no está normalizada, y no esta soportada por la totalidad
de los visualizadores.
Algunos atributos sólo viene definidos por su nombre (no tienen valor); son los
atributos llamadoscompactos.
Conclusión