Hemos dicho en el capítulo anterior (Lenguaje HTML e Hipertexto), que éste lenguaje permite describir la estructura de un documento para presentarlo en una pantalla (monitor) de una computadora mediante un programa llamado navegador o browser.
Para lograr esto se utilizan etiquetas (también llamadas tags ó marcas). Cada una tendrá su correspondiente etiqueta de apertura y de cierre (salvo algunas excepciones). Estas etiquetas conformarán lo que llamaremos código puro del lenguaje HTML y serán invisibles al momento de visualizar nuestras páginas en cualquier navegador.
Por ejemplo, la página que estás viendo en este momento, está plagada de etiquetas que son invisibles al navegador que utilizas. Esto es así por que los navegadores muestran en pantalla sólo la información que no pertenece al lenguaje HTML.
|| Ejemplo de etiqueta HTML.
| La etiqueta <HTML> y </HTML>
Esta etiqueta, o tag como suele llamarse, marca el comienzo de cualquier documento escrito en el lenguaje HTML.
Apertura de la etiqueta <HTML>
Cierre de la etiqueta </HTML>
Debes notar que esta etiqueta está encerrada con los símbolos < y >. Estos símbolos se utilizan para "envolver" todas las etiquetas del lenguaje HTML y su uso quedará reservado para esta función. Existen códigos para insertar estos símbolos, llamados símbolos especiales que veremos más adelante.
También puedes notar que la etiqueta está escrita en MAYUSCULAS, lo cual NO ES obligatorio. Aquí se hace para una mejor visualización del contenido.
En un programa de procesamiento de texto como el Word de Microsoft, cuando se quiere colocar un texto en negrita se selecciona dicho texto y generalmentese se hace clic en un ícono para transformar este texto en negrita. Lo que estamos haciendo con eso es dando formato al texto. Sucede de igual manera con el lenguaje HTML. Vemos un ejemplo de cómo colocar en negrita un texto mediante la etiqueta correspondiente.
| La etiqueta <B> y </B>
<B> Este texto está en negrita </B> y este texto está normal.
Volvamos nuevamente a la estructura del lenguaje HTML.
Dijimos que todos los documentos escritos en este lenguaje comenzarán con la etiqueta <HTML> y terminará con su correspondiente etiqueta de cierre </HTML>. Dentro de estas dos etiquetas estará escrito todo nuestro documento, en el cual habrá más etiquetas y texto común si es que lo tiene.
|| El ejemplo de la estructura de un documento HTML es el siguiente:
<HTML>
Todo el documento...
</HTML>
Se puede decir que el documento en sí está dividido en dos partes:
- El encabezamiento - comprendido entre las etiquetas
<HEAD> y </HEAD>
- El cuerpo - comprendido entre las etiquetas
<BODY> y </BODY>
|| El ejemplo de un documento HTML con encabezamiento y cuerpo quedaría así:
<HTML>
<HEAD>
Encabezamiento del documento...
</HEAD>
<BODY>
Cuerpo del documento...
</BODY>
</HTML>
En el próximo capítulo veremos un ejemplo muy práctico para crear nuestra primera página web, la cual podremos visualizar en el navegador que utilizamos frecuentemente.