1.-El lenguaje del Hipertexto:HTML Seguro que has oído hablar mucho sobre ello y todavía no se te ha quedado muy claro en que consiste el misterioso lenguaje HTML que sirve para realizar esas atractivas páginas web que tanto te gustaría visitar en Internet. De momento te sigue pareciendo chino...pero no lo es.Se trata de un sistema de marcas que permite enlazar al mismo tiempo texto,sonidos y gráficos dentro del mismo documento,con otros dentro del servidor o incluso con otros servidores WWW.Es decir,es un editor para convinar textos,imágenes e incluso sonido y ahóra también imágenes en movimiento.Es,en definitiva,la forma de manejar y presentar la información en la Red. Para escribir documentos de hipertexto se ha desarrollado un nuevo formato de datos o lenguaje llamado Hyper Text Markup Language (HTML).Este lenguaje permite dar indicaciones precisas al programa cliente de cómo debe presentares el documento en pantalla o al sel impreso.Por ejemplo,se puede señalar que determinados textos deben ser escritos en negrilla,o en un tipo de letra más grande,cuales son los encabezamientos y títulos,etc...También se pueden indicar dónde se debe insertar una imagen en el texto o cualquier otro objeto multimedia,o informar en qué fichero del servidor se encuentra éste. Escribir un documento de hipertexto usando HTML,no es en realidad una taréa difícil. 1.2-Un poco de historia: Hasta ahora,para editar páginas en HTML teníamos una serie de aplicaciones que nos facilitavan la tarea.Dos tipos de editores permiten crear este tipo de hipertexto:un primer grupo,que sólo combina sus elementos para crear las páginas.Y un segundo grupo,que hacen la función de traductores y se encargan de pasar de un formato específico de procesador de texto a HTML. Las herramientas de edicción sencilla de HTML,además de exigirnos un conocimiento de las diferentes tags,para crear páginas en la World Wide Web,nos limitan mucho la utilización de numerosos recursos.Por ello,las primeras páginas en Internet presentaban una apariencia muy sencila y prácticamente sin ningún atractivo para el navegante. 1 En cambio,los traductores han supuesto un gran avance para los creadores de páginas web,puesto que,partiendo de cualquier procesador de texto podemos convertirlo de forma automática en formato HTML.Las limitaciones seguían siendo bastantes,puesto que había ciertos elementos como formularios eletrónicos y lenguaje JAVA que no podían incluirse(ni que decir tiene el sonido o la imagen en movimiento). Todas estas herramientas HTML a las que hemos hecho referencia formarán,en poco tiempo,parte de la historia de la edición de páginas web,gracias de FrontPage 97,que nos permite crear páginas con amplias posibilidades de diseño y de inserción de elementos que hasta ahora ningún conversor podía realizar.Sin duda,FrontPage ha supùesto toda una revolución. 1.3-Reglas básicas para la confección de doumentos HTML: Un documento HTML es simplemente un fichero de texto ASCII,en el que se incluye el texto que se desea mostrar en pantalla.Además del texto,deben introducirse ciertos comandos o “marcas”(Tags) que indicarán al browser cómo se debe visualizar el documento en el monitor.A través de los tags se definen los distintos elementos que componen la imagen. Los tags se escriben encerrados entre los símbolos “<“ y “>“,y usualmente los comandos van por parejas,como veremos después. Por ejemplo,si se desea que un texto aparezca en negrita,debe escribirse el comando <b> el principio de ses texto,y el comando </b> al final. Si quiere que el siguiente texto se vea en negrita: Viaje por el mundo con WWW en el documento HTML,esto se escribe con caracteres ASCII de la siguiente forma: <b> Viaje por el mundo con WWW </b> Si además quisiéramos que el texto apareciera centrado en la página se debe usar el comando <center>.El efecto del comando se termina con un tag que incorpora la barra “/”.El texto mostrado antes,centrado y en negrita,que se mostraría en pantalla como el siguiente: Viaje por el mundo con WWW se escribe como: 2 <center> <b> Viaje por el mundo con WWW </b> </center> El nombre de los ficheros escritos en el lenguaje HTML,suele terminar con los caracteres .htlm.En el sistema DOS la terminación es .htm. 1.4-Un documento HTML sencillo: Aquí se muestra un documento de hipertexto muy sencillo,tal como lo muestra el browser y el contenido de del fichero ASCII correspondiente. 2.-Documento de hipertexto escrito en HTML: Las características principales del anteriormente,se detallan a continuación: documento HTML expuesto Los tags <HEAD> y </HEAD> encierran un texto que contiene información del documento y que no se muestra cuando es presentado en pantalla. Los tags <BODY> y </BODY> definen la parte principal o cuerpo del documento,que será mostrado en pantalla. Para definir los distintos títulos o subtítulos(headings),que se deben visualizar con un tipo de letra más grande,se utilizan los tags <Hn> y </Hn>.Aquí n representa un número entero del 1 al 6,que especifica el tamaño de la letra.El encabezamiento más grande se indica con <H1>. Para que un texto,figura,etc.,aparezca centrado en la página,se utilizan los tags <CENTER> y </CENTER>. 3 Para insertar una imagen gráfica en el texto (inline image),se utiliza el tag <IMG SRC=>.A continuación del signo igual (=),debe especificarse el sitio en el que el browser encontrará la imagen correspondiente,que debe estar en formato GIF.Por ejemplo,en la imagen que se observa en la figura ha sido insertada mediante el tag: <IMG SRC=“GIF/logo.gif”> De esta forma,el programa buscaría la imagen contenida en el fichero logo.gib en el subdirectorio GIF ,del directorio en el que está eldocumento HTML visualizado. Una parte esencial del documento es la referencia a los hiperenlaces.El tag que se utiliza para comenzar su definición es <A HREF=>.El tag de cierre es </A>.A continuación del signo igual (=),debe incluirse la dirección del recurso al que se desea acceder.Dicho recurso puede hallarse en el mismo ordenador en el que se halla el documento o en otro cualquiera de la RED.Por ejemplo,en la figura aparecen los ejemplos: -El tag <A HREF=“grals.html”> hace referencia al documento HTML que se encuentra en el fichero grals.html,en el mismo directorio que el documento original. -El tag <A HREF=“http://www.rediris.es/”> hace referencia a la páginaWeb inicial(http) del host www.rediris.es. Otros elementos que aparecen en el ejemplo son: -El tag <P> que indica el comienzo de un párrafo. -El tag <BR> que indica un salto de línea (retorno manual). Notas finales: Como las vocales acentuadas y la ñ no son caracteres ASCII estándar,su representación debe codificarse.Por ejemplo &iacute;insertará una “y acentuada” y el código &ntilde;insertará una “ñ”. Puede obtener una guía del lenguaje HTML en la dirección URL: http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrinter. html Aunque los documentos hipertexto pueden crearse con cualquier editor de texto,existen en el mercado numerosos editores especialmente diseñados para la confección de este tipo de documentos. 4 3.-Visualización del documento HTML: En los apartedos anteriores se ha explicado que los documentos de hipertexto están escritos en lenguaje HTML.Puede visualizarse el documento HTML correspondiente al documento de hipertexto visualizado,seleccionando: View/Source 5