Veremos la estructura de los documentos HTML y de las etiquetas, además crearemos nuestra primera página WEB. Explicaremos primero la estructura básica de las etiquetas, para que al ver la estructura de los documentos, las etiquetas no nos suenen a chino.
--------------------------------------------------------------------------------

ESTRUCTURA BÁSICA DE UNA ETIQUETA HTML

Cómo ya hemos dicho en el capítulo anterior el HTML es un lenguaje de marcas (etiquetas). Así todo nuestro texto estará encerrado entre etiquetas: Una etiqueta de inicio y una etiqueta de fin.
Funcionan de la siguiente manera:
--------------------------------------------------------------------------------
inicio de una etiqueta.
el cierre de una etiqueta.
--------------------------------------------------------------------------------
Algunas etiquetas, que iremos viendo a lo largo del manual, no llevan etiqueta de cierre, en ese caso se cierra, dentro de la propia etiqueta, tal y cómo vemos a continuación.
--------------------------------------------------------------------------------
Los elementos que no llevan etiqueta de cierre, se cierran en la misma etiqueta de apertura, por ejemplo:

--------------------------------------------------------------------------------
Las etiquetas deben de ir siempre en minúsculas. Encontraréis muchas páginas WEB en las que las etiquetas están en mayúsculas, hasta el HTML 4. 0 era indiferente la utilización de minúsculas o mayúsculas y muchos autores utilizaban las mayúsculas por claridad.
--------------------------------------------------------------------------------
Todo lo que vaya entre dos etiquetas HTML se verá afectado por éstas, por ejemplo
--------------------------------------------------------------------------------

Esto es un encabezado

Pero esto no, esto es un párrafo

--------------------------------------------------------------------------------

ANIDACIÓN DE ETIQUETAS

Algunas veces, necesitaremos añadir dos etiquetas a un texto, por ejemplo, supongamos y esto es sólo un ejemplo, que un título sea tambien un enlace, veamos cómo lo haríamos (utilizamos pseudo código puesto que todavía no hemos visto el código html).
--------------------------------------------------------------------------------
loquesea. Com
--------------------------------------------------------------------------------
En cambio el siguiente código sería incorrecto
--------------------------------------------------------------------------------
loquesea. Com
--------------------------------------------------------------------------------

LOS ATRIBUTOS DE LAS ETIQUETAS

Las etiquetas pueden a veces llevar atributos que nos permiten especificar más las etiquetas que utilizamos. Los atributos son como los adjetivos. Por ejemplo supongamos que tenemos una etiqueta y queremos especificar que es guapo. Así que utilizaremos el atributo "apariencia" a este atributo le daremos el valor de "guapo". Nos quedaría apariencia="guapo". Así nuestro nos quedaría .
--------------------------------------------------------------------------------
Veamos la etiqueta nos dice que se trata de un documento html, pero podemos utilizar el atributo lang para especificar el idioma del contenido del documento, así nos quedaría . Los atributos se especifican indicando el nombre del atributo (lang) y su valor (es). En catellano estaríamos diciendo: esto es un documento html en español. Los atributos siempre se añaden en la etiqueta de inicio y los valores de un atributo siempre deben estar entre comillas.
--------------------------------------------------------------------------------

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Todo documento HTML está formado por 3 secciones principales:
--------------------------------------------------------------------------------
1º La declaración del documento: Es dónde le decimos al navegador: "eh, oiga que esto es un documento html". Es obligatoria, las páginas se ven igualmente si no se define el documento, por eso muchos webmasters "profesionales" la omiten, pero al hacerlo, cometen un grave error. En la declaración del documento establecemos el tipo de documento de que se trata.