1.

Qu es HTML
HTML es el lenguaje que se emplea para el desarrollo de pginas de internet.
Est compuesto por una sere de etiquetas que el navegador interpreta y da
forma en la pantalla. HTML dispone de etiquetas para imgenes, hipervnculos
que nos permiten dirigirnos a otras pginas, saltos de lnea, listas, tablas, etc.
2. Aspectos del HTML
Pero empecemos ya con lo que nos interesa. Cmo se hace una pgina Web?
Cuando los diseadores del WWW se hicieron esta pregunta decidieron que se
deban cumplir, entre otras, las siguientes caractersticas:

El Web tena que ser distribuido: La informacin repartida en pginas no

muy grandes enlazadas entre s.

El Web tena que ser hipertexto y deba ser fcil navegar por l.

Tena que ser compatible con todo tipo de ordenadores (PCs, Macintosh,
estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows,
MS-DOS, UNIX, MAC-OS,...).

Deba ser dinmico: el proceso de cambiar y actualizar la informacin deba

ser gil y rpido.

Estas caractersticas son las que marcaron el diseo de todos los elementos del
WWW incluida la programacin de pginas Web. Como respuesta a todos estos
requisitos se creo el lenguaje HTML (HiperText Markup Language), cuyas siglas
significan "lenguaje hipertexto de marcas".
Este lenguaje ser el encargado de convertir un inocente archivo de texto inicial en
una pgina web con diferentes tipos y tamaos de letra, con imgenes
impactantes, animaciones sorprendentes, formularios interactivos, etc.
3. Historia del HTML
HTML o lenguaje de marcado de hipertexto, se ha convertido en el lenguaje de
marca ms importante a da de hoy, gracias al crecimiento de Internet, la
necesidad de ofrecer servicios remotamente y en definitiva, la necesidad de poder
ofrecer fcilmente informacin de una forma elegante y sin morir en el intento.
HTML es un derivado de SGML y naci en 1991, gracias a Tim Berners-Lee
(que trabajaba en el CERN), que ante la necesidad de compartir informacin entre
cientficos cre la primera definicin del lenguaje.

Etapa liderada por el IEFT

En la primera publicacin del lenguaje se incluan un total de 22 etiquetas, de las
que solo persisten a da de hoy unas 12 ms o menos (como <u>, <i>), aunque
las siguen reconociendo los navegadores actuales. Tras este periodo, en 1993 fue
creado el borrador por la ITEF para definir definitivamente HTML como un
estndar, que adems inclua una definicin de tipo de documento SGML, que
defina su gramtica.
Este borrador no lleg a buen puerto, pero fue el inicio para que Mosaic (aquel
histrico navegador) tuviese un gran xito. Paralelamente surgi otro borrador que
defina HTML+, que incorporaba tambin las tablas en la definicin de las
caractersticas.
Tras la expiracin de borrador de HTML y HTML+ la IEFT cre en 1994 el HTML
Working Group, que defini la especificacin de HTML2.0. Esta vez, tambin de
forma paralela a HTML2.0 surgi la propuesta de HTML3.0, que no tuvo
prcticamente relevancia mientras estaba presente HTML2.0.
Fundacin del World Wide Web Consortium (W3C)
Como para estos entonces, ya en 1997, eran muchas las empresas que queran
tomar decisiones sobre HTML se cre el W3C y se dej de influir el IEFT.
En enero de 1997 se publico HTML3.2 como recomendacin de la W3C, que fue
la primera definicin redactada exclusivamente por el consorcio, fuertemente
influenciado por Netscape. Inicialmente inclua formulas matemticas, pero al final
se omitieron, dando lugar a MathML (que tras 15 aos y estando en la versin 3.0,
prcticamente no tiene uso, habiendo sido desbancado por TeX).
HTML4
Y aqu ya llegamos a algo ms actual, al lenguaje que hasta hace nada era el todo
en el diseo web y ahora sigue siendo parte esencial. HTML4.0 fue lanzado como
recomendacin a finales de 1997 y dispona de tres variantes: transicional (se
permiten elementos obsoletos), estricta (se prohben elementos obsoletos) y de
conjuntos de marcos (se usaba para las webs que estn formadas por frames). A
finales de 1999 se public HTML4.01, que no incorpor nada pero se public para
corregir erratas.
HTML como estndar
Tras aos y aos creando distintas especificaciones a mediados del 2000 se cre
la normativa ISO que defini HTML4.01 (strict) como estndar internacional. Tras
la estandarizacin surgieron las alternativas basadas en XML, que era XHTML
(teniendo la versin 1.0, 1.1, 2.0 y la supuesta XHTML5).

HTML5 y nacimiento de WHATWG

En 2004 se cre la Web Hypertext Application Technology Working Group
(WHATWG), con el propsito de crear un nuevo estndar que consiga llevar la
web a un nivel que solo se consegua gracias a Flash (lo que destrozaba
totalmente la filosofa de la web, al ser una herramienta de pago, por lo menos
para crear el contenido). En esta especificacin se incluyen grandes mejoras en el
apartado multimedia, permitiendo el uso de audio, video, grficos vectoriales y
creacin de contenido den 2D y 3D mediante Canvas.
4. 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:
5. <HTML>
6. <HEAD>
7. Definiciones de la cabecera
8. </HEAD>
9. <BODY>
10. Instrucciones HTML
11. </BODY>
12. </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.
5. Sintaxis del HTML
Para fomentar una slida compresin del HTML, miraremos la estructura del
lenguaje propiamente dicho. El funcionamiento de la sintaxis del HTML es anlogo
a la sintaxis de la gramtica espaola, pero, por supuesto, mucho ms sencillo.
El HTML es en realidad un lenguaje muy lgico. Ciertamente, hay excepciones a
las reglas, y hay modificaciones o interpretaciones de algunas de stas. De todas
formas, una vez que asimiles la estructura bsica, empezars a notar que el HTML

es simplemente un conjunto de piezas lgicas que hacen de l un lenguaje muy

cmodo de usar.
Por supuesto, est el tema que se coment en el captulo "Comprendiendo el
HTML", de que el HTML es un lenguaje que evoluciona. Mientras que la evolucin
es un estado natural del HTML, estos cambios normalmente no afectan a las
reglas bsicas. Mientras que varios elementos de este lenguaje se hacen
obsoletos y otros nuevos son aadidos, la sintaxis, o la estructura correcta,
raramente sufren cambios.
Para comprender el concepto de sintaxis, piensa en una frase. Tu tienes un sujeto
y un verbo. Los adjetivos y los adverbios se aaden para aportar cualidades y
comportamiento, haciendo la frase ms comprensiva.
El HTML es, en el fondo, no muy diferente a una simple frase. De hecho, los
componentes del HTML siguen el mismo concepto de sujeto, verbo y
adjetivos/adverbios.
6. Elementos de bloque y en lnea
Elementos de bloque
Los elementos de bloque son elementos que ocupan todo el espacio disponible a
lo ancho y el espacio necesario (en funcin de su contenido) a lo alto y se agrupan
en vertical, apilandose como ladrillos.
Esto es un elemento de bloque
Esto es otro elemento

Los

elementos

anteriores

tienen

una

distribucin

aproximadamente

as:

A un elemento de bloque se le puede fijar un ancho especifico para evitar que

ocupe todo el espacio aunque se seguirn apilando en vertical salvo que usemos
la propiedad float (que veremos ms adelante).
Algunos elementos de bloque son div, table, p,
Elementos de linea
Los elementos de linea son elementos que ocupan el espacio necesario (en
funcin de su contenido) tanto a lo ancho como a lo alto y que se apilan
horizontalmente mientras tengan espacio, una vez alcanzado el ancho mximo
(delimitado por los elementos que los contengan) saltarn de linea y seguirn
apilandose en horizontal.

A los elementos de linea no se le puede asignar un ancho fijo, ya que son muy
rebeldes y la ignorarn.
Algunos elementos de linea son span, em, b,

7. Referencias de carcter

Una referencia de caracteres es una pequea pieza de cdigo usada para

representar ciertos caracteres en documentos HTML. Principalmente usada para
insertar smbolos que no pertenecen al juego de caracteres (o en muchos casos,
smbolos difciles de ingresar), las referencias de caracteres pueden insertarse
utilizando una expresin regular. De echo, cada referencia de caracteres puede
insertarse de tres formas diferentes:

Por su nombre de entidad: Cada referencia de caracteres tiene una entidad

asignada. El formato apra insertar un smbolo por su nombre de entidad
est compuesto por un smbolo "&" seguido de su nombre de entidad y un
punto y coma (";"). Por ejemplo, el smbolo de la libra esterlina ("") puede
ser insertado como "&pound;".

Por su valor decimal: Tal como con las entidades, un nmero nico es
asociado con cada referencia de caracteres. El formato es compuesto por
un smbolo "&" seguido de un signo numeral ("#"), el nmero asociado y un
punto y coma (";"). Por ejemplo, el smbolo de la libra esterlina ("") puede
ser insertado como "&#163;".

Por su valor hexadecimal: Este mtodo funciona exactamente como el del

valor decimalcon la diferencia que el nmero se escribe en formato
hexadecimal y una "x" (en minscula) se agrega a continuacin del signo
numeral ("#"). Las letras en el nmero hexadecimal deben ir en
maysculas. Por ejemplo, el smbolo de la libra esterlina ("") puede ser
insertado como "&#xA3;".

Muchos navegadores no proveen soporte para todas las entidades de caracteres y

usualmente representan un cuadrado blanco ("") o un signo de pregunta ("?"
"") en su lugar. Por otra parte, la notacin hexadecimal para referencias de
caracteres tampoco es soportada por muchos navegadores, lo que la hace una
forma poco fiable de reproducir smbolos. Dicho esto, queda claro que la mejor
forma de representar referencias de caracteres es a travs de la noracin decimal.