1. Qué es HTML
El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento hipertexto no sólo se compone de texto, puede contenerimágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes delcódigo interpretado.
2. Una página básica
El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera:
Este es el inicio de una etiqueta.
Este es el cierre de una etiqueta.
Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Porclaridad, se usarán en este manual solamente las mayúsculas.
...Nosotros vamos a optar en el bloc de notas por las minúsculas por ser lo que se está imponiendo de acuerdo con las últimas normas.
Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y :
[Todo el documento]
El documento en sí está dividido en dos zonas principales:
El encabezado, comprendido entre las etiquetas y . La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título. La etiqueta va justo debajo de la etiqueta .
El cuerpo, comprendido entre las etiquetas y
Dentro del encabezado hay información deldocumento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones).
Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes,etc.)
Por tanto, la estructura queda de esta manera:





[Aquí van las etiquetas que visualizan la página]


Antes de crear nuestra primera página, unas consideraciones sobre el texto: Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamosque pulsar el retorno del carro. Si queremos separar el texto en distintos párrafos debemos usar la etiqueta

, (que no tiene su correspondiente etiqueta de cierre

)
El texto puede tener unas cabeceras, comprendidas entre las etiquetas

y

,

y

, etc. (hasta el número 6), siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1. Puedesexperimentar en el ejemplo que sigue, cambiando el número para comprobar el efecto que se logra.
Una etiqueta muy interesante es la de centrado y (no la soportan todos los navegadores, aunque sí la mayoría de ellos). Nos centra todo lo que esté dentro de ella, ya sea texto, imágenes, etc.

También tenemos los separadores (horizontal rules), que se consiguen con la etiqueta

---

(noexiste la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a continuación:
Ejemplo1:
En el procesador de texto copiamos lo siguiente:

...

Leer documento completo

Regístrate para leer el documento completo.