Documento 88749

Anuncio
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
íinsertará una “y acentuada” y el código ñ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
Descargar