Qué Es y Para Qué Sirve HTML

¿Qué es y para qué sirve HTML?

HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboracin de p!ginas "eb# $s un est!ndar %ue sir&e de referencia del soft"are %ue conecta con la elaboracin de p!ginas "eb en sus diferentes &ersiones, de'ne una estructura b!sica y un cdigo (denominado cdigo HTML) para la de'nicin de contenido de una p!gina "eb, como texto, im!genes, &ideos, juegos, entre otro otros# s# $s un est! est!nd ndar ar a carg cargo o del del orld orld ide ide eb onso onsort rtiu ium m (* (*)) o onsorcio , organi+acin dedicada a la estandari+acin de casi todas las tecn tecnol olog oga as s liga ligada das s a la "eb, "eb, sobr sobre e todo todo en lo refe refere rent nte e a su escr escrit itura ura e inte interp rpre reta taci cin n## -e cons consid idera era el leng lengua uaje je "eb "eb m!s m!s impo import rtan ante te sien siendo do su in&encin crucial en la aparicin, desarrollo y expansin de la orld ide eb ()# $s el est!ndar %ue se ha impuesto en la &isuali+acin de p!ginas "eb y es el %ue todos los na&egadores actuales han adoptado# $l lengua lenguaje je HTML HTML basa basa su 'losof 'losofa a de desar desarro rollo llo en la difer diferenc enciac iacin in## .ara .ara a/adir un elemento externo a la p!gina (imagen, &deo, script, entre otros#), este no se incrusta directamente en el cdigo de la p!gina, sino %ue se hace una referencia a la ubicacin de dicho elemento mediante texto# 0e este modo, la p!gina "eb contiene solamente texto mientras %ue recae en el na&egador "eb (interpretador del cdigo) la tarea de unir todos los elementos y &isuali+ar la p!gina 'nal# 1l ser un est!ndar, HTML busca ser un lenguaje %ue permita %ue cual%u cual%uier ier p!gina p!gina "eb escrit escrita a en una deter determin minada ada &ersi &ersin, n, pueda pueda ser interp interpre retad tada a de la misma misma forma forma (est!n (est!ndar dar)) por cual% cual%uier uier na&ega na&egador dor "eb actuali+ado# -in embargo, a lo largo de sus diferentes &ersiones, se han incorporado y suprimido di&ersas caractersticas, con el 'n de hacerlo m!s e'ciente y facilitar el desa desarr rrol ollo lo de p!gi p!gina nas s "eb "eb comp compat atib ible les s con con dist distin into tos s na&e na&ega gado dore res s y plataformas (. de escritorio, port!tiles, teléfonos inteligentes, tabletas, &ipers etc#) 2o obstante, para interpretar correctamente una nue&a &ersin de HTML, los desarrolladores de na&egadores "eb deben incorporar estos cambios y el usuar usuario io debe debe ser ser capa capa+ + de usar usar la nue& nue&a a &ers &ersi in n del del na&e na&ega gado dorr con con los los cambio cambios s incorp incorpora orados dos## 2ormal 2ormalmen mente te los cambio cambios s son aplica aplicados dos median mediante te parches de actuali+acin autom!tica (3irefox, hrome) u ofreciendo una nue&a &ersin del na&egador con todos los cambios incorporados, en un sitio "eb de descarga o'cial (4nternet $xplorer)# .or lo %ue un na&egador desactuali+ado no ser! capa+ de interpretar correctamente una p!gina "eb escrita en un a &ersin

de HTML superior a la %ue pueda interpretar, lo %ue obliga muchas &eces a los desarrolladores a aplicar técnicas y cambios %ue permitan corregir problemas de &isuali+acin e incluso de interpretacin de cdigo HTML# 1s mismo, las p!ginas escritas en una &ersin anterior de HTML deberan ser actuali+adas o reescritas, lo %ue no siempre se cumple# $s por ello %ue ciertos na&egadores toda&a mantienen la capacidad de interpretar p!ginas "eb de &ersiones HTML anteriores# .or estas ra+ones, toda&a existen diferencias entre distintos na&egadores y &ersiones al interpretar una misma p!gina "eb# $n de'niti&a, HTML es el lenguaje %ue se emplea para el desarrollo de p!ginas de internet# $st! compuesto por una serie de eti%uetas %ue el na&egador interpreta y da forma en la pantalla# HTML dispone de eti%uetas para im!genes, hiper&nculos %ue nos permiten dirigirnos a otras p!ginas, saltos de lnea, listas, tablas, etc# .odramos decir %ue HTML sir&e para crear p!ginas "eb, darles estructura y contenido# 5n ejemplo sencillo de cdigo HTML podra ser6 7html8 7body8 7p8$sto es un p!rrafo# 9ien&enidos a esta p!gina "eb#7:p8 7:body8 7:html8 $ste ejemplo est! formado por * eti%uetas HTML# omo podemos obser&ar cada una de las eti%uetas debe acabar con su homloga de cierre# $n este caso la eti%ueta 7html8 debe cerrarse con 7:html8, la eti%ueta 7body8 con 7:body8 y la eti%ueta 7p8 con 7:p8# Hay muchas m!s eti%uetas %ue &eremos m!s adelante, pero nos debe %uedar claro %ue por cada eti%ueta %ue abramos, deberemos incluir la correspondiente eti%ueta de cierre# 1s conseguiremos un cdigo HTML bien formado y %ue los na&egadores puedan interpretar sin ambig;edad# $ste sencillo ejemplo mostrara por pantalla lo siguiente#

¿Qué ocurriría si una etiqueta que abramos no tiene su correspondiente cierre? 0igamos %ue se tratara de un cdigo HTML mal construido, y los na&egadores esto lo pueden interpretar de distintas maneras# y el fondo se har! de color &erde, aun%ue no se recomienda# La mejor solucin es usar hojas de estilo# ?tro caso sera a/adir estilos a la letra, &eamos un ejemplo6 Texto de prueba y as la letra se pondr! de color &erde#

¿Cuáles Son Las ersiones !e HTML? $l HTML fue desarrollado originalmente por Tim 9ernes@Lee pero debido al r!pido crecimiento de la "eb, surgi la necesidad de crear un est!ndar para %ue tanto los programadores como los na&egadores pudieran basarse en unas mismas normas para escribir HTML# ada &ersin de HTML establece unas normas respecto a cu!les son las eti%uetas &!lidas y cmo se deben escribir# Los est!ndares o'ciales HTML son el HTML A#B, el HTML *#A, el HTML C#B, el HTML C#BD y el HTML E# $l HTLM E es la Fltima especi'cacin o'cial y se espera %ue continFe e&olucionando a lo largo de los prximos a/os# $l GHTML, una forma m!s a&an+ada del HTML %ue se supona iba a sustituir a éste, podemos considerar %ue ha %uedado integrado dentro del HTML E# La siguiente tabla resume la e&olucin de HTML6

HTML "#$

$n DE se publica el est!ndar HTML A#B# 1 pesar de su nombre, HTML A#B es el primer est!ndar o'cial de HTML, es decir, el HTML D#B no existi como est!ndar# HTML A#B no soportaba tablas#

-e simpli'caba al m!ximo la estructura del documento para agili+ar su edicin, donde la declaracin explcita de los elementos body, html y head es opcional#

HTML %#"

La &ersin HTML *#A se public en DI y es la primera recomendacin de HTML publicada por el * (onsorcio internacional)# $sta re&isin incorpor los Fltimos a&ances de las p!ginas "eb desarrolladas hasta DJ, como applets de Ka&a y texto %ue uye alrededor de las im!genes#

HTML &#$'

La Fltima especi'cacin o'cial de HTML se public en diciembre de D y se denomina HTML C#BD# 0esde la publicacin de HTML C#BD, el * se centr en el desarrollo del est!ndar GHTML# .or este moti&o, en el a/o ABBC, las empresas 1pple, Mo+illa y ?pera mostraron su preocupacin por la falta de interés del * en HTML y decidieron organi+arse en una nue&a asociacin llamada H1T (eb Hypertext 1pplication Technology orking roup) %ue comen+ el desarrollo del HTML E, cuyo primer borrador o'cial se public en enero de ABBN# 0ebido a la fuer+a de las empresas %ue forman el grupo H1T y a la publicacin de los borradores de HTML E#B, en mar+o de ABBI el * decidi retomar la acti&idad estandari+adora de HTML, dentro del cual decidi integrar el GHTML#

HTML () HTML (#') HTML (#"

$l consorcio internacional *, después de una e&olucin de &arios a/os, liber el HTML E como est!ndar o'cial a 'nales de octubre de ABDC# HTML E incorpora nue&os elementos no contemplados en HTML C#BD# Hay di&ersos cambios respecto a HTML C#BD# Hay nue&as eti%uetas, se introduce la posibilidad de introducir audio y &ideo de forma directa en la "eb sin necesidad de plugins o complementos en los na&egadores, y otras no&edades# $l * ir! lan+ando progresi&amente nue&as e&oluciones del HTML E#

Hasta hace poco la &ersin de HTML m!s utili+ada ha &enido siendo la C#BD, %ue es admitida por todos los na&egadores# $sta &ersin fue de'nida por la

* (omité 4nternacional %ue de'ne los est!ndares "eb) hace &arios a/os# 1ctualmente ya est! utili+!ndose la nue&a &ersin de HTML, denominada HTML E, aun%ue esta no es soportada por na&egadores antiguos# HTML E se ha ido introduciendo progresi&amente en los desarrollos "eb pero aFn %uedan muchos a/os en %ue existir! una Ocon&i&enciaP con na&egadores y "ebs %ue usan HTML C#BD# HTML C#BD contemplaba, adem!s de la &ersin en s, distintas &ariantes (digamos %ue Odistintas formasP o doctypes) %ue es interesante conocer# $n HTML C#BD en un documento HTML se debe indicar en una lnea inicial %ué &ersin y &ariante es la %ue estamos usando de forma %ue cual%uier persona %ue lea ese documento HTML sepa %ué &ersin y &ariante se ha empleado# Las &ariantes del HTML C#BD son6

HTML &#$' Strict

$n este tipo de documentos podemos usar eti%uetas HTML C#BD, pero no se aceptan eti%uetas obsoletas, es decir, eti%uetas propias de &ersiones m!s antiguas# $s la &ersin %ue si usamos en teora nos debera dar un resultado ptimo en los na&egadores m!s modernos# $sto no siempre es as, como explicaremos un poco m!s adelante#

HTML Transitional

$n este tipo de documentos se pueden usar todas las eti%uetas de todas las &ersiones de HTML# 5sar esta &ariante de HTML plantea el interrogante de si es correcto permitir el uso de eti%uetas obsoletas %ue podran dejar de funcionar en las prximas &ersiones de los na&egadores# -in embargo, este es el est!ndar m!s usado, por%ue combina la posibilidad de usar eti%uetas m!s antiguas y eti%uetas m!s modernas, de forma %ue podamos aspirar a una mejor &isuali+acin en la mayor parte de los na&egadores#

HTML *rameset

&#$'

&#$'

$ste tipo de documentos tiene soporte para frames# Los frames son unos marcos a modo de pe%ue/as sub&entanas dentro de una misma p!gina "eb %ue se usaban mucho hace unos a/os pero %ue hoy en da se usan cada &e+ menos# $ste tipo de HTML podemos considerarlo anticuado, por%ue hay otras formas de dise/ar p!ginas "eb sin frames m!s modernas y Ftiles %ue nos permiten obtener el mismo resultado de forma m!s e'ciente#

$n la 'gura podemos &er cmo el ser m!s estrictos supone %ue tengamos %ue usar un menor nFmero de eti%uetas# on HTML E esta situacin ha cambiado6 HTML E simpli'ca la situacin, al de'nir una Fnica &ariante con lo cual desaparecen las &ariantes -trict,  Transitional y 3rameset#

+ccesibilidad ,eb $l dise/o en HTML, aparte de cumplir con las especi'caciones propias del lenguaje, debe respetar ciertos criterios de accesibilidad "eb, siguiendo unas pautas o las normati&as y leyes &igentes en los pases donde se regule dicho concepto# -e encuentra disponible y desarrollado por el * a tra&és de las .autas de 1ccesibilidad al ontenido eb D#B 1 (actuali+adas recientemente con la especi'cacin A#B),AD aun%ue muchos pases tienen especi'caciones propias, como es el caso de $spa/a con la 2orma 52$ D*NB*#