Carlos Mauricio Bayona

Que es HTML
HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite
describir hipertexto, es decir, texto presentado de forma estructurada y agradable,
con enlaces (hyperlinks) que conducen a otros documentos o fuentes de
informacin relacionadas, y con inserciones multimedia (grficos, sonido...). Este
lenguaje es el que se utiliza para presentar informacin en el World Wide Web.
Aspectos del HTML
Aspectos bsicos del lenguaje HTML Programacin Requisitos mnimos HTML
Bsico La creacin de una pgina web comienza por la comprensin de sus
elementos bsicos, las etiquetas, y de su diseo estructural. En este mdulo
analizaremos ambos conceptos y crearemos nuestros primeros ejemplos.
Objetivos especficos
Comprender el modelo de etiquetas de HTML.
Identificar la estructura bsica de una pgina web.
Crear una pgina con un editor de texto sencillo.
Crear una primera pgina web con un editor avanzado.
Contenidos
Etiquetas HTML.
Estructura de una pgina web.
Criterios de evaluacin
Crear una pgina web con un editor de texto simple.
Crear una web con un editor avanzado.
Realizar modificaciones en una pgina web.
Historia del HTML
La historia completa de HTML es tan interesante como larga, por lo que a
continuacin se muestra su historia resumida a partir de la informacin que se
puede encontrar en la Wikipedia.

Carlos Mauricio Bayona

El origen de HTML se remonta a 1980, cuando el fsico Tim Berners-Lee,

trabajador del CERN (Organizacin Europea para la Investigacin Nuclear)
propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" haban sido desarrollados aos antes. En el mbito
de la informtica, el "hipertexto"permita que los usuarios accedieran a la
informacin relacionada con los documentos electrnicos que estaban
visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podran
asimilarse a los enlaces de las pginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo
present a una convocatoria organizada para desarrollar un sistema
de "hipertexto" para Internet. Despus de unir sus fuerzas con el ingeniero de
sistemasRobert Cailliau, presentaron la propuesta ganadora
llamada WorldWideWeb (W3).
El primer documento formal con la descripcin de HTML se public en 1991 bajo el
nombre HTML Tags (Etiquetas HTML) y todava hoy puede ser consultado online a
modo de reliquia informtica.
La primera propuesta oficial para convertir HTML en un estndar se realiz en
1993 por parte del organismo IETF(Internet Engineering Task Force). Aunque se
consiguieron avances significativos (en esta poca se definieron las etiquetas para
imgenes, tablas y formularios) ninguna de las dos propuestas de estndar,
llamadas HTML y HTML+ consiguieron convertirse en estndar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue
publicar, el 22 de septiembre de ese mismo ao, el estndar HTML 2.0. A pesar de
su nombre, HTML 2.0 es el primer estndar oficial de HTML.
A partir de 1996, los estndares de HTML los publica otro organismo de
estandarizacin llamado W3C (World Wide Web Consortium). La versin HTML
3.2 se public el 14 de Enero de 1997 y es la primera recomendacin de HTML
publicada por el W3C. Esta revisin incorpora los ltimos avances de las pginas
web desarrolladas hasta 1996, comoapplets de Java y texto que fluye alrededor de
las imgenes.
HTML 4.0 se public el 24 de Abril de 1998 (siendo una versin corregida de la
publicacin original del 18 de Diciembre de 1997) y supone un gran salto desde
las versiones anteriores. Entre sus novedades ms destacadas se encuentran las
hojas de estilos CSS, la posibilidad de incluir pequeos programas o scripts en las
pginas web, mejora de la accesibilidad de las pginas diseadas, tablas
complejas y mejoras en los formularios.

Carlos Mauricio Bayona

La ltima especificacin oficial de HTML se public el 24 de diciembre de 1999 y

se denomina HTML 4.01. Se trata de una revisin y actualizacin de la versin
HTML 4.0, por lo que no incluye novedades significativas.
Desde la publicacin de HTML 4.01, la actividad de estandarizacin de HTML se
detuvo y el W3C se centr en el desarrollo del estndar XHTML. Por este motivo,
en el ao 2004, las empresas Apple, Mozilla y Opera mostraron su preocupacin
por la falta de inters del W3C en HTML y decidieron organizarse en una nueva
asociacin llamadaWHATWG (Web Hypertext Application Technology Working
Group).
La actividad actual del WHATWG se centra en el futuro estndar HTML 5,
cuyo primer borrador oficial se public el 22 de enero de 2008. Debido a la fuerza
de las empresas que forman el grupo WHATWG y a la publicacin de los
borradores de HTML 5.0, en marzo de 2007 el W3C decidi retomar la actividad
estandarizadora de HTML.
De forma paralela a su actividad con HTML, W3C ha continuado con la
estandarizacin de XHTML, una versinavanzada de HTML y basada en XML. La
primera versin de XHTML se denomina XHTML 1.0 y se public el 26 de Enero
de 2000 (y posteriormente se revis el 1 de Agosto de 2002).
XHTML 1.0 es una adaptacin de HTML 4.01 al lenguaje XML, por lo que
mantiene casi todas sus etiquetas y caractersticas, pero aade algunas
restricciones y elementos propios de XML. La versin XHTML 1.1 ya ha sido
publicada en forma de borrador y pretende modularizar XHTML. Tambin ha sido
publicado el borrador de XHTML 2.0, que supondr un cambio muy importante
respecto de las anteriores versiones de XHTML.
Estructura de un documento HTML
Un documento HTML est definido por una etiqueta de apertura <HTML> y una
etiqueta de cierre </HTML>. Dentro de este se dividen dos partes fundamentales
la cabecera, delimitada por la etiqueta <HEAD> y el cuerpo, delimitado por la
etiqueta <BODY>. Por tanto la estructura de un documento HTML ser:
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>

Carlos Mauricio Bayona

Instrucciones HTML
</BODY>
</HTML>
Ninguno de estos elementos es obligatorio, pudiendo componer documentos
HTML que se muestren sin ningn problema sin incluir estas etiquetas de
identificacin. Si se utilizan elementos que forzosamente deban ser incluidos en la
cabecera (como la etiqueta de titulo), no sern reconocidos correctamente si no se
incluyen entre las etiquetas de <HEAD>.
En los prximos apartados explicaremos de forma separada los componentes
de la cabecera y del cuerpo de un documento HTML.

La sintaxis de los elementos HTML

Descripcin de la sintaxis con la que se trabaja en el lenguaje HTML, as como la

estructura que tendr el documento bsico HTML.
El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base
al que llamamos etiqueta. A travs de las etiquetas vamos definiendo los
elementos del documento, como enlaces, prrafos, imgenes, etc. As pues, un
documento HTML estar constituido por texto y un conjunto de etiquetas para
definir la forma con la que se tendr que presentar el texto y otros elementos en la
pgina.
La etiqueta presenta frecuentemente dos partes:
Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>
Todo lo incluido en el interior de esa etiqueta sufrir las modificaciones que
caracterizan a esta etiqueta. As por ejemplo:
Las etiquetas <b> y </b> definen un texto en negrita. Si en nuestro documento
HTML escribimos una frase con el siguiente cdigo:
<b>Esto esta en negrita</b>
El resultado Ser:
Esto esta en negrita

Carlos Mauricio Bayona

Las etiquetas <p> y </p> definen un prrafo. Si en nuestro documento HTML

escribiramos:
<p>Hola, estamos en el prrafo 1</p>
<p>Ahora hemos cambiado de prrafo</p>
El resultado sera:
Hola, estamos en el prrafo 1
Ahora hemos cambiado de prrafo

Elementos en Bloque y En Lnea en HTML

En HTML los elementos pueden ser clasificados de varias maneras, por

ejemplo:segn el doctype, segn su estructura, segn su funcin, entre otras.
Por ahora slo vamos a mencionar que segn su estructura pueden sub-dividirse
en otros 3 grupos: bsicos, de cabecera y de cuerpo.
Los bsicos son aquellos que conforman primariamente el HTML. Sin stos no
existe el HTML como tal, por ejemplo para un documento normal son: html, head,
body.
Los de cabecera son aquellos que estn dentro de la etiqueta <head> y contienen
informacin relevante para el funcionamiento del documento, por ejemplo: title,
base, meta, link, style, script, object, entre otros.
Los de cuerpo son aquellos que estn dentro de la etiqueta <body> y estructuran
el contenido de un documento. Estos pueden dividirse principalmente enelementos
en bloque (block elements) y en elementos en lnea (inline elements). (Existen
elementos que tienen dobles clasificaciones, as tambin existen elementos que
son subordinados).
La diferencia entre ambos est dada por el Modelo de contenido, por elFormato y
la Direccionalidad, en esta resea nos vamos a centrar en las dos primeras:
Modelo de contenido: los elementos en bloque pueden contener elementos en
lnea y a otros elementos en bloque. A su vez los elementos en lnea pueden
contener otros datos y elementos en lnea, pero no elementos en bloque. En esta
distincin est relacionada la idea de que los elementos en bloque crean
estructuras ms grandes que los elementos en lnea.

Carlos Mauricio Bayona

Formato: Los elementos en bloque tienen por defecto un formato diferente que el
de los elementos en lnea. Generalmente, los elementos en bloque comienzan en
una nueva lnea, y los elementos en lnea no. Es decir, cada vez que existe un
elemento en bloque, existe un salto de lnea asociado a l.