Por: Ferlady Rdenas Tutor: Saturno Silva Maestra en Educacin a Distancia E-learning Herramientas de Autora y Diseos Virtuales Introduccin
Empecemos por saber que significan las siglas HTML. Estas siglas representan la abreviacin de lo que llamaramos HyperText Markup Language, y es el lenguaje que todos los programas navegadores usan para presentar informacin en la World Wide Web (WWW).
Este lenguaje basa su filosofa de desarrollo en la referenciacin. Para aadir un elemento externo a la pgina (imagen, vdeo, script, entre otros.), este no se incrusta directamente en el cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento mediante texto. De este modo, la pgina web contiene slo texto mientras que recae en el navegador web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier pgina web escrita en una determinada versin, pueda ser interpretada de la misma forma (estndar) por cualquier navegador web actualizado.
Es por ello, que se considera un lenguaje sencillo que se basa en el uso de etiquetas, consistentes en un texto ASCII encerrado dentro de un par de parntesis angulares(<..>). El texto incluido dentro de los parntesis nos dar una explicacin de la utilidad de la etiqueta. As por ejemplo la etiqueta <TABLE> nos permitir definir una tabla. Estas etiquetas incluyen distintos atributos o parmetros, en su mayora opcionales, que nos permitirn definir diferentes posibilidades o caractersticas de la misma.
Manejo de las Etiquetas en HTML
Como se nombr previamente en la introduccin las etiquetas incluyen diferentes atributos que nos permitirn definir distintas posibilidades de las mismas, puesto que podemos definir la estructura lgica del documento HTML, aplicar distintos estilos al texto (negrita, cursiva, as como la inclusin de hiperenlaces, que nos permitirn acceder a otros documentos relacionados con el actual., as como, la inclusin de imgenes y ficheros multimedia (grficos, vdeo, audio). Para crear un documento HTML es necesario contar con un procesador de textos para escribir y editar el cdigo HTML. Este podr ser cualquiera que no formatee el texto, ya que el leguaje HTML est basado en el cdigo ASCCI. Si usamos un procesador como el Word, tendremos que guardar el documento como "slo texto". Tambin es necesario usar un navegador Web como el Explorer, Netscape, Mosaic, etc., el cual se encargar del interpretar el cdigo HTML de nuestro documento y mostrrnoslo en todo su esplendor. Por otra parte, debemos recordar que todos los navegadores usan unas reglas bsicas para poder mostrar una pgina web con un buen formato. La Estructura de un documento HTML se indica de la siguiente manera: <HTML> Indica el inicio del documento <HEAD> Indica el inicio de la cabecera <TITLE> Inicio del ttulo del documento </TITLE> Final del ttulo del documento </HEAD> Final de la cabecera <BODY> Inicio del cuerpo del documento Instrucciones HTML </BODY> Final del cuerpo del documento </HTML> Final del documento Es importante acotar que ninguno de estos elementos es obligatorio, pudiendo crear documentos HTML sin incluir estas etiquetas de identificacin. No obstante es altamente recomendable la construccin de pginas HTML siguiendo esta estructura, para una buena estructuracin y legibilidad del cdigo. Una vez que conocemos la estructura bsica de un documento HTML, podemos crear una pgina HTML sencilla y lo primero ser abrir el procesador de textos que hayamos elegido y copiar el Cdigo fuente. Una vez tecleado el cdigo, guardamos el documento. Por su parte el URL(Uniform Resource Locator) nos van a permitir localizar y acceder a cualquier recurso de la red desde nuestro programa navegador. A travs de los URL podremos referenciar cualquier fichero que deseemos incluir en nuestro documento HTML. Cada elemento de Internet vendr definido por su URL correspondiente, independientemente del tipo de servidor en el que se encuentre. Tambin es importante mencionar la Cabecera y cuerpo del documento HTML. En la cabecera de un documento HTML incluiremos las definiciones generales que afecten a todo el documento, como por ejemplo el ttulo de la pgina que aparecer en la parte superior de la ventana del navegador. Por otra parte, es importante mencionar que los Caracteres especiales tienen algunas limitaciones de HTML respecto al uso de caracteres especiales. Una de estas limitaciones es, por ejemplo, el uso de los caracteres < y >, que como ya sabemos indican el inicio y fin de una etiqueta HTML Como todo tiene solucin, existen unos cdigos para poder escribir estos caracteres y otros relacionados con las etiquetas. Ahora bien, es necesario mencionar las Listas, en estas se pueden representar elementos dentro de nuestros documentos de una forma muy sencilla y con una gran versatilidad. Estas listas podrn incluir cualquiera de los elementos HTML e incluso podemos definir listas anidadas, es decir, listas dentro de listas. HTML nos permite crear tres tipos distintos de listas: Listas no numeradas. Listas numeradas. Listas de definiciones. Por otra parte, vale la pena destacar los Hiperenlaces. Estos vienen a representar los enlaces de hipertexto que nos van a permitir acceder de manera directa a otros documentos HTML independientemente de su ubicacin, o a otras zonas dentro de nuestro propio documento. Existen As mismo, tenemos las Imgenes, a las cuales podremos dar un aspecto mucho ms vistoso a nuestros documentos HTML. Los formatos de imagen que todos los navegadores reconocen son: gif y jpg. Si queremos insertar una imagen en otro formato, el visor debera disponer del programa externo que permita su visualizacin. De todas formas, una buena solucin es utilizar algn programa de tratamiento de imgenes que nos convierta la imagen a uno de los formatos mencionados anteriormente. El formato gif es ms recomendado para la inclusin de iconos, grficas,.. y el formato jpg para el caso de insertar fotografas en nuestras pginas. En este sentido es necesario nombrar los Elementos del lenguaje como lo son las tablas que nos va a permitir la inclusin de cualquiera de los elementos de nuestra pgina (texto, imgenes, hiperenlaces, listas, etc.), Los Formularios . Estos elementos de HTML nos va a permitir interactuar con los visitantes de nuestras pginas web, de forma que podemos solicitarle informacin al usuario y procesarla. Otros elementos son: los Frames , que resultan tiles ya que permiten dividir la ventana del navegador en diferentes subventanas, que podrn ser manipuladas de manera independiente . Tambin, con la reproduccin de vdeo, podremos insertar cualquier tipo de fichero en nuestro documento: fichero de sonido, de video, grfico,etc. Lgicamente, el navegador deber tener la capacidad de leer el tipo de fichero especificado o ayudarse de algn otro programa externo que le permita visualizar el fichero.
Conclusin
Muchas veces hemos intentado usar un destornillador debido a que no pudimos encontrar un martillo, o un cuchillo cuando unas tijeras hubieran sido mejores, o un abrebotellas en un tapn de corcho. Lo normal, es sufrir cortes y dolores que perduran aun despus de beber la botella de vino. Superar estas duras experiencias nos dice que usemos la herramienta adecuada para el trabajo que queramos hacer, para que sea ms fcil y evitemos dolores u otros incmodos resultados. Es por ello, que para general el cdigo HTML, es necesario usar la herramienta adecuada. Hay muchas ya disponibles, y no es fcil decidir cul de ellas es la ms apropiada para las circunstancias. El ser un aficionado, novato o profesional, supone una enorme diferencia en la herramienta que se vaya a escoger y de esta manera mejorar el trabajo disminuyendo los riesgos.