Elaboracin de pginas web: Lenguaje HTML Arquitectura cliente/servidor -Introduccin al lenguaje HTML - Principales elementos del lenguaje html

- Creacin de documentos HTML - Cabecera del documento - Creacin de encabezados, estilos y prrafos - Creacin de enlaces y vnculos - Creacin de listas - Creacin de tablas - Aadir imgenes HTML AVANZADO: Creacin de pginas basadas en marcos o frames - Creacin de formularios y scripts CGI - Envo y gestin de informacin Arquitectura cliente/servidor Antes de comenzar a explicar la estructura de las pginas web y el lenguaje html, es importante tener claro en que consiste la arquitectura cliente/servidor en la que se basan tanto las redes locales como la propia Internet Pensar en una red clsica de pescadores es bastante grfico para comprender la estructura de la Red.En ella, se pueden diferenciar a simple vista dos elementos que se repiten: los nudos y los segmentos de malla que unen los distintos nudos. Al hablar de Internet estamos hablando tambin de una red y los elementos que componen esa red son los nodos y los enlaces. La estructura de Internet no es tan regular como una red de pescadores, si bien se pretende tener conectividad entre todos los nodos, es decir, lo ideal es tener la posibilidad de encontrar al menos dos rutas o caminos (path en ingls) entre dos nodos cualesquiera. Uno de ellos ser el nodo origen de los mensajes mientras que el otro ser el nodo destino. Los nodos no son ms que ordenadores dedicados a encaminar los paquetes hacia su destino, eligiendo el enlace ms adecuado en cada momento. Estos nodos reciben el nombre de enrutadores (ROUTERS), y seran algunos de los nudos de la parte interna/central de la red de pesca. Igualmente, nosotr@s al conectarnos utilizamos un ordenador, que si bien tambin es un nodo de la red se le denomina HOST (tu ordenador). Los enlaces son las conexiones fsicas entre nodos y estn formados por un conjunto de circuitos de datos en forma de hilos telefnicos, fibras pticas, microondas y dems soportes propios de Telecomunicaciones. La informacin, sedivide en trozos de un nmero determinado de caracteres. A cada trozo de estos, denominado paquete, se le asocia informacin de enrutamiento, y se enva por un enlace. Es decir, cuando se establece una conexin internet, tu equipo queda conectado por un enlace a la red. Existen una serie de ordenadores que estn conectados a la red con el objeto de ofrecer y proporcionar alguna clase de servicio a todo aquel que se lo pida. Estos ordenadores son tambin nodos de la red y se denominan servidores (SERVERS). Para poder acceder a los recursos que ofrece un servidor se necesita un tipo de programa especfico, denominado programa cliente, que debes ejecutar en tu ordenador y que es el encargado de mantener el dilogo con el programa servidor. Se dice que estamos en una arquitectura cliente / servidor, en la que el programa servidor corre en el ordenador que ofrece algnrecurs o (server) y el programa cliente en el ordenador de aqul que lo reclama (host). Los programas navegadores (Netscape, Explorer) son clientes que piden pginas a diversos servidores que existen en la red. Introduccin al HTML Cuando tu programa navegador (cliente) pide una pgina web al servidor, ste le enva un fichero de texto (con extensin htm o html) en lenguaje html que tu programa (netscape o explorer) se encarga de "traducir" para que puedas visualizar correctamente en el navegador la pgina web solicitada incluyendo texto, fondos, grficos, etc. El HTML (HipertTextMarkupLanguage) Lenguaje de enlaces hipertexto es un sistema que se encarga de definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El trmino HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.

Como cualquier pgina web est soportada por un fichero de texto, se pueden elaborar, editar o modificar directamente con el bloc de notas o el wordpad de Windows 95, aunque existen programas editores de pginas web a la venta como HotDog Front Page y programas gratuitos de edicin bsica como Netscape Composer, que permiten editarlas con algunas funciones automatizadas a travs de botones y mens.

Elementos del lenguaje HTML Caracteres : Cualquier cadena de caracteres imprimibles que no represente un marcado se rep resenta literalmente, aunque los espacios y tabuladores se reducen a un solo carcter cuando no estn dentro de un bloque preformateado. Marcadores, marcas o etiquetas (tags) : Los marcadores delimitan elementos de un documento como cabeceras, prraf s, etc. La mayora de los marcadores o constan de una marca inicial < ...> , que da el nombre y atributos del elemento, seguida del contenido secuencia de caracteres y una marca final</...>. Las marcas iniciales se escriben entre los smbolos "<" y ">" (menor y mayor) y las finales entre "</" y ">" (menor barra y mayor). Por ejemplo, <H1>Contenido</H1>, indica que "Contenido" es una cabecera de nivel uno. Algunos elementos slo tienen una marca inicial (por ejemplo la marca <HR> que representa una lnea horizontal) y otros, aunque disponen de ambas, se suelen expresar slo con la inicial. Nombres de etiquetas : Los nombres consisten en una letra seguida de letras, dgitos, puntos o guiones. Los ejemplos H1 y HR anteriores son ejemplos de nombres de etiquetas. La longitud de un nombre esta limitada a 72 caracteres en la definicin del HTML. Los nombres de elementos y atributos no distinguen entre maysculas y minsculas, pero los nombres de entidades (la representacin alternativa de los caracteres) s. En las marcas, el nombre del elemento debe comenzar inmediatamente despus del <. Atributos : Cuando una marca inicial admite atributos, stos se escriben a continuacin del nombre del elemento. Generalmente los atributos tienen la forma nombre, signo igual, valor del atributo aunque en algunos casos basta con el nombre del atributo. Se pueden poner espacios en blanco antes y despus del signo igual. El valor de un atributo puede ser una cadena de caracteres entre comillas (simples o dobles) que nocontenga el smbolo de fin de marca ">" o un nombre como los definidos en el apartado anterior. Por ejemplo, en <imgsrc="foto.gif">, imgsrc es el nombre de la marca que se refiere a insertar una imagen en la pgina web; y "foto.gif" es el atributo que hace referencia al fichero especfico de imagen que queremos incluir. Comentarios : Para incluir comentarios en HTML se emplea la declaracin de comentarios. Una declaracin de comentarios comienza con <!, le siguen uno o varios comentarios y termina con >. Cada comentario comienza con -- e incluye todo el texto hasta la siguiente aparicin de -- . Dentro de una declaracin de comentarios, se pueden poner espacios en blanco despus de cada uno de ellos, pero no antes del primero. Toda la declaracin del c omentario se ignora. En pginas web complejas, con abundante cdigo html, se utilizan estos comentarios para sealar partes de la pgina web que sirvan de orientacin para ubicarse dentro del documento. Por ejemplo, en <!--Aqu empieza el texto--> est sealando una parte de la pgina web en la que empieza el grueso del texto de la pgina. Esta etiqueta se visualiza dentro del cdigo html pero no tiene una traduccin hacia el formato final. Es decir, no se visualiza en el navegador cliente y slo se puede ver si utilizamos la opcin Ver/Origen de la Pgina (en Netscape) Creacin de documentos HTML Los documentos HTML son archivos de texto legibles ASCII con cdigos de composicin especiales embebidos o incorporados en el texto. Esto significa que los archivos HTML contienen letras, nmeros, signos de puntuacin, etc., ms los cdigos de composicin HTML. Insistimos, se pueden leer o modificar directamente desde el bloc de notas.

Aunque no es obligatorio, es muy til utilizar la extensin .HTM al archivar el documento HTML desde el bloc de notas. As podrs saber luego de que tipo de documento se trata. Si utilizas un procesador de texto normal debes utilizar la opcin Guardar como texto ASCII. Aspecto de documentos HTML: Lo que distingue a un archivo HTML de cualquier otro archivo de texto es la presencia de cdigos de composicin, denominados marcadores HTML. Estos cdigos se incluyen en el documento y sirve para controlar el formato y la presentacin del documento final. Los cdigos tambin sirven para crear hipervnculos con otros documentos. Los cdigos de composicin se acotan con unos caracteres especiales, que permiten diferenciarlos del texto del documento propiamente dicho. Estos smbolos son los corchetes angulares < y >. Estos cdigos no distinguen entre maysculas y minsculas aunque la mayora de los autores utilizan maysculas para distinguirlos del resto del texto. Los distintos navegadores muestran sus documentos de formas distintas: vara el color, el tipo de fuente, el tamao, etc. Por lo tanto debes pensar en tu documento como una entidad lgica y no fsica, reconociendo que el aspecto fsico puede variar de un visor a otro y de un PC a otro. Por ejemplo, si introduces tipos de letra especiales (que se salgan de los corrientes que tienen todos los PCs, en Arial, Courier, Times o Helvetica) dentro de tu pgina web, cuando alguien la "vea" en Internet, visualizar esos tipos de letra si estn instalados en su PC, si no los ver con el tipo de letra que tenga cargado por defecto en su navegador. Marcadores o etiquetas HTML obligatorios: Marcador <HTML>: todos y cada uno de los documentos HTML deben empezar y terminar con este marcador que sirve para indicar que se trata de un documento HTML. En el marcador de cierre es obligatoria la barra inclinada (/HTML). Marcadores <HEAD>: los documentos HTML se dividen en dos partes, la cabecera y el cuerpo. Los navegadores Web necesitan distinguir entre cabecera y cuerpo para poder interpretar correctamente los documentos. En general l a cabecera del documento (head) incluye la informacin general sobre el documento. Este marcador tienen su marcador de terminacin con la barra inclinada (/HEAD). Marcadores <BODY>: incluye el contenido real del documento (body o cuerpo). Este marcador tiene tambin su marcador de terminacin con la barra inclinada </BODY>. En el caso del marcador body puede ir acompaado, no obligatoriamente, del atributoBGOLOR (Background color) junto con un numero de expresin hexadecimal que determina un color de fon plano para la pagina web. Esta do funcin, como veremos ms adelante con el color de los textos est automatizada en la mayora de editores de pginas web (incluido Netscape Composer). Cabecera del documento Contiene informacin general sobre el documento HTML. Es obligatorio incluir el marcador <TITLE>, el resto de los marcadores son opcionales. Marcador <TITLE>: los navegadores muestran el ttulo de cada uno de los documentos HTML que encuentran. El ttulo que aparece se toma del contenido de este marcador. Este marcador debe aparecer con su pareja con la barra inclinada </title> y dentro de la seccin <HEAD> Marcador <META>: este campo de metainformacin sirve para proporcionar informacin sobre el documento que no pueda ser expresada en el campo anterior. La informacin se escribe usando pares nombre/valor que pueden ser empleados para dos propsitos: * Proporcionar datos al servidor de HTTP para que genere campos de cabecera (como, por ejemplo, la fecha de caducidad de un documento que se actualiza peridicamente). Se emplean atributos del tipo HTTP-EQUIV y para la segunda los del tipo NAME. En ambos casos, el valor se asigna en el campo CONTENT. <META HTTP-EQUIV ="Expires" CONTENT="Diciembre 1998"> * Para que un usuario incluya informacin adicional sobre el documento, como palabras clave o el nombre del autor. El atributo NAME se refiere a nombres elegidos al azar por el usuario, mientras que HTTP-EQUIV significa que el valor tiene una cabecera equivalente real en el protocolo HTTP. <META NAME="Autor" CONTENT="Cooperacion+Desarrollo+ONGD">

Creacin de encabezados, estilos y prrafos Creacin de encabezados : Los encabezados se emplean para dividir los documentos en secciones, o ms concretamente para marcar los ttulos de esas secciones. Los marcadores son del tipo <H#>Ttulo</H#>, donde # puede ser un numero cualquiera entre 1 (mayor tamao) y 6 (menor tamao). Es recomendable usar los niveles en orden, es decir, despus de un encabezado de nivel uno deberemos usar encabezados de nivel dos para las subsecciones y no saltar directamente al tres o al cuatro, por ejemplo. La representacin de los encabezados depende del visor, generalmente se representan en negrita y van cambiando de tamao y espacios antes y despus, de ms a menos, en funcin del nivel. Introducen normalmente un salto de lnea automtico. Etiquetas de caracteres y tipos de letra: El lenguaje HTML permite asignar formatos de tipos de letra y caracteres. Los navegadores leen estos marcadores lgicos de tipos de letra de los documentos HTML y los interpretan conforme a su capacidades. Existen multitud de marcadores para indicar que una palabra o frase tiene una connotacin especial y es obligatorio poner los marcadores de cierre al final del texto afectado. Estos son algunos de los ms utilizados LENGUAJE HTML <b>texto en negrita</b> <i>texto en cursiva o itlica </i> <u>texto subrayado</u> <b><i><u>combinando las tres anteriores</b></i></u> <tt>fuente tipo de mquina de escribir</tt> Formateo de prrafos o bloques: Cada navegador decide en funcin de las posibilidades grficas de cada orden ador las lneas de documento que va a presentar y es posible que ignore los caracteres fin de lnea introducidos. De la misma manera aunque hayas introducido lneas en blanco en tu documento fuente intentando marcar el final de prrafos, los navegadores la s ignorarn. Tienes que marcar explcitamente los prrafos. El marcador de prrafo es <P> y se coloca al principio de cada nuevo prrafo, excepto cuando ya hay algn otro salto de lnea. El marcador final es opcional </p>. Aunque no son propiamente para definir bloques, hay marcadores para representar saltos de lnea y para insertar una lnea horizontal. Ambas permiten dividir el texto, por lo que las hemos incluido aqu. Marcador <BR>: este elemento slo tiene marca inicial y se usa para que el visor termine la lnea en el punto en el que encuentre. Realiza por lo tanto un salto de lnea sin que aparezca una lnea en blanco como en el caso de los prrafos. Marcador <HR>: slo consta de una marca inicial y se emplea para presentar una lnea horizontal en el texto, ya sea usando caracteres o un grfico, dependiendo del visor. Presentacin de textos en color: En tus documentos puedes especificar el color del texto. Se utiliza una notacin basada en los colores RGB empleados por todos lo monitores de vdeo en color. Cada color se especifica utilizando tres nmeros en el rango 0 a 255. La ausencia total de color, el negro se expresa con 000 y la saturacin de los tres colores, el blanco como 255255255. Entre ambos se definen los dems colores. Para establecer en HTML color del texto debes convertir a hexadecimal cada uno de estos nmeros. NO ASUSTARSE!!!! En todos los programas de edicin de pginas web (incluido Netscape) existe una herramienta para escoger el color del texto (y el del fondo de la pgina) sin necesidad RESULTADO en navegador texto en negrita texto en cursiva o itlica texto subrayado combinando las tres anteriores fuente tipo de mquina de escribir

de estos clculos. Esta es una de las funciones que puede resultar engorrosa si se utiliza slo el bloc de notas para realizar paginas web. En cualquier caso existen publicadas en internet tablas de colores y cdigos enhttp://www.reednews.co.uk.colours.html Marcador <FONT>: establece con el atributo COLOR el color del texto que indiques. <FONT COLOR="4169E1">prueba de color azul</font> prueba de color azul Atributo TEXT: en el marcador <BODY> establece el color por defecto del texto de todo el documento. <BODY TEXT="4169E1"> Creacin de enlaces y vnculos Hipervnculos: Se llaman hipervnculos a las frases o palabras en color que tienen los documentos HTML y que al pulsar sobre ellos se salta a otro documento del servidor Web o a un servicio o documento que se encuentre en cualquier otro punto de la red, en un servidor situado en tu misma localidad o en el extremo opuesto del planeta. Marcador ancla <A>: Los hipervnculos estn basados en este marcador cuya sintaxis general es: <A ORDEN="objetivo"> Texto resaltado </A> Si sustituyes la palabra ORDEN por HREF indicars un hipervnculo (enlace externo) Por ejemplo (enlace externo: <a href="http://www.apc.org">APC</a>) Si la sustituyes por NAME apuntas hacia un lugar marcado dentro del mismo documento (enlace interno). Dependiendo de la sustitucin realizada el OBJETIVO ser uno u otro. Por ejemplo, enlace interno a una parte del propio documento con el nombre indice <a name="indice"> Indice de documentos </a> El texto subrayado o resaltado identifica la frase o palabra que aparecer en el documento HTML y que estar ligada con el hipervnculo o lugar a localizar. Vinculacin con documentos locales: El hipervnculo ms sencillo es aquel que apunta a otro documento que se encuentra en el mismo equipo y en el mismo directorio

<A HREF="pagina2.htm"> Segunda pgina Web</A> Si necesitas hacer referencia a un documento que se encuentra en un directorio distinto, slo tienes que cambiar la parte del objetivo e incluir en ella la ruta completa. Utilizando la barra inclinada precedida de dos puntos (/) puedes establecer la ruta. <A HREF="../pagina2.htm"> Segunda pgina Web</A> En este ejemplo, el documento pgina2.htm se encuentra ubicado en el directorio inmediatamente inferior donde se encuentra el documento que ests editando. Es lo que se donimina enlaces relativos Vinculacin con un punto especfico del documento (enlaces internos):

Como veamos antes, en el caso de los enlaces internos de un documento, primero hay que definir el punto objetivo de la vinculacin y a continuacin se hace referencia en las partes que queramos a dicho punto. Por ejemplo <A NAME="indice">Indice</A> ... ... ... <A HREF="pagina.htm/#indice">Indice de documentos</A>

En este ejemplo, al pulsar sobre Indice de documentos, slataremos hacia un lugar de la pgina que hemos definido con el nombre de indice a travs de la etiqueta A NAME Vinculacin de localizadores universales de recursos (enlaces externos): Son vnculos hacia documentos o servicios situados en sistemas remotos. Tendremos que utilizar el Localizador universal de recursos URL para hacer referencia al documento remoto. Los localizadores son la clave para localizar e interpretar informacin en Internet. Los URL son una forma estndar de describir tanto la localizacin de un recurso en la Red, como su contenido. El lenguaje HTML utiliza una sintaxis estndar para designar los URL: Nombredelservicio://hostdeinternet:nnumerodepuerto/recurso Nombre del servicio: servicio que se quiere realizar (http, mail, news, ftp). Nombre del host de Internet: lugar donde se encuentra el servicio. Nmero de puerto: opcional. Recurso: archivo, documento, marca, etc. URL http: acceso a pginas Web de un servidor en la World Wide Web. Por ejemplo: enlace a la pgina web de novedades de Nodo50: <a href="http://www.nodo50.org/novedades.htm">Novedades Nodo50</a> URL ftp: acceso a directorios o archivos de un servidor de ftp Por ejemplo: enlace al servidor de ftp de Nodo50: <a href="ftp://nodo50.org">FTP</a> URL news: acceso a un grupo de noticias . Por ejemplo: enlace a un grupo de noticias <a href="news://nodo50.org/reg.mexico">Grupo de noticias reg.mexico</a> URL mailto: envo de mensajes de correo Por ejemplo: enlace a una direccin de correo <a href="mailto:ayuda@nodo50.org">ayuda@nodo50.org</a> URL file: acceso a archivos locales en el PC. Por ejemplo: enlace a un archivo en el propio PC <a href="file://pruebas/pagina3.htm">pagina3</a>

Creacin de listas Listas desordenadas o con topos : Se indica cada elemento de la lista destacndolo con un punto u otro smbolo tipogrfico.

Lista desordenada: <UL TYPE="tipo"> <LI>Elemento 1</LI> <LI>Elemento 2</LI> </UL> Marcador <UL>: define comienzo y final de lista desordenada. Atributo TYPE: tipo de topo para cada elemento. DISC SQUARE HOLLOW CIRCLE Crculo Cuadrado Crculo vaco.

Marcado <LI> : define cada elemento de la lista. No es obligatorio el marcador final. Listas ordenadas o numeradas : Se indica cada elemento de la lista con un nmero de orden. Lista ordenada: <OL TYPE="tipo" START="numero"> <LI>Elemento 1</LI> <LI>Elemento 2</LI> </OL> Marcador <OL>: define comienzo y final de lista ordenada. Atributo TYPE: tipo de numeracin empleado. z1 a A i I Nmeros arbigos. Letras minsculas. Letras maysculas. Nmeros romanos en minsculas. Nmeros romanos en maysculas.

Atributo START: nmero con el cual comienza la lista. Marcado <LI> : define cada elemento de la lista. No es obligatorio el marcador final. Listas de glosario : Permiten incluir junto a cada elemento una descripcin del mismo. Lista de glosario: <DL> <DT>Trmino 1</DT> <DD>Dato 1</DD> <DD>Dato 2</DD> <DT>Trmino 2 </DT> </DL>

Marcador <DL>: define comienzo y final de lista de glosario. Marcado <DT> : define cada trmino. Marcado <DD> : define cada dato. Listas anidadas : Se pueden crear listas anidadas de cada una de las listas vistas anteriormente. Creacin de tablas Una tabla esta compuesta por filas y columnas de informacin. No solo permiten tabular la informacin sino mantener un mayor control sobre lo que se visualizar en la pantalla. La interseccin de una fila y una columna genera una celda. <TABLE BORDER=10 WIDTH="90%" ALIGN="justify"> <CAPTION>Ttulo de la tabla</CAPTION> <TH ALIGN="right">Cabeceracolumna 1</TH> <TH ALIGN="right">Cabeceracolumna 2</TH> <tr> <TD ALIGN="center">Fila 1, columna 1</TD> <TD ALIGN="center">Fila 1, columna 2</TD> <TR> <TD ALIGN="left">Fila 2, columna 1</TD> <TD ALIGN="left">Fila 2, columna 2</TD> </TR> </TABLE>

Marcador <TABLE>: indica que vamos a crear una tabla. Atributo BORDER: presenta lneas de separacin de celdas as como su ancho en pixels Atributo CAPTION: ttulo de la tabla. Atributo WIDTH: anchura de la tabla. PIXELS RELATIVE Atributo ALIGN en <TABLE>: tipo de alineacin JUSTIFY LEFT RIGHT Ajustar al ancho de la pgina. Izquierda. Derecha. Pixeles en pantalla. Porcentaje de la anchura de pgina (%)

Marcador <TH>: cabecera de la tabla. Aparecen en negrita. Marcador <TR>: indica el final de una fila. Marcador <TD>: indica un dato de la tabla, es decir una celda. Atributo ALIGN en <TH>, <TR> y <TD>: tipo de alineacin CENTER LEFT RIGHT Centro. Izquierda. Derecha.

En definitiva, el cdigo del principio de este apartado sobre creacin de tablas tendra este resultado:

Ttulo de la tabla Cabecera columna 1 Fila 1, columna 1 Fila 2, columna 1 Cabecera columna 2 Fila 1, columna 2 Fila 2, columna 2

Aadir imgenes Adicin de imgenes internas: Son las imgenes que aparecen cuando se visualiza el documento HTML. Los navegadores slo pueden visualizar dos tipos de imgenes: Imgenes en formato GIF o formato de intercambio de grficos. Imgenes en formato JPG o Joint Photographic Expert Group. El resto de imgenes (tif, bmp, etc.) se tratan como imgenes externas y slo se pueden visualizar con las aplicaciones auxiliares o los plug-ins de los navegadores Adems de que las imgenes tengan que ser de este tipo, es aconsejable que no tengan un tamao superior a 2025K para evitar que tarden mucho en cargarse y la pgina web sea lo suficientemene "gil". Para ello, es muy importante que la resolucin de estas imgenes no sea superior a 75ppp que es la resolucin de la pantalla. Es intil darles una mayor resolucin (que se aplica en la edicin en papel) porque slo van a ocuparnos mayor espacio y no por ello se van a poder ver mejor en el monitor. Marcador <IMG>: permite incluir una imagen en el documento. No necesita terminador. Atributo SRC: permite especificar el archivo que contiene la imagen. Atributo ALT: texto alternativo para cuando no se pueda visualizar la imagen. Atributo ALIGN: alineacin fsica de la imagen. MIDDLE TOP BOTTOM LEFT RIGHT Alineacin centro. Alineacin superior. Alineacin inferior. Alineacin izquierda. Alineacin derecha.

Atributos HEIGHT Y WIDTH: tamao de las imgenes en el documento (normalemene en pixeles). Atributo BORDER: permite sealar si se quiere enmarcar la imagen o no, as como el grosor de dicho marco Un ejemplo de inclusin de imgen en cdigo htmlincuyendo todos los atributos mencionados sera: <imgsrc="prueba.jpg" alt="imagen de prueba" height=20 widht="40 align=right border=0> Esta lnea de codigo indica que insertamos una imagen tipo jpg llamada prueba, de 20x40 pixeles, sin marco, alineada a la derecha y con un texto alternativo (el que aparece cuando no se quieren ver imgenes en el navegador o cuando se estn cargando). Convertir una imagen interna en un hipervnculo: Basta incluir el marcador de imagen con todos sus atributos entre los marcadores de ancla (<a href=....></a> . El resultado obtenido es poder pulsar directamente sobre la imagen para acceder al hiperv nculo.

<A HREF="http://wwwnodo50.org"><IMG SRC="logonodo50.gif"></A>

Fondos de imagen: Tambin se puede establecer que una imagen sea el fondo de un documento HTML incluyndose como atributo del marcado del cuerpo (body) del documento HTML. <BODY BACKGROUND= "fondo.jpg">

Hasta aqu, lo que podramos denominar como un curso bsico para elaborar pginas web, sin embargo, el lenguaje HTML est provisto de ms cdigos y funciones que complican un poco ms su elaboracin pero tambin la hacen ms completa. Como ampliacin a esta primera parte de creacin de html, hemos elaborado una segunda parte ms avanzada que recomendamos seguir una vez se haya asimilado esta primera parte

AVANZADO Creacin de pagnas basadas en marcos o "frames Los marcos son como los trucos de vdeo de pantalla partida que se utilizan ocasionalmente en programas de televisin para mantener la atencin de l@sespectador@s. En los marcos la ventana del visor se divide en varias secciones independientes entre ellas y por supuesto interactivas. En el caso de las pginas web, cada uno de estos marcos suelen contener una pgina web con los habituales cdigos HTML. Todos estos marcos que componen una web estn referenciados en la pgina web que los engloba. Por ejemplo, la siguiente pgina web bsica est compuesta por dos marcos en columnas que hacen a su vez referencia a dos pginas web, web1.htm y web2.htm <html> <body> <FRAMESET COLS="25%,75%/"> <FRAME SRC="web1.htm" NAME="nom"> <FRAME SRC="web2.htm"> </FRAMESET> </body> </html> Marcador <FRAMESET>: define el marco al que llama un documento HTML. Tiene marcador de terminacin. Atributo COLS y ROWS: especifica el tamao de los divisores verticales y horizontales de los marcos. Podemos especificar en pixels o en porcentajes suprimiendo las barras inclinadas y especificando tantos nmeros como divisiones de la ventana. Marcador <FRAME>: define cada uno de los marcos establecidos en referencia a una pgina web cada uno de ellos Atributo SRC: especificacin del URL que define el marco. Atributo NAME: establece el nombre del marco para posteriores referencias como la presentacin de un vnculo de un marco en otro marco con un nombre determinado: es un nombre que se da a un frame o marc y no tiene o porque ser el mismo nombre del fichero a que hace referencia dicho marco. Al establecer el vnculo se incluir el atributo TARGET, indicando el nombre de marco que debe presentar el URL seleccionado.

Creacin de formularios y scripts CGI Adems de la inclusin de hipervnculos e imgenes, una de las caractersticas ms importantes de HTML es la de pode usar formularios para que el usuario o la usuaria pueda introducir su informacin. Un formulario se compone de una plantilla para recoger un conjuto de datos, la especificacin del mtodo de enviar los datos recogidos y el URL de la accin asociada. Es importante sealar que la utilidad de los formularios est limitada al uso de las pginas junto con servidores, ya que las acciones asociadas son programas, generalmente scripts de CGI , que deben funcionar en un servidor al cual se le envan los datos para ser procesados Declaracin de formularios: MARCADOR <FORM>: establece la definicin del formulario. En su interior aparecen una secuencia de elementos de entrada (INPUT), junto con elementos de marcado de estructura del documento. <FORM ACTION="URL" METHOD="mtodo de acceso" ENCTYPE="tipo de codificacin"> <INPUT TYPE=TEXT NAME="nom" SIZE=n MAXLENGTH=n VALUE="val"> <INPUT TYPE=PASSWORD NAME="nom" SIZE=n MAXLENGTH=n VALUE="val"> <INPUT TYPE=CHECKBOX NAME="nom" VALUE="val1" CHECKED>texto 1 <INPUT TYPE=CHECKBOX NAME="nom" VALUE="val2">texto 2 <INPUT TYPE=RADIO NAME="nom""VALUE="val1" CHECKED>texto 1 <INPUT TYPE=RADIO NAME="nom" VALUE="val2">texto 2 <INPUT TYPE=IMAGE NAME="nom" SRC="mapa.gif"> <INPUT TYPE=HIDDEN NAME="clave" VALUE="val"> <INPUT TYPE=SUBMIT NAME="clave" VALUE="caption"> <INPUT TYPE=RESET NAME="clave" VALUE="caption"> <SELECT NAME="nom"> <OPTION SELECTED>texto 1 <OPTION>texto 2 </SELECT> <TEXTAREA NAME="nom" ROWS=n COLS=c> texto de varias lneas </TEXTAREA> </FORM> Atributo ACTION: especifica el URL de la accin asociada al formulario. Si no se especifica, por defecto se asume que el URL es el BASE del documento. Atributo METHOD: indica el mtodo de acceso al URL de la accin. El conjunto de mtodos aplicables es funcin del esquema del URL. Se pueden emplear los mtodos GET y POST, que se describirn ms adelante. Atributo ENCTYPE: especifica el tipo de codificacin para el transporte de los pares nombre/valor, excepto en los casos en los que el protocolo no imponga uno. Trataremos este tema en el punto referido a la codificacin de los formularios. MARCADOR <INPUT>: representa cada uno de los campos de entrada de datos. Atributo TYPE: establece el tipo de entrada y por tanto el formato de recogida de los datos que sern enviados para que el sistema los procese. TEXT PASSWORD CHECKBOX RADIO IMAGE HIDDEN SUBMIT RESET Casillas de texto en blanco. Casillas de texto para claves. Casillas de seleccin. Botones de radio. Pixel de una imagen. Campos oculto Botn de envo. Botn de reinicio.

Casillas de texto en blanco: Atributo NAME: especifica el nombre de la variable que recoger el valor del datos y que permitir su posterior gestin. Atributo SIZE: especifica la cantidad de espacio reservada para este campo. El valor por defecto depende del visor. Atributo MAXLENGTH: limita el mximo nmero de caracteres que pueden ser introducidos en el campo. Si el valor es mayor que el del atributo SIZE, el visor debe permitir el desplazamiento de la lnea. El nmero de caracteres por defecto es ilimitado. Atributo VALUE: indica el valor inicial del campo. Casillas de texto para claves: mismos atributos que las casillas de texto en blanco solo que el eco en pantalla de los caracteres tecleados son asteriscos. Casillas de seleccin: permite la seleccin no excluyente de una serie de opciones y dispone de los atributos NAME, SIZE y VALUE adems de: Atributo CHECKED: indica que el estado inicial es seleccionado. Botones de radio: permite la seleccin excluyente de una serie de opciones y dispone de los atributos NAME, SIZE, VALUE y CHECKED. Pixel de una imagen: especifica una imagen para que la muestre el visor y permite la entrada de dos campos, las coordenadas x e y de un pixel seleccionado de la misma. Los nombres de los campos son iguales al del campo, aadiendo al final .x e .y. Los atributos NAME y SRC son necesarios y el campo ALIGN es opcional. Atributo SRC: indica el archivo que contienen el mapa imagen. Atributo ALIGN: tipo de alineacin. Campos oculto: el usuario no interacta con l, es el atributo VALUE el que especifica el valor del campo. Tanto el atributo NAME como VALUE son obligatorios. Botn de envo: opcin que enviar los datos al URL servidor. Botn de reinicio: opcin que permite iniciar el formulario con los valores por defecto.

MARCADOR <SELECT>: se emplea para reducir el campo a una lista de valores, es decir incluye en el formulario una lista desplazable. Atributo NAME: especifica el nombre del campo. Atributo SIZE: determina el nmero de tems visibles. Si se indica tamao uno, se suelen presentar como mens desplegables, mientras que si el tamao es mayor se suelen presentar como lista con barra de desplazamiento. Atributo MULTIPLE: indica que se trata de una lista desplegable. MARCADOR <OPTION>: representa cada uno de los valores. Los atributos del elemento son: Atributo SELECTED: indica que esta opcin est seleccionada inicialmente. Si ninguna opcin tiene este atributo, el visor presenta la primera seleccionada. Atributo VALUE: indica el valor a retornar si se selecciona la opcin. Si no se incluye el atributo, se emplea el contenido del elemento. MARCADOR <TEXTAREA>: representa un campo de texto de mltiples lneas o rea de texto. El contenido del elemento es el valor inicial del campo. La especificacin de filas y columnas slo se refiere a la dimensin del rea visible, pero los programas cliente pueden permitir sobrepasar los lmites mediante barras de desplazamiento. Generalmente se emplea un tipo de letra de caja fija para mostrar los contenidos del campo. Atributo COLS: nmero de columnas visibles del rea de texto, en caracteres.

Atributo NAME: nombre del campo. Atributo ROWS: nmero de lneas visibles del rea de texto, en caracteres.

Envo y gestin de informacin Ahora ya sabemos cmo obtener informacin mediante formularios HTML, el concepto bsico es tomar la informacin introducida en el formulario y pasarla al servidor Web. La interfaz de pasarela comn o CGI es la forma normalizada de conseguir este objetivo. Proceso de gestin de un formulario: Un visor presenta el documento con los campos en su estado inicial. Segn el tipo de campo, el usuario puede modificar sus valores (seleccionando un campo, rellenando con texto, etc.). Cuando ha terminado, puede enviarlo empleando un botn de envo o una seleccin de pixel en una imagen. En caso de que el formulario slo tenga un campo de entrada de texto de una lnea, el visor debe aceptar una pulsacin de la tecla de ENTER en ese campo como peticin de envo del formulario. En ese momento el visor analiza las entradas en funcin del mtodo, accin y tipo de codificacin que se especifican como atributos en el marcador de formulario. Tras este anlisis lo enva al servidor Web donde se procesarn los datos. Este servidor procesa la informacin y devuelve el resultado en forma de documento HTML que el usuario puede ver. Normalmente el proceso repite la informacin que ha introducido el usuario para su verificacin antes de ser enviada realmente. Para hacer esto su script CGI no solo debe pasar la informacin al usuario para procesarla sino que debe tambin formatear la salida en HTML, incluso colocar los marcadores necesarios. El navegador recibe la informacin formateada y la visualiza de forma dinmica. . Atributo ACTION: en los formularios basados en CGI es siempre el nombre de un programa CGI situado en el servidor Web y normalmente en el directorio cgi-bin. Atributo ENCTYPE: la codificacin por defecto de todos los formularios es, segn el esquema MIME, application/xwww-form-urlencoded. Un conjunto de datos de formulario se representa del siguiente modo: Los nombres de campos y los valores son preprocesados: los espacios son reemplazados por el smbolo +, y los caracteres son sustituidos como en los URL, es decir, los caracteres no alfanumricos se representan con un signo de porcentaje y dos dgitos hexadecimales que indican el cdigo ASCII del carcter (%HH). Los saltos de lnea (empleados en campos de mltiples lneas), se representan con pares CRLF (sustituidos por %0D%0A). Los campos se listan en el orden en el que aparecen en el documento, con los nombres separados del valor por el smbolo = y los pares separados entre s por el smbolo &. Los campos con valores nulos pueden ser omitidos, en particular, los campos no seleccionados en entradas booleanas no deben aparecer en los datos, pero los campos ocultos que tengan el atributo VALUE s. Atributo METHOD: el mtodo de consulta depende de los efectos que el formulario tenga es decir, si el envo va a producir cambios en cualquier documento o programa que no sea nuestro visor Formularios de Consulta, atributo METHOD=GET : Si el proceso del formulario es idempotente (no produce cambios), el mtodo debe ser GET. Un ejemplo de este tipo de formularios son las consultas a bases de datos, que no tienen efectos laterales visibles. Para procesar un formulario cuyo URL de accin es un URL de tipo HTTP y el mtodo es GET, el visor genera un URL que comienza con el de la accin al que se le aade un interrogante (?) y el conjunto de datos codificado conel formato application/x-www-form-urlencoded visto en el punto anterior. Para acceder a la consulta el visor accede al URL de la misma manera que lo hace con los que aparecen en los anclajes. De todos modos, en algunos casos, la codificacin de los datos puede generar un URL extremadamente largo, lo que puede provocar un funcionamiento errneo con algunos servidores de HTTP antiguos. Por esta razn, algunos formularios que no tienen efectos laterales, se escriben usando el mtodo POST. Formularios con efectos Laterales, atributo METHOD=POST : Para formularios con efectos laterales (como uno que modifique una base de datos) se emplea el mtodo POST.

Para procesar un formulario cuyo URL de accin es de tipo HTTP y el mtodo es POST, el visor gestiona una transaccin de tipo POST del protocolo HTTP, usando el URL de la accin y el cuerpo de un mensaje de tipo -form-urlencoded como antes El visor de e presentar la respuesta del HTTP POST de la misma application/xforma que la respuesta obtenida con el mtodo GET. Ej plo d L l n i un fo ul io : El usuario rellena los campos y solicita el env o. Supongamos que los valores son: nombre "Alicia Pere " genero "F" numero "4" idioma "I" otros "catalan\neus era" Entonces el visor gestiona una transaccin HTTP POST usando el URL /cgi-bin/post-query. El cuerpo del mensaje ser la siguiente lnea: nombre=Alicia+Pere &genero=F&numero=4&idiomas=I&otros=catalan%0 %0Aeus era

Clase de Paginas WWW,

y el lenguaje HTML. Una de las cosas ms importantes que hay que tener en cuenta sobre HTML, es que no es un lenguaje de computacin, por lo tanto no son programas las pginas escritas en HTML. Los browsers: Netscape, Explorer, etc, son intrpretes o traductores que permiten ver lo que se est publicando, mostrando las pginas que uno est requiriendo. Esto nos permitir entender los lenguajes de programacin y su orden. Para disear entretenidas pginas web, todava no existen programas debidamente detallados y depurados que logren crear las pginas web que uno suea. Los editores actuales de HTML, como puede ser Word, o Netscape Composer, etc. no logran solucionar todos los problemas y necesidades actuales, siendo necesario poder editar las pginas que se realizan en forma manual a travs de cualquier editor de texto. Finalmente el lenguaje HTML est teniendo una importancia bastante significativa dentro del mundo de hoy, en parte por las miles de millones de pginas web existentes en el mundo y adems por todos los usuarios dentro de Internet. Esto responde a una necesidad bsica del ser humano, la necesidad de comunicacin, permitiendo las ms variadas formas, desplegando: textos, imgenes, animaciones, video y sonido. Son tantas las gamas de posibilidades de comunicacin del ser humano, que las herramientas de computacin tratan de solucionar todas ellas, creando nuevas posibilidades de interaccin entre personas. Existen varios ejemplos, pero la posibilidad de una video conferencia es algo que el ser humano slo poda soar antes de la creacin de los computadores. El lenguaje HTML tiene varias ventajas para las personas que estn introducindose dentro del mundo de la computacin, siendo ests: No hay que compilar el cdigo para ver si funciona. Compilar significa que el programa verifica que el cdigo escrito por el usuario sea parte del lenguaje de programacin ( C, Pascal, Cobolt, etc.) y luego escribe en lenguaje entendible para los computadores, programa ejecutable. Un programa ejecutable no necesita de otro programa para funcionar(C, Pascal, Cobolt, etc.), funcionado en forma independiente como es el caso del word.exe o el excel.exe los programas ejecutables del Word y del Excel conjuntamente. El cdigo que se escribe no lanza un error, el browser despliega la informacin como la interpreta, en el peor caso no muestra la informacin. Se puede ver en forma inmediata el resultado del trabajo, permitiendo el desarrollo ms en detalle y a conciencia. El lenguaje es relativamente pequeo y fcil de usar, permitiendo a los usuarios aprenderlo en un corto tiempo y comenzar a practicarlo en forma inmediata.

 

Lenguaje, HTML Detallamos a continuacin los pasos a seguir para crear una pgina web, luego de esto se pueden ir ingresando los comandos que se necesiten para agregar: textos, imgenes y sonidos. Primeramente se aconseja crear un directorio donde de van a guardar todos los archivos de la pgina web que se va a utilizar, esto se debe a que las imgenes, sonidos o videos no se guardan dentro del archivo sino en forma separada (no como en Word). En HTML las pginas Web slo contienen texto, no estn guardadas en ellas propiamente tal ningn otro tipo de archivo. Abrir un editor de texto bsico del computador (notepad), para luego guardar un archivo con el cdigo en HTML. La extensin con que se guarda el archivo tiene que ser (.html o .htm), por ejemplo tarea.htm. Se pueden dar cuenta que los archivos de Word tienen la extensin .doc y los de excel .xls, pueden ver esto en las clases de Sistema Operativos que vimos con anterioridad. Ojo el archivo de inicio de las pginas debiera ser index.htm, porque es el archivo por defecto que ve un browser en un determinado directorio (Direccin). Tener abierto un browser con el archivo que se est creando para ver los resultados inmediatamente para as ir , creando y diseando la pgina web.

A continuacin veremos varios de los cdigos del lenguaje y sus usos para que el alumno pueda ver los resultados en forma inmediata. <html> </html> Para indicarle al browser que es cdigo HTML el que viene descrito a continuacin, se limita todo el cdigo por estos dos parmetros. Dentro de ellos se escribe el cdigo de la pgina <title> </title> Entre estos dos comandos va escrito el ttulo de la pgina, este va en la parte superior de la ventana que despliega el browser. <bodybgcolor=# text=# link=# vlink=# alink=# background=""> </body> Entre estos parmetros se escribe todo el texto de la pgina, el cuerpo del documento (BODY). Con estos comandos se define el color general de: bgcolor=# color del fondo de la pgina, este color puede ser cambiado por un fondo, (background) text=# es el color del texto general de la pgina link=# color del texto con link vlink=# color del texto de link visitado alink=# color del texto de link activo background="" en este comando se puede detallar un fondo especfico para la pgina, un archivo de imagen. Los colores se definen en formato RGB, se puede ver ejemplos de los colores con sus cdigos en al siguiente pgina COLORES. Estos colores consisten de seis dgitos, o letras desde la A hasta la F. <br> Este comando sirve para insertar un salto de lnea dentro de la pgina. <p> Sirve para ingresar un salto de prrafo dentro del contenido <h!!></h!!> Especifica el tipo de ttulo con un nmero del 1 al 6 en vez de !!, especificando la importancia del ttulo. Ejemplo de Ttulo 1

<fontface="Arial, el etica" color=# ize=%% </font> Sirve para especificar las fuente del texto que va entre estos dos parmetros. face="Arial, el etica" Especi ica el tipo de let a a utili ar. color=# Especi ica el color del texto a utili ar, descrito en anterioridad Los colores se definen en formato R B, se puede ver ejemplos de los colores con sus cdi os en al si uiente pgina C LORES. Estos colores consisten de seis dgitos, o letras desde la A hasta la F. ize=%% Detalla el tamao de la letra elegido, nmero entre el -6 y el +6, en vez de %%. Ejemplo de Font Arial, Helvetica y color #000000 <b></b> El texto que va entre estos dos parmetros se encuentra en BOLD, o Negritas. E l B l <i></i> El texto que va entre estos dos comandos se encuentra en Itlicas. Ejemplo de Itlicas <u></u> El texto que va entre estos dos parmetros est subrayado. Ejemplo de Bold <imgsrc="$$" > Este comando inserta imgenes dentro de las pginas web, tiene que esta especificado el directorio en el caso que no se encuentre la imagen en el mismo directorio que la pgina. <imgsrc="$$" align=" " > Detalla el alineamiento que tendra la imagen (derecho=right, izquierdo=left y centrado=center) <a href="$$"> </a> Sirve para realizar direccionamiento a nuevas pginas webs, LINKS. Puede ser un texto o una imagen. En vez de $$, se puede colocar la direccin a donde va a apuntar, http://www.i g.puc.cl o puede ser colores.htm, tambi n puede ser reemplazada pormailto:andres@ing.puc.cl y as aparecer una ventana de mail a andres@ing.puc.cl al apretar el texto o imgenes que se encuentren dentro de estos parmetros. &ntil e; Con este comando se escriben la . &nbs ; Se utiliza para ingresar espacios dentro del texto, para ingresar ms de un espacio en la pgina.

Tabulaciones <ul></ul> Necesarios para tabular alguna seccin de la pgina, desde textos, imgenes y tablas. Ejemplo de Tabulacin <li> </li> Ayuda a ingresar vietas dentro del texto. y Ejemplo de Vieta <ol><li> </li><li> </li>...</ol>
Este comando inserta vietas con nmeros, estos son contiguos. Ejemplo de Vieta Numerada <center> </center> Centra un objeto, texto, imagen, tabla, etc. <p align="left"> izquierda</p> Deja el texto a la izquierda de la pgina <p align="right"> derecha </p> Deja el texto a la derecha de la pgina <table> <trcolspan="N"> <td rowspan="N">

</table> Comandos para definir una tabla, <tr></tr> Se utiliza para definir una fila. <td> </td>Define una columna de la tabla Ej de una tabla de de 2 por 3, dos columnas por tres filas <table border=1> <tr> <td> 1</td> <td>2</td> <td>3 </td> </tr> <tr> <td> 4</td> <td> 5</td> <td> 6 </td> </tr> </table> 1 2 3 4 5 6 Para para generar una celda de varias filas o columnas, se logra poniendo un nmero en la posicin de "N", siendo este desde 2 en adelante, el uno no tiene sentido, porque se coloca el comando <tr>.

ESTRUCTURAS BASICAS
<!-- ........ --> Para escribir comentarios, los cuales son ignorados por el Navegador. <HTML> ...</HTML> Indica que es un documento HTML, debe encerrar todo el Documento. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> Encabezado de todo documento de la version HTML 3.2. <HEAD> ...</HEAD> Encabezados del Documento. Los siguientes son los parmetros del Comando head. <title> ... </title> Indica el Titulo del Documento. Aparece en la ventana del Navegador. <Base href="http://servidor.tipo/nombre.html"> Especifica la direccin del Documento por defecto en Uso. Util cuando se hace referencia a otra pgina dentro del Documento. <Base href="http://servidor.tipo/nombre.html" Target="..."> Indica el "Frame" por defecto de la pgina actual. <Meta attributo1, attributo2> Este comando describe algunas caracteristicas del documento. Por ejemplo: <Meta http-Equiv="Refresh" Content=ss> Actualiza la pagina cada ss segundos. <Meta http-Equiv="Refresh" Content=ssurl="http://servidor.tipo/nombre.html"> Llama una pgina diferente a los ss segundos. <Meta http-Equiv="Expires" Content="Sun, 10 Sep 1998 06:23:00 GMT> Expira el documento a la fecha indicada y debe ser actualizada. <Meta http-Equiv="Keywords" Content="Clave1, Clave2,.."> Especifica palabras claves para los buscadores de la Red.

<Meta http-Equiv="Description" Content="Describa su pgina aqu .."> Especifica una descripcin general de su pgina. <BODY attributo1=".." attributo2=".."> ...</BODY> Contiene el cuerpo del Documento, o el contenido de la Pgina. ----------------------------------------------------ATRIBUTOS

ALINK="..." Especifica el color de las Direcciones activadas en la pgina. BACKGROUND="..." Especifica el papel tapiz de la pgina. un Archivo *.jpg o *.gif. BGCOLOR="..."Especifica el Color del Fondo del Documento. Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF). Amarillo = #FFFF00 Azul = #0000FF Azul Claro = #00CCFF Blanco = #FFFFFF Gris = #CC9999 Lila = #CC33FF Negro = #000000 Rojo = #FF0000 Verde = #00FF00 BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE) LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE) LINK="..." Especifica el color de las direcciones contenidas en el documento. TEXT="..." Especifica el Color del texto. TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE) VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento. <BASEFONT atributo= " "> Fija los atributos de escritura en toda la pgina. ATRIBUTOS SIZE="..." Fija el tamao de las Letras, se usa un nmero entre 1 y 7 donde el 3 es el tamao por omisin. Tambien permite tamaos relativos, e.j. SIZE=+2 . COLOR="..." Especifica el color de las Letras en todo el Documento. NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento. <Hn>...< /Hn> Especifica un encabezado de texto de varios tamaos, n indica los tamaos de 1 a 6, 1 es el ms grande y 6 es el ms pequeo. <ISINDEX> Muestra un dilogo de indice de busqueda. Con este comando solamente no se puede crear una pagina de busqueda, el Servidor debe ser configurado para soportarlo. Atributos: ACTION="..." Especifica la ubicacin del puerto del programa donde se pasar los parmetros de busqueda. PROMPT="..." Especifica un mensaje alterno para el dilogo. Formato General: <ADDRESS>.....< /ADDRESS> Encierra el archivo de firma del autor de la pgina. El texto se muestra en Italicas. <B>...< /B> Resalta en Negritas el Texto encerradot. <BIG>...< /BIG> Incrementa el tamao del Texto. <BLINK>.....< /BLINK> Hace el texto parapadeante. <BLOCKQUOTE>.....< /BLOCKQUOTE> Encierra un enfasis. El margen izquierdo y derecho estn indentados.

<BR> Inserta un final de lnea. Atributos: CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: RIGHT, LEFT, o ALL. <CENTER>.....< /CENTER> Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios, etc. <CITE>.....< /CITE> Encierra una Cita como un titulode un libro,etc. <CODE>.....< /CODE> Encierra Codigo de ejemplo. El texto se muestra en letras pequeas. <COMMENT>.....< /COMMENT> Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML. <DFN>.....< /DFN> Encierra una definicin. El texto dentro de este comando se formatea como una definicin. <DIV ALIGN=">...< /DIV> Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el documento que tiene secciones alineadas en forma diferente. Atributos: ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left". <EM>...< /EM> El texto se muestra en cursivas (Itlicas). <FONT atributo=">...< /FONT> Fija las propiedades y el tipo de letra del texto que contiene. Atributos: SIZE="..."--Fija el tamao de las letras desde valores entre 1 y 7 donde 3 es el valor por omisin. Se puede especificar valores relativos, ejemplo. SIZE=+3 . COLOR="..."--Especifica el color de las letras. FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc. <HR atributo1="..." atributo2="..."> Inserta una lea horizontal. Atributos: SIZE="..."--Especifica el grosor de la lnea. COLOR="..."--Especifica el color de la lnea.(IE) WIDTH="..."--Especifica la longitud de la lnea como porcentaje de la pgina, ejemplo. WIDTH=70% . ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER. NOSHADE--Muestra la lnea como slido. <I>...< /I> Presenta el texto encerrado como Itlicas. <KBD>...< /KBD> Especifica el texto a ser entrado por teclado. El texto se muestra en negritas y de tamao fijo. <LISTING>.....< /LISTING> Muestra texto en tamao fijo. Obsoleto -- se usa el comando PRE. <MULTICOL>.....< /MULTICOL> Muestra un texto en columnas. Atributos: COLS="..."--Especifica el numero de columnas. GUTTER="..."--Especifica el numero de pixels entre columnas. WIDTH="..."-- Especifica el ancho de las columnas. <NOBR>.....< /NOBR> El texto que lo contiene no se trunca en la pantalla.

<P atributo>...< /P> Diseado para encerrar texto de un parrafo. El cierre es opcional. Atributos: ALIGN="..."--Especifica el alineamiento del parrafo. Por ejemplo:"center", "left", o "right". <PLAINTEXT>.....< /PLAINTEXT> Muestra el texto sin formato aun cuando contenga comandos de HTML. Obsoleto -- Se usa el comando PRE. <PRE>.....< /PRE> Muestra texto sin formato, sin eliminar espacios y saltos. <S>.....< /S> Muestra el texto con una lnea por el centro (tachado). Es diferente al comando <STRIKE>. <SAMP>...< /SAMP> Indica un ejemplo de salida para un formulario o programa. El texto se muestra en tamao pequeo. <SMALL>...< /SMALL> Muestra el texto en tamao pequeo. <SPACER atributo>...< /SPACER> (Netscape) Inserta bloques de espacios en la pgina. Atributos: ALIGN="..."--Cuando el tipo es de Bloque (BLOCK) especifica el alineamiento del texto alrededor. Valores: RIGHT o LEFT--Alinea el bloque de espacios en el lado especificado, y el texto se trunca alrededor del bloque. TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineaminto vertical del bloque con cualquier elemento el la misma lnea. HEIGHT="..."--Cuando el tipo es BLOCK, especifica la altura del bloque. SIZE="..."--Cuando el tipo es HORIZONTAL, o VERTICAL, especifica el tamao del espacio. TYPE="..."--Especifica el tipo de espacio. Valores: HORIZONTAL--Inserta espacios en blanco entre palabras. VERTICAL--Inserta espacios entre dos lneas. BLOCK--Inserta un bloque de espoacios rectangular, muchos usan el comando IMG. WIDTH="..."--Cuando el tipo es BLOCK, especifica el ancho del bloque. <STRONG>...< /STRONG> Muestra el texto en negritas, resaltado. <SUB>...< /SUB> Muestra el texto encerrado como un subindice. <SUP>...< /SUP> Muestra el texto encerrado como superindice. <TT>...< /TT> Muestra el texto en formato teletipo. <U>...< /U> Muestra el texto subrayado. No use este comando puede confundir con una direccin o Link. <VAR>...< /VAR> Especifica una variable. Eltexto se muestra en letras pequeas y de tamao fijo. <WBR> Hace que el texto que contiene, se trunque si es necesario. <XMP>...< /XMP> Hace que el texto encerrado se muestre sin procesar los coamdos HTML que contenga. Obsoleto -- Se usa el comando PRE.

Multimedia:

<IMG atributo1 atributo2> Coloca una imagen el en documento. Atributos: SRC="..." Especifica la ubicacin de la Imagen. DYNSRC="..." Especifica la ubicacin de un video o un mundo VRML. Se puede soportar una imagen usando el SRC de primero para aquellos Browser que no soportan Videos. (IE) CONTROLS Activa una serie de controles de Video. (IE) LOOP="n" Para videos, especifica en nmero de repeticin del video. Un valor de "-1" o "INFINITE" repite el video indefinidamente. (IE) START="..." Especifica el momento inicial de reproduccin del video. Se puede usar "FILEOPEN" por omisin, "MOUSEOVER", o ambos. (IE) USEMAP="#map1" Dice al Browser que use la imagen como una interface de seleccin definida con el nombre de "map1". ISMAP Dice al Browser que la imagen es un mapa de Seleccin. ALT="..." Especifica un texto que se muestra en los Browser que no soportan imagenes. BORDER="..." Especifica el ancho del borde alrededor de la imagen. Si BORDER es "0", No presenta bordes en la imagen. LOWSRC="..."--Especifica la Direecin de la imagen que se cargar primero antes de que la imagen sea cargada. LOWSRC usualmente se refiere a una imagen pequea. ALIGN="..."--especifica el alineamiento de la imagen. Valores:

RIGHT o LEFT--Alinea a un lado especifico de la pgina, y todo el texto se justifica al lado de la imagen. TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineamiento vertical de la imagen. VSPACE="..."--Especifica el espacio entre el borde de la imagen y los items encima o debajo de ella. HSPACE="..."--Especifica el espacio entre el borde de la imagen y los items a la derecha e izquierda. WIDTH="..."--Especifica el ancho de la imagen. Si el tamao no coincide con el original se ajusta. HEIGHT="..."--Igual al anterior pero con la altura. <MAP atributo>...< /MAP> Especifica los puntos de seleccin de una imagen. El comando AREA se usa para definir las coordenadas. Atributos: NAME="..."--Especifica el nombre del mapa para ser usado despus.

<AREA atributo1 atributo2>...< /AREA> Especifica la silueta y el tamao del area de seleccin elel mapa que se muestra. Se usa dentro del comando MAP. Atributos: SHAPE="..."--Especifica la Silueta del area de seleccin. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o POLYGON. COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares definen un poligono, y un par de coordenadas y un radio define un Circulo. HREF="..."--Especifica la direccin donde apunta el area del mapa. NOHREF--Indica que esta silueta no apunta a una direccin. TARGET="..."--Especifica la ventana donde se mostrar la pgina. El target puede ser el nombre de un Frame o alguno de los siguientes valores: "_blank"--Muestra la direccin en un pgina en blanco. "_parent"--Muestra la direccin en la pagina que lo invoc. "_self"--Muestra la direccin en la misma ventana. (poromision) "_top"--Muestra la direccin en la ventana actual usnado todo el espacio. <MAP atributo>...< /MAP> Especifica los puntos de seleccin de una imagen. El comando AREA se usa para definir las coordenadas. Atributos: NAME="..."--Especifica el nombre del mapa para ser usado despus.

<AREA atributo1 atributo2>...< /AREA> Especifica la silueta y el tamao del area de seleccin elel mapa que se muestra. Se usa dentro del comando MAP.

Atributos: SHAPE="..."--Especifica la Silueta del area de seleccin. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o POLYGON. COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares definen un poligono, y un par de coordenadas y un radio define un Circulo. HREF="..."--Especifica la direccin donde apunta el area del mapa. NOHREF--Indica que esta silueta no apunta a una direccin. TARGET="..."--Especifica la ventana donde se mostrar la pgina. El target puede ser el nombre de un Frame o alguno de los siguientes valores: "_blank"--Muestra la direccin en un pgina en blanco. "_parent"--Muestra la direccin en la pagina que lo invoc. "_self"--Muestra la direccin en la misma ventana. (poromision) "_top"--Muestra la direccin en la ventana actual usnado todo el espacio. <BGSOUND atributo1 atributo2> (IE) Reproduce un archivo de sonidos en el fondo cuando la pgina es cargada. Este archivo de sonido puede ser de tipo (.wavor .au) o midi (.mid). Atributos: SRC="..."-- indica el archivo de musica. LOOP="n"-- Indica el numero de veces que se repite. Un valor de "-1" o "INFINITE" indica una reproduccin sin interrupcin. <MARQUEE atributo1 atributo2>...< /MARQUEE> (IE) Fija un texto que se desplaza por la pantalla. Atributos: ALIGN="..."-- Especifica el alineaminto del texto. Loa valores posibles son "TOP", "MIDDLE", o "BOTTOM". BEHAVIOR="..."--Indica la forma de presentacin "SCROLL" (omisin), "SLIDE", o "ALTERNATE". "SLIDE" hace que el texto se desplaze afuera y adentro , "ALTERNATE" muestra el texto adelante y atras repetidamente. BGCOLOR="..."-- Fija el color de fondo. DIRECTION="..."--Indica la Direccin "LEFT" (omisin) o "RIGHT". HEIGHT="..."-- Fija la altura del texto en Pixels o %. HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del texto. LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o "INFINITE" repite indefinidamente. SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cada display. SCROLLDELAY="n"--Indica el tiempo de espera para mostrar cada texto. VSPACE="n"-- Fija el margen superior e inferior del texto. WIDTH="..."-- Fija el ancho del Marquee en pixels o %. <APPLET atributo1 atributo2> parametros1 parametros2 ...< /APPLET> Inserta un applet de Java en el documento. Cualquier texto dentro del comando APPLET se mostrar en los browser que no soportan JAVA. Atributos: ALIGN="..."-- Fija el alineamiento del applet, los parametros son "LEFT", "RIGHT", "TOP", "MIDDLE", o "BOTTOM". ALT="..."--Muestra un mensaje cuando el brwoser no puede ejecutar el applet. CODE="..."--Especifica el nombre del applet. CODEBASE="..."--Especifica la direccin de inicio del applet. El directorio donde se encuentra el applet. DOWNLOAD=n--Especifica el orden de descarga de la imagenes. HIGHT="..."--Especifica la altura del applet en pixels o %. HSPACE="n"--Especifica los margenes en espacios fuera del applet en pixels. NAME="..."-- Indica el nombre de un applet (rutina), si hay masapplets en una misma pgina. VSPACE="n"--Especifica el margen superio e inferior del applet. WIDTH="..."--Fija el ancho del applet en pixel o en %. Parametros: Estos son los parametros especificaos de cada applet, que son pasasdos como argumentos. Se expresan como comandos as <PARAM NAME="..." VALUE="..." > <EMBED atributo1 atributo2>< /EMBED> Inserta un objeto multimedia, como un corto de video o sonido, en la pgina. En los browser modernos se mantiene por compatibilidad. Atributos: AUTOSTART="..."--Especifica si iniciar la ejecucin o No."TRUE" o "FALSE".

HIGHT="..."-- Especifica el tama en pixels o %. LOOP="..."-- Fija el numero de repeticiones. Los valores son "TRUE" o "FALSE". NAME="..."-- Indica el nombre del Objeto, en caso de haber otros en la pgina. SRC="..."-- Indica la ubicacin del archivo. WIDTH="..."--Especifica el ancho donde se mostrar el objeto. <SCRIPT atributo> ...sentencias script ... < /SCRIPT> Encierra el codigo de programacin que se ejecuta en la pagina. Para matener compatibilidad los comandos estn marcados como cometarios, (<!-- comandos script... --> ) Atributos: LANGUAGE="..."--Especifica el elnguaje usado en el script, como "VBScript" Visual Basic Script o "JavaScript" Java Script. b> SRC="..."-- Indica la ubicacin del archivo que contiene un script. Se usa si ud. no quiere tener el codigo de programacin en la pgina. <NOSCRIPT> ...< /NOSCRIPT> Muestra todo lo que quiera diferente a codigo de programacin. Este comando va dentro del comando SCRIPT. Direcciones (Links): <A atributo="...">...< /A> Cuando se usa con el atributo HREF, el texto o la grafica apunta a otro documento o funcin. Cuando se usa el atributo NAME, el texto o la grafica identifica el nombre del documento. Atributos: HREF="..."--Especifica la URL (ubicacin) al documento sealado. NAME="..."--Especifica el nombre del encadenamiento. onClick="-- Especifica un codigo script cunado se hace click con el mouse. onMouseOver="--Activa un codigo script cuando el mouse est sobre el link. REL="..."-- Especifica una relacin Directa. REV="..."--Especifica una relacin Inversa. TARGET="..."--Especifica la ventana donde se mostrar la pgina. El contenido puede ser el nombre de un Frame pre-definido o alguno como sigue: Valores:

"_blank"--Carga la pgina en una ventana en blanco. "_parent"--Craga la pgina en la ventana del documento que lo llam. "_self"--Carga la pgina en la misma ventana. (Omisin) "_top"--Carga la pgina en toda la ventana, sin importar el frame.

TITLE="..."--Especifica una leyenda que aparece cuando se ubica sobre el link, pero que aun no se ha seleccionado. Listas (Lists: ): <LI atributo> Este comando enumera los parrafos como una lista de palabras usando los siguientes sub-comandos: <DIR>,<MENU>, <OL>, o <UL>. Atributos: TYPE="..." --Especifica el tipo de indicador de la lista. Los valores mas comunes son: DISC, CIRCLE, SQUARE, A, a, I, i, 1. VALUE="..."--Especifica el valor asignado a un item. <DIR>...< /DIR> Convierte el texto encerrado por <LI>, en una lista de directorio. <MENU>...< /MENU> Convierte el texto encerrado por <LI>, en una lista de menus. <OL atributo>...< /OL> Convierte al texto encerrado por <LI>, en una lista numerada. Atributos: TYPE="..."--Especifica el tipo de numeracion para el indicador. Un tipo de indicador sera: A, a, I, i, 1. START="..."--Especifica el valor inicial de la numeracin. <UL atributo>...< /UL>

Convierte el texto encerrado por <LI>, en una lista indicada. Atributos: TYPE="..."--Especifica el tipo de indicador para la lista. Los valores comunes son: DISC, CIRCLE, SQUARE. <DL>...< /DL> Crea una lista definida. Donde, <DT> especifica un termino de la lista y <DD> especifica el contenido del termino. Particiones de Ventanas (Frames): <FRAMESET atributo1="..." atributo2="...">...< /FRAMESET> Define una serie de ventanas que forman una pgina. Los comandos FRAME, y NOFRAMES van dentro de FRAMESET. El comando FRAMESET se usa como el comando BODY. Se puede incluir un comando BODY dentro del comando NOFRAMES para aquellos browser que no soportan frames. Atributos: BORDER="..."--Indica el ancho (en pixels) del borde alrededor del frame.(Netscape) COLS="..."--Crea el frame como columnas y fija el tamao de cada columna. El ancho se puede expresar en %, pixels, o en tamao relativo (*). Por ejemplo, Si usted queire 3 frames de igual tamao en forma de columna use el atributo COL as: COLS=33%,33%,* FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisin).(IE) FRAMESPACING="..."--Especifica la separacin en pixels entre frames. ROWS="..."--Al igual que COLS especifica frames en forma de filas. Por ejemplo, si desea un pequeo frame arriba de la pgina y uno grande debajo el atributo ROWS sera: ROWS=15%,* SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". <FRAME atributo1="..." atributo2="..."> Define un frame simple. Atributos: BORDER="..."--Especifica el ancho en pixels del borde alrededor del frame.(Netscape) FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisin).(IE) MARGINHEIGHT="..."--Especifica los margenes superior e inferior. MARGINWIDTH="..."--Especifica el margen izquierdo y derecho. NAME="..."--Asigna un nombre al frame. NORESIZE--Impide que el usuario cambie el tamao. SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". SRC="..."--Indica el archivo que contiene el frame. <IFRAME atributo1="..." atributo2="...">< /IFRAME> (IE) Define un frame eventual. No necesita el comando FRAMESET. Atributos: ALIGN="..."--Especifica la posicion del texto alrededor del frame. Los valores posibles son TOP, MIDDLE, BOTTOM, LEFT, y RIGHT. FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisin).(IE) HEIGHT="..."--Especifica la altura del frame eventual. MARGINHEIGHT="..."--Especifica los margenes superior e inferior. MARGINWIDTH="..."--Especifica el margen izquierdo y derecho. NAME="..."--Asigna un nombre al frame. NORESIZE--Impide que el usuario cambie el tamao. SCROLLING="..."--Indica si los frames llevan barra de desplazamiento. Los valores mas comunes son "yes", "no", y "auto". SRC="..."--Indica el archivo que contiene el frame. WIDTH="..."--Especifica el ancho del frame eventual. <NOFRAMES>...< /NOFRAMES> Se utiliza dentro de FRAMESET, cualquier objeto dentro de este comando se ve solo en browsers que no soportan frames.

TABLAS

<TABLE atributo1="..." atributo2="...">...< /TABLE> Crea tablas compuesta por filas y columnas. Atributos: BORDER="..."--Especifica el ancho del borde alrededor de la tabla. Si se fija en 0, no presenta bordes. BACKGROUND="..."--Usa una imagen para el fondo de la tabla.(IE) BGCOLOR="..."--Fija el color de fondo de la tabla. BORDERCOLOR="..."--Fija el color del borde. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) WIDTH="..."--Especifica el ancho de la tabla en la pgina. CELLSPACING="..."--Especifica los espacios entre las celdas. CELLPADDING="..."--Especifica los espacios entre la celda y el texto. FRAME="..."--Especifica el borde que se debe mostrar.(IE) Tipos Posibles: VOID--No muestra los bordes exteriores. ABOVE--Muestra el borde encima de la tabla. BELOW--Muestra el borde debajo de la tabla. HSIDES--Muestra los bordes superio e inferior de la tabla. LHS--Muestra el borde de la izquierda. RHS--Muestra el borde de la derecha. VSIDES--Muestra el borde derecho e izquierdo. BOX--Muestra todos los bordes de la tabla. BORDER--Muestra un borde en todos los lados de la tabla. HEIGHT="..."--Especifica la altura de la tabla en la pgina. RULES="..."--Especifica los bordes internos.(IE) Tipos Posibles:

NONE--No muestra los bordes internos. GROUPS--Muestra los bordes como si fueran varias tablas y grupos THEAD, TFOOT, TBODY, y COLGROUP. ROWS--Muestra los bordes entre filas. COLS--Muestra los bordes entre columnas. ALL--Muestra todos los bordes tanto filas como columnas. <CAPTION atributo1="...">...< /CAPTION> Especifica una titulo para la tabla. Atributos: ALIGN="..."--Fija la posicin del titulo. los valores usados son:LEFT, RIGHT, BOTTOM, o TOP. <TR atributo1="..." atributo2="...">...< /TR> Especifica los datos en filas de una tabla. Puede encerrar el encabezado y los datos. Atributos: ALIGN="..."--Indica el alineamiento de los datos en la fila. Por ejemplo; LEFT, RIGHT, y CENTER. BGCOLOR="..."--Fija un color de fondo para una fila. BORDERCOLOR="..."--Fija el color del borde de la fila. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. HEIGHT="..."--Especifica el alto de la celda. <TH atributo1="..." atributo2="...">...< /TH> Convierte una celda en encabezado de la tabla. Atributos: ALIGN="..."--Indica el alineamiento de los datos en la fila. Por ejemplo; LEFT, RIGHT, y CENTER. BGCOLOR="..."--Fija un color de fondo para una fila. BORDERCOLOR="..."--Fija el color del borde de la fila. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. HEIGHT="..."--Especifica el alto de la celda. NOWRAP--Previene el truncamineto del texto en la celda. ROWSPAN="..."--Especifica el numero de filas a unir. COLSPAN="..."--Especifica el numero de Columnas a unir. WIDTH="..."--Especifica el ancho de la celda.

<TD atributo1="..." atributo2="..."> Se usa dentro del comando TR y define los datos en una celda. Se puede usar el cierre del comando. Atributos: BACKGROUND="..."--Usa una imagen para el fondo de la celda.(IE) BGCOLOR="..."--Fija el color de fondo de la celda. BORDERCOLOR="..."--Fija el color del borde. BORDERCOLORLIGHT="..."--Fija el color claro del borde para el efecto 3D.(IE) BORDERCOLORDARK="..."--Fija el color obscuro del borde para el efecto 3D.(IE) WIDTH="..."--Especifica el ancho de la tabla en la pgina. HEIGHT="..."--Especifica el alto de la celda. NOWRAP--Previene el truncamineto del texto en la celda. ROWSPAN="..."--Especifica el numero de filas a unir. COLSPAN="..."--Especifica el numero de Columnas a unir. WIDTH="..."--Especifica el ancho de la celda. VALIGN="..."--Fija el alineaminto vertical de los datos en la fila. Los valores son; TOP, MIDDLE, BOTTOM, y BASELINE. ALIGN="..."--Especifica el alineamiento horizontal de la celda. Los parametros son; LEFT, RIGHT, and CENTER. <COLGROUP atributo1="..." atributo2="...">(IE) Especifica las propiedades de una o mas columnas. Este comando va despues del comando TABLE. Atributos: ALIGN="..."--Especifica la posicin del texto dentro de la columna. Los parmetros son; CENTER, LEFT, RIGHT, BOTTOM, o TOP. SPAN="..."--Indica las colunas donde se aplica. <COL atributo1="..." atributo2="...">(IE) Se usa con el comando COLGROUP, y especifica la propiedad de una columna. Este comando omite cualquier atributo del comando COLGROUP anterior a el. Atributos: ALIGN="..."--Especifica la posicin del texto dentro de la columna. Los parmetros son; CENTER, LEFT, RIGHT, BOTTOM, o TOP. SPAN="..."--Indica las colunas donde se aplica. <TBODY>...< /TBODY>(IE) Encierra el cuerpo de la tabla. Este comando es opcional si se usan los comandos THEAD o TFOOT. Util para separar las filas de la tabla de el encabezado y el pie de tabla. <TFOOT>...< /TFOOT>(IE) Encierra las filas que van a ser usadas como pie de tabla. Se usa despues del comando TBODY. <THEAD>...< /THEAD>(IE) Encierra las filas que sern usadas como encabezado. Se usa antes del comando TBODY. Formularios (Forms): <FORM atributo1="..." atributo2="...">.....< /FORM> Especifica un formulario (Form). Estos se usan para enviar informacin a un servidor. Atributos: ACTION="..."--Especifica la direccin de la accin de salida del Form. Usualmente es la direccin de un archivo CGI. Tambin se puede especificauna direccin de correo. METHOD="..."--Indica el metodo usado para enviar la informacin. Los valores posibles son: POST o GET. Cuando se usa GET, el servido adjunta los argumentos al final de la direccin fijada en ACTION. Cuando se usa POST, La informacin es enviada como un formato HTTP. TARGET="..."--Especifica la ventana donde se mostrar la informacin. El target puede ser un frame previamente definido o uno de los valores siguientes: Valores: "_blank"--Muestra el resultado en un pgina en blanco. "_parent"--Muestra el resultado en la pagina que lo invoc. "_self"--Muestra el resultado en la misma ventana. (por omisin) "_top"--Muestra el resultado en la ventana actual usando todo el espacio. ENCTYPE="..."--En browser futuros. Especifica el tipo de codificacin. <INPUT atributo1="..." atributo2="..."> Especifica un control o un area de entrada del formulario, con el cual la informacin se enviar al servidor.

Atributos: ALIGN="..."--Si el tipo es una imagen, especifica el alineamiento del texto alrrededor de la imagen. Por ejemplo: TOP, MIDDLE, BOTTOM, LEFT, o RIGHT. CHECKED--Usar este atributo en una caja de tipo RADIO o CHECKBOX, y ser preselecionado cuando se cargue el formulario. MAXLENGTH="..."--Especifica el mximo nmero de caracteres en la caja de entrada. NAME="..."--Especifica el nombre del contro o la caja de entrada. (Parte de la informacin) SIZE="..."--Especifica el tamao del texto que se muestra en la caja de entrada. SRC="..."--si es una imagen, especifica la ubicacin de la imagen. VALUE="..."--Especifica el valor que se enviar con el nombre correspondiente de la informacin. Especifica el texto por omisin (TEXT). Para RESET y SUBMIT, especifica el texto que se mostrar en el boton tipo 3D. TYPE="..."--Especifica el tipo de control. Valores: CHECKBOX--Crea una caja de chequeo (checkbox). Si el usuario la selecciona, Se enva la informacin correspondiente al servidor. HIDDEN--No se muestra nada, pero la informacin es enviada de todas maneras. PASSWORD--Crea una linea de entrada tipo texto, la informacin aparece representada por * (No se permite visualizar). RADIO--Crea una lista de Botones de seleccin (radio) de los caules solo uno se puede selccionar. Las alternativas pueden tener el mismo nombre, pero pueden tener valores diferentes. RESET--Crea un boton 3D que borra el contenido del formulario. Se puede asignar un nombre diferente a RESET con el atributo VALUE. SUBMIT--Crea un botn 3D que enva el formulario. IMAGE--Al igual que el tipo SUBMIT, puede enviar un formulario inmediatamente cuando el usuario seleccione la imagen. Junto con la informacin normal, cuando se enva seleccionando la imagen, las coordenadas del punto de seleccin (en pixels desde el punto superior izquierdo) se envan tambien. La coordenada X se enva como ".x" junto a la coordenada Y ".y" al lado del nombre. TEXT--Crea una caja de entrada. Se puede especificar el tamao con el atributo SIZE. <SELECT atributo1="..." atributo2="...">< /SELECT> Crea una lisat desplegable (drop-down). Los elementos de la lista se definen con OPTION dentro del comando SELECT. Atributos: MULTIPLE--Especifica que se pueden seleccionar multiples valores. NAME="..."--Especifica el nombre de la lista. SIZE="..."--Especifica cuantos elementos sern visibles. <OPTION value="...">item Especifica un elemento (Item) en la lista. Cualquier texto puede ser colocado dentro de este parametro. VALUE="..."--Especifica el valor que se retornar. (Parte de la informacin). SELECTED--Seala al item o elemento pre-seleccionado cuando se cargue la lista. <TEXTAREA atributo1="..." atributo2="...">...< /TEXTAREA> Crea una caja de netrada de varias lneas. Cualquier texto dentro de este comando se muestra como el valor por omisin. Atributos: COLS="..."--Especifica la longitud del texto. ROWS="..."--Especifica el numero de lneas. NAME="..."--Especifica un nombre a la caja de entrada. WRAP="..."--Especifica si el texto se truncar. Los valores posibles son "HARD", "SOFT", o "NONE".