Taller HTML 5

Steffany Juritza Enciso Lozano

Presentado a:
Paula Andrea Roa

Ibagu Tolima

2015

1. Que es HTML
HTML es el lenguaje con el que se definen las pginas web. Bsicamente
se trata de un conjunto de etiquetas que sirven para definir el texto y
otros elementos que compondrn una pgina web.
El HTML se cre en un principio con objetivos divulgativos de
informacin con texto y algunas imgenes. No se pens que llegara a ser
utilizado para crear rea de ocio y consulta con carcter multimedia (lo
que es actualmente la web), de modo que, el HTML se cre sin dar
respuesta a todos los posibles usos que se le iba a dar y a todos los
colectivos de gente que lo utilizaran en un futuro. Sin embargo, pese a
esta

deficiente

planificacin,

que

se

han

ido

incorporando

modificaciones con el tiempo, estos son los estndares del HTML.

Numerosos estndares se han presentado ya. El HTML 4.01 es el ltimo
estndar a febrero de 2001. Actualizacin a mayo de 2005, en estos
momentos est a punto de presentarse la versin 5 de HTML, de la que
ya se tiene un borrador casi definitivo.
El HTML es un lenguaje de marcacin de elementos para la creacin de
documentos hipertexto, muy fcil de aprender, lo que permite que
cualquier persona, aunque no haya programado en la vida, pueda
enfrentarse a la tarea de crear una web. HTML es fcil y pronto
podremos dominar el lenguaje. Ms adelante se conseguirn los
resultados profesionales gracias a nuestras capacidades para el diseo y
nuestra vena artista, as como a la incorporacin de otros lenguajes para
definir el formato con el que se tienen que presentar las webs, como
CSS.

2. Aspectos del HTML

La creacin de una pgina web comienza por la comprensin de sus

elementos bsicos, las etiquetas, y de su diseo estructural.

La mayora de pginas web actuales utilizan los atributos id y class de

forma masiva. Sin embargo, estos atributos slo son realmente tiles
cuando se trabaja con CSS y con Javascript.
Respecto al valor de los atributos id y class, slo pueden contener
guiones medios (-), guiones bajos (_), letras y/o nmeros, pero no pueden
empezar por nmeros. Adems, los navegadores distinguen maysculas
de minsculas y no se recomienda utilizar letras como y acentos, ya que
no es seguro que funcionen correctamente en todas las versiones de
todos los navegadores.
3. Historia de HTML
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 BernersLee lo present a una convocatoria organizada para desarrollar un
sistema de "hipertexto" para Internet. Despus de unir sus fuerzas con
el ingeniero de sistemas Robert 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, como
applets 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.
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 llamada
WHATWG (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 versin avanzada 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.

4. Estructura de un documento HTML

Todos los documentos Html tienen la estructura que se muestra a
continuacin, aunque la etiqueta <body> puede ser sustituida por
<frameset> para un tipo de pginas que dividen la ventana del navegador
en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Ttulo de la pgina</TITLE>
...
</HEAD>
<BODY>
Aqu ira el contenido de la pgina
</BODY>
</HTML>
5. La sintaxis del 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 est en negrita</b>

El resultado Ser:
Esto est en negrita
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

6. Elementos de bloque y en lnea

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, apilndose como
ladrillos.

Los elementos de lnea 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 lnea y seguirn apilndose en
horizontal.

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
hecho, 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 para 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 decimal con 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;"

http://librosweb.es/libro/xhtml/capitulo_1/breve_historia_de_html.ht
ml
http://platea.pntic.mec.es/~abercian/guiahtml/estructura.htm

http://dediez.es/html/html-basico-elementos-de-linea-y-elementos-debloque/
http://www.htmlquick.com/es/reference/character-entityreference.html