{"id":1671,"date":"2013-05-06T18:23:15","date_gmt":"2013-05-06T22:23:15","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/ylambert\/?p=1671"},"modified":"2013-05-06T18:24:06","modified_gmt":"2013-05-06T22:24:06","slug":"la-historia-del-html-hypertext-markup-language-desde-html-1-0-a-html5","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/ylambert\/2013\/05\/06\/la-historia-del-html-hypertext-markup-language-desde-html-1-0-a-html5\/","title":{"rendered":"LA HISTORIA DEL HTML - HYPERTEXT MARKUP LANGUAGE DESDE HTML 1.0 A HTML5"},"content":{"rendered":"
\"HTML\"

HTML<\/p><\/div>\n

Hoy comentare sobre un lenguaje tan popular e importante en el dise\u00f1o de p\u00e1ginas web, y se trata del conocido HTML<\/strong>, que debo aclarar no se trata de un lenguaje de programaci\u00f3n ni mucho menos para hacer aplicaciones de escritorio como los lenguajes tradiciones C, C++, VB.NET, Java entre otros y la raz\u00f3n es muy simple HTML carece de estructuras condicionales, ciclos, uso de variables ni nada que se le parezca.<\/p>\n

Recuerdo que en alguna lectura del internet se mencionaba que el primer documento donde se hac\u00eda p\u00fablico su descripci\u00f3n o sintaxis publicada por el conocido \u201cpadre del internet\u201d , Tim Berners-Lee fue en 1991 y se llam\u00f3 \u201cHTML Tags\u201d donde la palabra TAG hace referencia a etiqueta o marca<\/strong>, donde un TAG puede tener atributos o propiedades; t\u00e9cnicamente una etiqueta es una palabra encerrada entre los s\u00edmbolos \u201c< > menor y mayor que\u201d, por ejemplo la marca <body>, <html>, <title>, <font> entre muchas otras, tambi\u00e9n estas marcas deben cerrarse anteponiendo antes del menor que \u201c<\u201d un s\u00edmbolo de slash \u201c\/\u201d a manera de ejemplo en la marca <\/body>.<\/p>\n

<\/p>\n

Pero estos hechos no fueron aislados porque desde 1989 ya exist\u00edan 2 formas que permit\u00edan vincular documentos electr\u00f3nicos, por un lado los hiperv\u00ednculos o tambi\u00e9n denominados enlaces y por otro un poderoso lenguaje de etiquetas denominado SGML por sus siglas Standard Generalized Markup Language o \"Est\u00e1ndar de Lenguaje de Marcado Generalizado\", <\/strong>adem\u00e1s ya desde 1.990, Berners Lee comienza y define por fin el HTML como un subconjunto del conocido SGML como lo he mencionado anteriormente; pero lo grandioso es que a la par crea algo m\u00e1s importante para el crecimiento del internet el World Wide Web o WWW. Para 1.991, Lee crea el primer navegador web denominado ViolaWWW, que funcionaba en modo texto y sobre un sistema operativo UNIX.<\/p>\n

ViolaWWW es considerado como el primer navegador gr\u00e1fico de la historia, precursor del popular navegador Mosaic que saldr\u00eda al mercado en el a\u00f1o de 1.993<\/strong>, y que posteriormente se convertir\u00eda en el primer referente cl\u00e1sico de la tecnolog\u00eda World Wide Web.<\/p>\n

Como lo mencione al principio HTML no es un lenguaje de programaci\u00f3n sino un lenguaje de marcado hipertextual que se utiliza para describir y traducir la estructura y la informaci\u00f3n en forma de texto<\/strong>, as\u00ed como para complementar el texto con objetos tales como im\u00e1genes en el dise\u00f1o de las p\u00e1ginas web, una forma que el lector puede comprobar el uso de este lenguaje en el dise\u00f1o de las p\u00e1ginas web de internet es con su navegador, usando la opci\u00f3n \u201cver c\u00f3digo fuente\u201d al dar clic secundario, se vera el c\u00f3digo HTML<\/strong> y probablemente con \u00e9l otros lenguajes como Java script.<\/p>\n

Berners-Lee y Dan Connolly presentaron un boceto de Hypertext Markup Language, el cual inclu\u00eda una Definici\u00f3n de Tipo de Documento SGML <\/strong> para definir la gram\u00e1tica, este documento describe 22 elementos que incluyen el dise\u00f1o inicial y la simplicidad del HTML, puedo afirmar que cerca de 13 de estos elementos todav\u00eda existen en HTML4.<\/p>\n

\"Mosaic\"

Mosaic<\/p><\/div>\n

Unos de los navegadores en usar el lenguaje fue Mosaic considerado el primer navegador gr\u00e1fico disponible para visualizar p\u00e1ginas web; fue muy importante la implementaci\u00f3n de inserci\u00f3n de im\u00e1genes en Mosaic, este fue creado en el NCSA en enero de 1993 por Marc Andreessen<\/strong>, lo rescatable era que HTML en este navegador estaba basado en est\u00e1ndares para ser un prototipo o boceto, pero realmente al HTML se lo reconoce desde 1993 cuando la Internet Engineering Task Force o IETF lo establece y a su vez lo reconoce formalmente<\/strong>, debo citar que este organismo internacional tiene como objetivos el contribuir a la ingenier\u00eda de Internet, actuando en diversas \u00e1reas. Fue creada en EE.UU. en 1986, adem\u00e1s es mundialmente conocida por ser la entidad que regula las propuestas y los est\u00e1ndares de Internet.<\/p>\n

Personalmente mis comienzos con HTML datan del a\u00f1o 1.999 cuando tome una materia llamada Seminario II en mi carrera de Licenciatura en Inform\u00e1tica, y mi profesor nos ense\u00f1o este lenguaje codific\u00e1ndolo en el bloc de notas, as\u00ed que aprend\u00ed como los \u201cGrandes Gur\u00fas\u201d sin ayudas de sintaxis o sugerencias de c\u00f3digo<\/strong>, hoy en d\u00eda Adobe Dreamweaver es la herramienta por excelencia en el dise\u00f1o y mantenimiento de p\u00e1ginas y sitios web<\/strong>, y el hecho de la maquetaci\u00f3n visual, pero debo aclarar que ello no significa que el lenguaje HTML no est\u00e1 presente, porque Dreamweaver va trascribiendo en c\u00f3digo lo que vamos maquetando visualmente , esto es a lo que llamamos un editor WYSIWYG que significa \u201cWhat You See Is What You Get\u201d que quiere decir \"lo que ves es lo que obtienes\".<\/strong><\/p>\n

Un tema que siempre es recurrente en la mente de los desarrolladores y dise\u00f1adores de p\u00e1ginas web son las versiones de este lenguaje<\/strong>, para aclararlo lo voy a presentar cronol\u00f3gicamente a continuaci\u00f3n:<\/p>\n

    \n
  1. 1990<\/strong>, a principios de este a\u00f1o se define por fin el HTML 1.0 <\/strong>como un subconjunto del conocido SGML.<\/li>\n
  2. 1993<\/strong>, a finales de este a\u00f1o se presenta la especificaci\u00f3n formal de HTML+ o HTML 2.0 <\/strong>se le dio, por lo tanto, el n\u00famero de versi\u00f3n 2 para distinguirla de las propuestas no oficiales previas.<\/li>\n
  3. 1995<\/strong>, marzo se presenta el borrador del est\u00e1ndar HTML 3.0<\/strong> fue propuesto por el reci\u00e9n formado W3C en marzo de 1995.<\/li>\n
  4. 1996<\/strong>, HTML 3.1 nunca lleg\u00f3 a ser propuesto oficialmente, y el est\u00e1ndar siguiente fue el HTML 3.2<\/strong> que se usa desde principios de este a\u00f1o.<\/li>\n
  5. 1997<\/strong>, el W3C publica una recomendaci\u00f3n del HTML denominada HTML 4.0<\/strong><\/li>\n
  6. 1999<\/strong>, el W3c publica HTML4.01<\/strong> con mejores es aspectos multimedia.<\/li>\n
  7. 2011<\/strong>, aunque se empez\u00f3 desde el 2006, el W3C se interes\u00f3 en el desarrollo de HTML5<\/strong>, y en 2007 se une al grupo WHATWG y trabaja en conjunto en el nuevo lenguaje donde se elimina y agregan etiquetas importantes para video, audio y canvas, termina siendo publicado 2011.<\/li>\n<\/ol>\n

    A continuaci\u00f3n les dejo un sencillo ejemplo de una p\u00e1gina en este lenguaje<\/strong>, basta copiarlo y pegarlo en el bloc de notas para luego grabarlo con cualquier nombre pero con la extensi\u00f3n \u201c.html\u201d<\/p>\n

    <html><\/p>\n

    <head><\/p>\n

    <title>Pagina 1<\/title><\/p>\n

    <\/head><\/p>\n

    <body><\/p>\n

    <p>Mi primera P\u00e1gina<\/p><\/p>\n

    <\/body><\/p>\n

    <\/html><\/p>\n

    \"HTML5\"

    HTML5<\/p><\/div>\n

    Con ello espero haber aclarado algunas dudas sobre este lenguaje tan importante hoy en d\u00eda para el dise\u00f1o y maquetado de las p\u00e1ginas web que todo buen \u201cWeb Designer\u201d debe conocer<\/strong>, as\u00ed mismo las diferentes versiones aunque no he citado las diferentes caracter\u00edsticas nuevas en cada una de ellas, lo dejaremos para otro art\u00edculo.<\/p>\n

    Tambi\u00e9n al finalizar quiero compartir con ustedes un video donde expongo informaci\u00f3n de HTML5 y XHTML5, algunas caracteristicas e implementaciones importantes.<\/strong><\/p>\n