Está en la página 1de 4

Tema

Introducción HTML
1.- Una breve historia del HTML
A finales de la década de los 80s, Tim Berners-Lee estuvo trabajando como físico en CERN
(las siglas inglesas de la Organización Europea para la Investigación Nuclear). Ideó un
sistema para que los científicos pudieran compartir documentos a través de internet. Antes
de su invención, las comunicaciones por Internet sólo permitían transmitir texto plano,
empleando tecnologías como el email, FTP (File Transfer Protocol), y Usenet- tecnología en
la que se basan los foros de internet. La invención del HTML permitió el uso de un modelo
de contenido almacenado en un servidor central, que podía ser mostrado en un terminal
local mediante un navegador. Esto simplificó el acceso al contenido y habilitó la posibilidad
de mostrar contenido "enriquecido" (como un sofisticado texto formateado y visualización
de imágenes).

2.- ¿Qué es el HTML?


HTML es un lenguaje de etiquetas. Indica al navegador como tiene que mostrar el
contenido. El HTML separa el "contenido" (palabras, imágenes, audio, video, etc.) de la
"presentación" (la definición del tipo de contenido y las instrucciones de cómo esos
contenidos tienen que mostrarse). El HTML emplea un conjunto de elementos predefinidos
que permiten identificar los distintos tipos de elementos. Estos elementos contienen una o
más etiquetas que contienen o expresan el contenido. Estas etiquetas suelen ir
encapsuladas entre los símbolos <>, y las etiquetas de cierre (que indican el final de un
determinado contenido) están precedidas por una barra /.

Por ejemplo, el elemento párrafo consiste en una etiqueta de inicio como esta "<p>" y una
de cierre "</p>". El siguiente ejemplo muestra un párrafo que está contenido dentro del
elemento párrafo en HTML:

Los documentos HTML se dividen en cuatro partes bien diferenciadas:

1. La Cabecera de tipo de documento <HTML> </HTML>


La usa el software para saber la versión de HTML que se está usando (no
visible).Estas suelen ser la primera y la última etiqueta porque todo lo que
escribiremos estará dentro del código HTML y por tanto estaŕá entre estas dos
etiquetas. Es decir <HTML> debe ser la primera etiqueta del documento y </HTML>
debe ser la última etiqueta del documento.
2. La Cabecera del documento (document HEADer)<HEAD> </HEAD>
Usada para dar información sobre el documento (no visible).Aquí por ejemplo se
puede incluir el título del documento que aparece en la barra del navegador <TITLE>
</TITLE> o la codificación que tiene el texto por ejemplo si queremos especificar que
el texto esta escrito en castellano para que nos muestre las tildes y la ñ debemos
introducir la siguiente etiqueta en el HEAD
3. El Cuerpo del documento (document BODY)<BODY> </BODY>
Es la parte principal del documento, la parte que el usuario ve. Aqui dentro es donde
introduciremos la mayoría de las etiquetas que aprenderemos. Y donde
introduciremos el texto que queremos que se muestre.

Estas tres partes pueden verse en la plantilla mostrada a continuación.

<HTML>
<HEAD>
<TITLE>
aqui se escribira el titulo de la página, no se ve en la página en si pero
sirve para buscadores y aparece en la pestaña del navegador por ejemplo.
</TITLE>
dentro del head se puede introducir más metadatos como por ejemplo la
codificación del texto <meta charset="UTF-8"/>
</HEAD>

<BODY>
Aquí dentro del body es donde pondremos todo lo que queremos que se
vea en la página, todo lo que vamos a ver a partir de ahora en las
siguientes fichas irá siempre dentro del body, dependiendo de lo que
queramos poner utilizaremos unas etiquetas o otras.

</BODY>
</HTML>

La primera línea indica que es un documento HTML:


<HTML>

La segunda y quinta línea delimitan la cabecera del documento:


<HEAD>
</HEAD>

La tercera y cuarta línea delimitan el título del documento:


<TITLE>
</TITLE>
La sexta y séptima línea delimitan el cuerpo del documento:
<BODY>
</BODY>

La última línea indica que finaliza el documento HTML:


</HTML>

En posteriores fichas veremos que se pueden y se deben usar muchas más etiquetas pero
estas aparecerán siempre.

También podría gustarte