Está en la página 1de 8

Herramienta HTML

Maestra en Educacin a Distancia E-learning





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.







Referencias consultadas

http://aprenderinternet.about.com/od/Glosario/g/Que-Es-Html.htm
http://www-app.etsit.upm.es/~alvaro/manual/manual.html
http://www.aulaclic.es/html/t_1_1.htm
http://definicion.de/html/
http://www.duiops.net/curso/herramin.htm
http://www.ite.educacion.es/formacion/materiales/182/cd/uno/herramientas.html
http://www.aprenderaprogramar.com
http://en.wikipedia.org/wiki/HTML

También podría gustarte