1

Qu es un HTML? El HTML no es ms que una aplicacin SGML (Standard Generalized Markup Language), un sistema para 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. A medida que nos afianzamos en el manejo de internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas paginas, luego nos damos cuenta que existen buscadores los cual lo hace mas interesante y por ultimo nos damos cuenta que en Internet no solamente se puede se puede ver la informacin sino que tambin se puede publicar. y qu otra manera ms fcil y ms sencilla? Si Internet tiene acceso a todos los rincones del mundo. Para que varias personas se comuniquen es necesario que stas hablen un mismo idioma. El lenguaje que utilizan las computadoras que estn conectadas a Internet es HTML. A travs de esta monografa explicaremos que es HTML, sus orgenes y el proceso de creacin de una pgina web. Definicin de un HTML. El HTML no es ms que el lenguaje en el que se escriben las pginas web, o mas concretamente es el lenguaje con el cual se crean la mayora de las pginas web. Los diseadores utilizan el lenguaje HTML para crear sus pginas web, y nuestros servidores muestran el contenido de las pginas web luego de haber ledo su contenido HTML. Eguluz dice: El lenguaje HTML es un estndar reconocido en todo el mundo y cuyas normas define un organismo sin nimo de lucro llamado World Wide Web Consortium, ms conocido como W3C. Como se trata de un estndar reconocido por todas las empresas relacionadas el mundo del Internet, una misma pgina HTML se visualiza de forma muy similar en cualquier navegador de cualquier sistema operativo. (p. 5). Desde su creacin el HTML es definido por muchas entidades y tambin por el mismo W3C, como un lenguaje universal utilizado exclusivamente para crear documentos electrnicos de cualquier tipo. Orgenes del HTML. El origen del HTML (HiperText Markup Language) se remonta a 1980, cuando el fsico Tim BernersLee, trabajador del CERN (Organizacin Europea para la Investigacin Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. La primera descripcin para HTML disponible pblicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. Describe 22 elementos comprendiendo el diseo inicial y relativamente simple de HTML. Trece de estos elementos todava existen en HTML 4. La primera propuesta oficial para convertir HTML en un estndar se realizo en 1993 por parte del organismo IETF (Internet Engineering Task Foce). Aunque se consiguieron avances significativos (en esta poca se definieron las etiquetas para imgenes, tablas y formularios) ninguna de las dos propuestas de estndar, llamadas HTML y HTML+ consiguieron convertirse en estndar oficial. El organismo IETF organiza un grupo se trabajo de HTML en1995 y consigue publicar, el 22 de septiembre de ese mismo ao, el estndar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estndar oficial de HTML. A partir de 1996, los estndares de HTML los publica otro organismo de estandarizacin llamado W3C (World Wide Web Cosortium). El 14 de Enero de 1997 se public la versin HTML 3.2 y es la primera recomendacin de HTML publicada por W3C. Esta versin incorpora los ltimos avances de la pginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imgenes. El HTML 4.0 fue publicado el 24 de Abril de 1998 (siendo una versin corregida de la publicacin original del 18 de Diciembre de 1997) y supuso un gran salto desde las versiones anteriores. Entre sus novedades ms destacadas se encuentran la posibilidad de incluir pequeos programas o scrips en las pginas web, las hojas de estilo CSS, mejora la accesibilidad de las pginas diseadas, tablas complejas y mejoras en los formularios. El HTML 4.01 (la ltima especificacin oficial de HTML) se public el 24 de Diciembre de 1999. Se trata de una revisin y actualizacin de la versin HTML 4.0, pero lo que incluye novedades significativas. Desde la publicacin de HTML 4.01, se detuvo la actividad de estandarizacin de HTML y el W3C se centro en el desarrollo del estndar XHTML. Por este motivo, las empresas Apple, Mozila y Opera mostraron en el ao 2004 su

preocupacin por la falta de inters del W3C en HTML y decidieron organizarse e una nueva asociacin llamada WHATWG (Web Hipertext Application Technology Working Group). En la actualidad la actividad del WHATWG se centra en el futuro estndar HTML 5, cuyo primer borrador oficial se publico en 22 de Enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y la publicacin de los borradores de HTML 5.0, en Marzo del 2007 el W3C decidi retomar la actividad estandarizadora de HTML. Paralelamente a su actividad con HTML, W3C ha continuado con la estandarizacin de XHTML, que es una versin avanzada de HTML y basada en XML. La primera versin de XHTML se denomina XHTML 1.0 y fue publicada el 26 de Enero de 2000 (y posteriormente se revis el 1 de Agosto del 2002). XHTML1.0 e una adaptacin de HTML 4.01 al lenguaje XML, as que mantiene todas sus etiquetas y caractersticas, pero aade algunas restricciones y elementos propios de XML. La versin XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. Tambin ha sido el borrador de XHTML 2.0, que supondr un cambio muy importante respecto a las anteriores versiones de XHTML.

Caractersticas Bsicas
Estructura fundamental de un fichero HTML.

Etiquetas. El proceso de indicar las diferentes partes que componen la informacin se denomina marcar (markup en ingls). Cada una de las palabras que se emplean para marcar el inicio y el final de una seccin se denominan etiquetas. Aunque existen alguna excepciones, en general las etiquetas se indican por pares y se forman de la siguiente manera:

Eguluz dice: HTML es un lenguaje de etiquetas (tambin llamado lenguaje de marcado) y las pginas web habituales estn formadas por cientos o miles de pares de etiquetas. De hecho, las letras "ML" de la sigla HTML significan "markup language", que es como se denominan en ingls a los lenguajes de marcado. Adems de HTML, existen muchos otros lenguajes de etiquetas como XML, SGML, DocBook y MathML. (p. 10). Una de las ventajas de estas etiquetas es que son muy sencillos de leer y escribir tanto por las personas y por los sistemas electrnicos, pero la principal desventaja es que estas etiquetas pueden

aumentar mucho el tamao del documento, es por eso que se usan etiquetas con nombres muy cortos. Por ejemplo, podemos mostrar la palabra "Hola!" en cursiva de la siguiente forma:

Atributos. HTML define 91 etiquetas que los diseadores puede utilizar para marcar los diferentes componentes de una pgina web. A pesar de que se trata de un nmero de etiquetas muy grande, no es suficiente para crear pginas web complejas.

Como no es viable crear una etiqueta por cada enlace diferente, la solucin consiste en personalizar las etiquetas HTML mediante cierta informacin adicional llamada atributos.

El primer enlace del ejemplo anterior no est completamente definido, ya que no apunta a ninguna direccin.

No todos los atributos se pueden utilizar en todas las etiquetas. Por ello, cada etiqueta define su propia lista de atributos disponibles. Adems, cada atributo tambin indica el tipo de valor que se le puede asignar. Si el valor de un atributo no es vlido, el navegador ignora ese atributo. Pero algunos de estos atributos son comunes a muchos o casi todas las etiquetas, estos se dividen en cuatro grupos segn su funcionalidad: a) Atributos bsicos: se pueden utilizar prcticamente en todas las etiquetas HTML.
Atributo id = "texto" Descripcin Establece un identificador nico a cada elemento dentro de una pgina HTML

class = "texto" Establece la clase CSS que se aplica a los estilos del elemento Style = "texto" Establece de forma directa los estilos CSS de un elemento title = "texto" Establece el ttulo a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratn por encima del elemento)

La mayora de pginas web actuales utilizan los atributos id y class de forma masiva. Sin embargo, estos atributos slo son realmente tiles cuando se trabaja con CSS y con Javascript. b) Atributos para internacionalizacin: los utilizan las pginas que muestran sus contenidos en varios idiomas o aquellas que quieren indicar de forma expltica el idioma de sus contenidos:
Atributo lang = "cdigo de idioma" xml:lang = "idioma" dir Descripcin Indica el idioma del elemento mediante un cdigo predefinido Indica el idioma del elemento mediante un cdigo predefinido Indica la direccin del texto (til para los idiomas que escriben de derecha a izquierda)

En las pginas XHTML, el atributo xml:lang tiene ms prioridad que lang y es obligatorio incluirlo siempre que se incluye el atributo lang. Como la palabra internacionalizacin es muy larga, se suele sustituir por la abreviatura i18n (el nmero 18 se refiere al nmero de letras que existen entre la letra i y la letra n de la palabra internacionalizacin). c) Atributos de eventos: slo se utilizan en las pginas web dinmicas creadas con JavaScript.
Atributo Descripcin Atributo Descripcin onclick, ondblclick, onmousedown, onmouseup, Permiten controlar los eventos onmouseover, onmousemove, onmouseout, onkeypress, producidos sobre cada elemento onkeydown, onkeyup de la pgina

Cada vez que un usuario mueve le ratn o pulsa cualquier botn del ratn, se produce un evento en el navegador. Utilizando JavaScript y los atributos anteriores, es posible responder de forma adecuada a cada evento. d) Atributos para los elementos que pueden obtener el foco: Eguluz dice: Cuando el usuario selecciona un elemento de la interfaz de una aplicacin, se dice que "el elemento tiene el foco del programa". Si por ejemplo un usuario pincha con su ratn sobre un cuadro de texto y comienza a escribir, ese cuadro de texto tiene el foco del programa, llamado "focus" en ingls. Si el usuario selecciona despus otro elemento, el elemento original pierde el foco y el nuevo elemento es el que tiene el foco del programa. (p. 16). Los elementos de las pginas web tambin pueden obtener el foco de la aplicacin y HTML define algunos atributos especficos para controlar cmo se seleccionan estos elementos.

Atributo accesskey = "letra" tabindex = "numero" Onfocus, onblur

Descripcin Establece una tecla de acceso rpido a un elemento HTML Establece la posicin del elemento en el orden de tabulacin de la pgina. Su valor debe estar comprendido entre 0 y 32.767 Controlan los eventos JavaScript que se ejecutan cuando el elemento obtiene o pierde el foco

Cuando se pulsa repetidamente la tecla del tabulador sobre una pgina web, el navegador selecciona de forma alternativa todos los elementos de la pgina que se pueden seleccionar (principalmente los enlaces y los elementos de formulario). El atributo tabindex permite alterar el orden en el que se seleccionan los elementos, por lo que es muy til cuando se quiere controlar de forma precisa cmo se seleccionan los campos de un formulario complejo. Por su parte, el atributo accesskey permite establecer una tecla para acceder de forma rpida a cualquier elemento. Aunque la tecla de acceso rpido se establece mediante HTML, la combinacin de teclas necesarias para activar ese acceso rpido depende del navegador. En el navegador Internet Explorer se pulsa la tecla Alt + la tecla definida; en el navegador Firefox se pulsa Alt + Shift + la tecla definida; en el navegador Opera se pulsa Shift + Esc + la tecla definida; en el navegador Safari se pulsa Ctrl + la tecla definida. En el resto de la documentacin, se emplearn las palabras "bsicos", "i18n", "eventos" y "foco" respectivamente para referirse a cada uno de los grupos de atributos comunes definidos anteriormente. Sintaxis de las etiquetas. El leguaje HTML original era muy permisivo en su sintaxis, por lo que era posible escribir sus etiquetas y atributos de muchas maneras diferentes. La flexibilidad de HTML puede parecer un aspecto positivo, pero el resultado final pginas con un cdigo HTML desordenado, difcil de mantener y muy poco profesional. Pero XHTML, ha logrado introducir ciertas normas para el mejor orden y mayor comprensin en el cdigo. A continuacin se muestran las cinco restricciones bsicas que introduce XHTML respecto a HTML en la sintaxis de sus etiquetas:

La mayora de etiquetas HTML encierran un contenido de texto entre la etiqueta de apertura y la etiqueta de cierre. Sin embargo, algunas etiquetas especiales llamadas "etiquetas vacas" no necesitan encerrar ningn texto.

Ejemplo correcto en XHTML:

Contenidos de Documento HTML

Textos
La mayor parte del contenido de las pginas HTML habituales est formado por texto, llegando a ser ms del 90% del cdigo de la pgina. Por este motivo es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto. Y para esto los prrafos son muy importantes, por este motivo una de las etiquetas mas usadas en HTML es, que permite definir los prrafos que conforman un texto de una pgina.

Secciones. Es habitual que las pginas se dividan en diferentes secciones jerrquicas.

Marcado de textos. Una vez estructurado el texto en prrafos y secciones, el siguiente paso es el marcado de los elementos que componen el texto. Los textos habituales estn formados por elementos como palabras en negrita o cursiva, anotaciones y correcciones, citas a otros documentos externos, etc. HTML proporciona varias etiquetas para marcar cada uno de los diferentes tipos de texto.

Entre las etiquetas ms usadas en el marcado de textos tenemos:

Ejemplo:

Ejemplo:

10

11

Espacios en blanco y nuevas lneas. El aspecto ms sorprendente del lenguaje HTML cuando se desarrollan los primeros documentos es el tratamiento especial de los "espacios en blanco" del texto. HTML considera espacio en blanco a los espacios en blanco, los tabuladores, los retornos de carro y el carcter de nueva lnea (ENTER o Intro). Con el siguiente ejemplo entenderemos con ms caridad:

Como podemos observar en la imagen los dos prrafos son idnticos, a pesar de que el segundo contiene vario espacios en blanco. Esto de debe a que HTML ignora los espacios en blanco sobrantes, es decir, todos los espacios en blanco que no son espacios en banco que separan las palabras. No obstante, HTML proporciona varias alternativas para poder incluir tantos espacios en blanco y tantas nuevas lneas como sean necesarias dentro del contenido textual de las pginas.

12

Nuevas lneas.

Espacios en blanco. La solucin al problema de los espacios en blanco no es tan sencilla como el de las nuevas lneas. Para incluir espacios en blanco adicionales, se debe sustituir cada nuevo espacio en blanco por el texto (es importante incluir el smbolo (&) al principio y el smbolo (;) al final). Y tomando en cuenta el ejemplo anterior, le adicionamos los espacios en blanco:

13

Pero ha excepcin de estas dos ltimas etiquetas que vimos, tambin podemos utilizar la etiqueta la cual nos muestra el texto tal y como se ha escrito. Ejemplo:

14

15

Color en el texto. Para que lo que escribamos en HTML sea de un color especfico que deseemos tenemos que especificar el color deseado, ya sea especificando el color en ingles o poner de manera hexadecimal. Y la etiqueta para poner color a las letras es: A continuacin tenemos algunos de lo colores ms usuales:

Pero para ponerle fondo a la pgina que realizamos se debe escribir:

Colocar mal los colores de fondo en nuestras pginas puede provocar problemas. Qu ocurra con los links o enlaces si colocramos un fondo de color azul?. Puesto que los links son azules cuando todava no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo. Se puede imaginar todava un caso peor si decidiramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la informacin que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:

16

Listas
Listas desordenadas. Las listas no ordenadas son las ms sencillas y tambin las que ms se utilizan.

Listas ordenadas. Las listas ordenadas son casi idnticas a las listas no ordenadas, salvo que en este caso los elementos relacionados se muestran siguiendo un orden determinado. Cuando se crea por ejemplo una lista con las instrucciones de un producto, es importante el orden en el que se realiza cada paso. Cuando se muestra un ndice o tabla de contenidos en un libro, es importante el orden de cada elemento del ndice.

17

Listas de definicin. Las listas de definicin apenas se utilizan en la mayora de pginas HTML. Su funcionamiento es similar al de un diccionario, ya que cada elemento de la lista est formado por trminos y definiciones.

18

19

Tablas
Tablas bsicas.

20

Siendo esta una tabla muy sencilla, en los siguientes ejemplos veremos tablas de mayor complejidad. Ejemplos tales como fusin de columnas:

21

En el ejemplo anterior, para fusionar filas se utilizo la etiqueta: Utilizando los atributos rowspan y colspan, es posible disear tablas complejas como las que se muestran en los siguientes ejemplos.

22

23

Tablas complejas. Algunas tablas complejas estn formadas por ms elementos que filas y celdas de datos. As, es comn que las tablas ms avanzadas dispongan de una seccin de cabecera, una seccin de pie y varias secciones de datos. Adems, tambin es posible agrupar varias columnas de forma lgica para poder aplicar estilos similares a un determinado grupo de columnas. Un ejemplo clsico de tablas avanzadas es el de las tablas utilizadas en contabilidad, como por ejemplo la tabla que muestra el balance de una empresa:

24

La siguiente imagen muestra una tabla avanzada con cabecera, pie y una seccin de datos:

25

26

Y el cdigo HTML necesario para el ejemplo es:

27

28

El cdigo HTML necesario para el ejemplo anterior es:

29

Enlaces
Los enlaces se utilizan para ara establecer relacione entre dos recursos. Aunque la mayora de enlaces relacionan pgina web, tambin es posible enlazar otros recursos como imgenes, documentos y archivos. Pero como ya e menciono la mayora de enlaces se hacen en relacin a otras pginas web. Definicin de URL. Eguluz dice: Antes de empezar a crear enlaces, es necesario comprender y dominar el concepto de URL. El acrnimo URL (del ingls Uniform Resource Locator) hace referencia al identificador nico de cada recurso disponible en Internet. Las URL son esenciales para crear los enlaces, pero tambin se utilizan en otros elementos HTML como las imgenes y los formularios. (p.48). La URL de un recurso tiene dos objetivos principales: Identificar de forma nica a ese recurso. Permitir localizar de forma eficiente a ese recurso. En primer lugar, las URL permiten que cada pgina HTML publicada en Internet tenga un nombre nico que permita diferenciarla de las dems. De esta forma es posible crear enlaces que apunten de forma inequvoca a una determinada pgina.

30

Si se accede a la pgina principal de Youtube, la direccin que muestra el navegador es: http://www.youtube.com El segundo objetivo de las URL es el de permitir la localizacin eficiente de cada recurso de Internet. Para ello es necesario comprender las diferentes partes que forman las URL. http://www.librosweb.es/xhtml/capitulo4.html Las partes que componen la URL anterior son: Protocolo (http://): el mecanismo que debe utilizar el navegador para acceder a ese recurso. Servidor (www.librosweb.es): simplificando mucho su explicacin, se trata del ordenador en el que se encuentra guardada la pgina que se quiere acceder. Ruta (/xhtml/capitulo4.html): camino que se debe seguir, una vez que se ha llegado al servidor, para localizar el recurso especfico que se quiere acceder. La mayora de URL son tan sencillas como la URL mostrada anteriormente. No obstante, existen URL complejas formadas por ms partes. http://www.alistapart.com/comments/webstandards2008?page=5#42 Las cinco partes que forman la URL anterior son:

Como las URL utilizan los caracteres :, =, & y / para separar sus partes, estos caracteres estn reservados y no se pueden utilizar libremente. Adems, algunos caracteres no estn reservados pero pueden ser problemticos si se utilizan en la propia URL. Enlaces internos. Son los enlaces que apuntan a un lugar diferente dentro de la misma pgina. Este tipo de enlaces son esencialmente utilizados en pginas donde el acceso a los contenidos puede verse dificultado debido al gran tamao de la misma. Mediante estos enlaces podemos ofrecer al visitante la posibilidad de acceder rpidamente al principio o final de la pgina o bien a diferentes prrafos o secciones. Para crear un enlace de este tipo es necesario, aparte del enlace de origen propiamente dicho, un segundo enlace que ser colocado en el destino. Veamos ms claramente como funcionan estos enlaces con un ejemplo sencillo: Supongamos que queremos crear un enlace que apunte al final de la pgina. Lo primero ser colocar nuestro enlace origen. Lo pondremos aqu mismo y lo escribiremos del siguiente modo: Como podemos ver, el contenido del enlace es el texto "Ir abajo" y el destino, abajo, es un punto de la misma pgina que todava no hemos definido. Ojo al smbolo #; es l quien especifica al navegador que el enlace apunta a una seccin en particular. En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre abajo para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma pgina. En este caso, la etiqueta que escribiremos ser sta: A decir verdad, estos enlaces, aunque tiles, no son los ms extendidos de cuantos hay. La tendencia general es la de crear pginas (archivos) independientes con tamaos ms reducidos enlazados entre ellos por enlaces locales (los veremos enseguida). De esta forma evitamos el exceso de tiempo de carga de un archivo y la introduccin de exceso de informacin que pueda desviar la atencin del usuario.

31

Una aplicacin corriente de estos enlaces consiste en poner un pequeo ndice al principio de nuestro documento donde introducimos enlaces origen a las diferentes secciones. Paralelamente, al final de cada seccin introducimos un enlace que apunta al ndice de manera que podamos guiar al navegante en la bsqueda de la informacin til para l. Enlaces locales. Enlaces HTML con otras pginas del mismo sitio web. Como hemos dicho, un sitio web esta constituido de pginas interconexas. En el capitulo anterior hemos visto como enlazar distintas secciones dentro de una misma pgina. Nos queda pues estudiar la manera de relacionar los distintos documentos HTML que componen nuestro sitio web. Para crear este tipo de enlaces, hemos de crear una etiqueta de la siguiente forma: Por regla general, para una mejor organizacin, los sitios suelen estar ordenados por directorios. Estos directorios suelen contener diferentes secciones de la pgina, imgenes, sonidos...Es por ello que en muchos casos no nos valdr con especificar el nombre del archivo, sino que tendremos que especificar adems el directorio en el que nuestro archivo.html esta alojado. Para aquellos que no saben como mostrar un camino de un archivo, aqu van una serie de indicaciones que os ayudaran a comprender la forma de expresarlos. No resulta difcil en absoluto y con un poco de prctica lo lograremos prcticamente sin pensar. Hay que situarse mentalmente en el directorio en el que se encuentra la pgina con el enlace. Si la pgina destino esta en un directorio incluido dentro del directorio en el que nos encontramos, hemos de marcar el camino enumerando cada uno de los directorios por los que pasamos hasta llegar al archivo y separndolos por el smbolo barra "/". Al final obviamente, escribimos el archivo. Si la pgina destino se encuentra en un directorio que incluye el de la pgina con el enlace, hemos de escribir dos puntos y una barra "../" tantas veces como niveles subamos en la arborescencia hasta dar con el directorio donde esta emplazado el archivo destino. Si la pgina se encuentra en otro directorio no incluido ni incluyente del archivo origen, tendremos que subir como en la regla 3 por medio de ".." hasta encontrar un directorio que englobe el directorio que contiene a la pgina destino. A continuacin haremos como en la regla 2. Escribiremos todos los directorios por los que pasamos hasta llegar al archivo. Enlaces externos, de correo y hacia archivos. Vemos tres tipos de enlaces. Los dirigidos a otras pginas de otros webs, a direcciones de correo y a ficheros externos. Para acabar con los enlaces vamos a ver los ltimos 3 tipos de enlaces que habamos sealado. Enlaces remotos Son los enlaces que se dirigen hacia pginas que se encuentran fuera de nuestro sitio web, es decir, cualquier otro documento que no forma parte de nuestro sitio.

a) Enlaces a direcciones de correo. Los enlaces a direcciones de correo son aquellos que al pincharlos nos abre un nuevo mensaje de correo electrnico dirigido a una direccin de mail determinada. Estos enlaces son muy habituales

32

en las pginas web y resultan la manera ms rpida de ofrecer al visitante una va para el contacto con el propietario de la pgina. Para colocar un enlace dirigido hacia una direccin de correo colocamos mailto: en el atributo href del enlace, seguido de la direccin de correo a la que se debe dirigir el enlace.

Nota: El visitante de la pgina necesitar tener configurada una cuenta de correo electrnico en su sistema para enviar los mensajes. Lgicamente, si no tiene servicio de correo en el ordenador no se podrn enviar los mensajes y este sistema de contacto con el visitante no funcionar. b) Enlaces con archivos Este no es un tipo de enlace propiamente dicho, pero lo sealamos aqu porque son un tipo de enlaces muy habitual y que presenta alguna complicacin para el usuario novato. El mecanismo es el mismo que hemos conocido en los enlaces locales y los enlaces remotos, con la nica particularidad de que en vez de estar dirigidos hacia una pgina web est dirigido hacia un archivo de otro tipo.

Si pinchamos un enlace de este tipo nuestro navegador descargar el fichero, haciendo la pregunta tpica de "Qu queremos hacer con el archivo. Abrirlo o guardarlo en disco". Consejo: No colocar en Internet archivos ejecutables directamente sino archivos comprimidos. Por dos razones: El archivo ocupar menos, con lo que ser ms rpida su transferencia. Al preguntar al usuario lo que desea hacer con el fichero le ofrece la opcin de abrirlo y guardarlo en disco. Nosotros generalmente desearemos que el usuario lo guarde en disco y no lo ejecute hasta que lo tenga en su disco duro. Si se decido a abrirlo en vez de guardarlo simplemente lo pondr en marcha y cuando lo pare no se quedar guardado en su sistema. Si los archivos estn comprimidos obligaremos al usuario a descomprimirlos en su disco duro antes de ponerlos en marcha, con lo que nos aseguramos que el usuario lo guarde en su ordenador antes de ejecutarlo. Si queremos enlazar hacia otro tipo de archivo como un PDF o un mundo VRML (Realidad virtual para Internet) lo seguimos haciendo de la misma manera. El navegador, si reconoce el tipo de archivo, es el responsable de abrirlo utilizando el conector adecuado para ello. As, si por ejemplo enlazamos con un PDF pondr el programa Acrobat Reader en funcionamiento para mostrar los contenidos. Si enlazamos con un mundo VRML pondr en marcha el plug-in que el usuario tenga instalado para ver los mundos virtuales (Cosmo Player por ejemplo). Este sera un ejemplo de enlace a un documento PDF.

33

Formularios
Definicin de los formularios. Hemos visto anteriormente que podamos, mediante los enlaces, contactar directamente con un correo electrnico. Sin embargo, esta opcin puede resultar en algunos casos poco verstiles si lo que deseamos es que el navegante nos enve una informacin bien precisa. Es por ello que el HTML propone otra solucin mucho ms amplia: Los formularios. Los formularios son esas famosas cajas de texto y botones que podemos encontrar en muchas pginas web. Son muy utilizados para realizar bsquedas o bien para introducir datos personales por ejemplo en sitios de comercio electrnico. Los datos que el usuario introduce en estos campos son enviados al correo electrnico del administrador del formulario o bien a un programa que se encarga de procesarlo automticamente. Usando HTML podemos nicamente enviar el formulario a un correo electrnico. Si queremos procesar el formulario mediante un programa la cosa puede resultar un poco ms compleja ya que tendremos que emplear otros lenguajes ms sofisticados. En este caso, la solucin ms sencilla es utilizar los programas prediseados que nos proponen un gran nmero de servidores de alojamiento y que nos permiten almacenar y procesar los datos en forma de archivos u otros formatos. Si nuestras pginas estn alojadas en un servidor que no nos propone este tipo de ventajas, siempre podemos recurrir a servidores de terceros que ofrecen este u otro tipo de servicios gratuitos para webs. Los aos transcurridos desde la publicacin de los estndares de HTML y XHTML ha provocado que no estn disponibles todos los elementos utilizados por los formularios ms avanzados y modernos. No obstante, HTML/XHTML incluye los suficientes elementos de formulario para crear desde los formularios sencillos que utilizan los buscadores hasta los formularios complejos de las aplicaciones ms avanzadas. Formularios bsicos.

Y este cdigo muestra lo siguiente en un navegador cualquiera, un claro ejemplo de un formulario simple.

34

La mayora de formularios utilizan slo los atributos action y method. El atributo action indica la URL de la aplicacin del servidor que se encarga de procesar los datos introducidos por los usuarios. Esta aplicacin tambin se encarga de generar la respuesta que muestra el navegador. El atributo method establece la forma en la que se envan los datos del formulario al servidor. Este atributo hace referencia al mtodo HTTP, por lo que no es algo propio de HTML. Los dos valores que se utilizan en los formularios son GET y POST. De esta forma, casi todos los formularios incluyen el atributo method="get" o el atributo method="post". Elementos de los formularios. Los elementos de formulario como botones y cuadros de texto tambin se denominan "campos de formulario" y "controles de formulario".

35

A continuacin se muestran ejemplos para utilizar los controles que se pueden crear con la etiqueta

Cuadro te texto. Se trata del elemento ms utilizado en los formularios. En el caso ms sencillo se muestra un cuadro vacio en el cual el usuario puede escribir cualquier texto.

Y el cdigo necesario para este cuadro es: En este cdigo solo mostraremos solo lo que nos interesa que es la parte del formulario.

Para los cuadros de texto, su valor es text. El atributo name es el ms importante en los campos del formulario. De hecho, si un campo no incluye el atributo name, sus datos no se envan al servidor. El valor que se indica en el atributo name es el nombre que utiliza la aplicacin del servidor para obtener el valor de este campo de formulario.

36

El atributo value se emplea para establecer el valor inicial del cuadro de texto. Si se crea un formulario para insertar datos, los cuadros de texto deberan estar vacos. Por lo tanto, o no se aade el atributo value o se incluye con un valor vaco value="". Si por el contrario se crea un formulario para modificar datos, lo lgico es que se muestren inicialmente los datos guardados en el sistema. En este caso, el atributo value incluir el valor que se desea mostrar:

Por ltimo, el atributo readonly permite que el usuario pueda ver los contenidos del cuadro de texto pero no pueda modificarlos y el atributo disabled deshabilita un cuadro de texto de forma que el usuario no pueda modificarlo y adems, el navegador no enva sus datos al servidor. Cuadro de contrasea La nica diferencia entre este control y el cuadro de texto normal es que el texto que el usuario escribe en un cuadro de contrasea no se ve en la pantalla. En su lugar, los navegadores ocultan el texto utilizando asteriscos o crculos, por lo que es ideal para escribir contraseas y otros datos sensibles.

Y el cdigo necesario seria:

Checkbox Los checkbox o "casillas de verificacin" son controles de formulario que permiten al usuario seleccionar y deseleccionar opciones individualmente. Aunque en ocasiones se muestran varios checkbox juntos, cada uno de ellos es completamente independiente del resto. Por este motivo, se utilizan cuando el usuario puede activar y desactivar varias opciones relacionadas pero no excluyentes.

Y para este ejemplo el cdigo es:

El valor del atributo type para estos controles de formulario es checkbox. Como se muestra en el ejemplo anterior, el texto que se encuentra al lado de cada checkbox no se puede establecer mediante ningn atributo, por lo que es necesario aadirlo manualmente fuera del control del formulario.

37

El valor del atributo value, junto con el valor del atributo name, es la informacin que llega alservidor cuando el usuario enva el formulario. Si se quiere mostrar un checkbox seleccionado por defecto, se utiliza el atributo checked. Si el valor del atributo es checked, el checkbox se muestra seleccionado. En cualquier otro caso, el checkbox permanece sin seleccionar. Aunque resulta redundante que el nombre y el valor del atributo sean idnticos, es obligatorio indicarlo de esta forma porque los atributos en XHTML no pueden tener valores vacos:

Radiobutton Los controles de tipo radiobutton son similares a los controles de tipo checkbox, solo con la diferencia de que este en este tipo de control solo se puede elegir una sola opcin de varias, as cuando seleccionas una opcin la otra de deselecciona automticamente.

El cdigo necesario para el ejemplo es:

El valor del atributo type para estos controles de formulario es radio. El atributo name se emplea para indicar los radiobutton que estn relacionados. Por lo tanto, cuando varios radiobutton tienen el mismo valor en su atributo name, el navegador sabe que estn relacionados y puede deseleccionar una opcin del grupo de radiobutton cuando se seleccione otra opcin. 7.3.5. Botn de envo de formulario La mayora de los formularios cuentan con un botn para enva los datos introducidos por e usuario:

El valor del atributo type para este control de formulario es submit. El navegador se encarga de enviar automticamente los datos cuando el usuario pincha sobre este tipo de botn. El valor del atributo value es el texto que muestra el botn. Si no se establece el atributo value, el navegador muestra el texto predefinido Enviar consulta. 7.3.6. Botn de reseteo del formulario El uso de este es muy reducido actualmente, ya que al seleccionar este botn todos los datos ingresados por el usuario en el formulario se resetean y vuelve a su estado inicial.

El cdigo necesario para el ejemplo es:

El valor del atributo type para este control de formulario es reset. Cuando el usuario pulsa este botn, el navegador borra toda la informacin introducida y muestra el formulario en su estado original. Si el formulario no contena originalmente ningn valor, el botn de reset lo vuelve a mostrar

38

vaco. si el formulario contena informacin, el botn reset vuelve a mostrar la misma informacin original. Ficheros adjuntos. Los formularios tambin permiten adjuntar archivos para subirlos al servidor. Aunque desde el punto de vista de HTML y del navegador no existe ninguna limitacin sobre el nmero, tipo o tamao total de los archivos que se pueden adjuntar, todos los servidores aaden restricciones por motivos de seguridad.

El cdigo necesario para el ejemplo es: Fichero adjunto El valor del atributo type para este control de formulario es file. El navegador se encarga de mostrar un cuadro de texto donde aparece el nombre del archivo seleccionado y un botn que permite navegar por los directorios y archivos del ordenador del usuario.

Campos ocultos Los campos ocultos se emplean para aadir informacin oculta en el formulario:

El cdigo necesario para el ejemplo es:

El valor del atributo type para este control de formulario es hidden. Los campos ocultos no se muestran por pantalla, de forma que el usuario desconoce que el formulario los incluye. Normalmente los campos ocultos se utilizan para incluir informacin que necesita el servidor pero que no es necesario o no es posible que la establezca el usuario. Botn

39

El valor del atributo type para este control de formulario es button. Si pruebas a pulsar un botn de este tipo, vers que el navegador no hace nada: no enva los datos al servidor y no borra los datos introducidos. Este tipo de botones slo son tiles si se utilizan junto con el lenguaje de programacin JavaScript. Si la pgina incluye cdigo JavaScript, los botones de este tipo se pueden programar para que realicen cualquier tarea compleja cuando se pulsa sobre ellos.

Otras Etiquetas Importantes

Comentarios. Al igual que la mayora de lenguajes de marcado, HTML perite incluir comentarios dentro de su cdigo para aadir informacin que no se debe mostrar en pantalla. Normalmente, los diseadores y programadores incluyen comentarios para marcar el comienzo y el final de las secciones de las pginas, para incluir avisos y notas para otros diseadores o para incluir explicaciones sobre la forma en la que se ha creado el cdigo HTML. La sintaxis de los comentarios es la siguiente:

Y asi es como sale la informacin en pantalla, como podemos ver los comentarios no se ven en pantalla.

Los comentarios de HTML pueden ocupar tantas lneas como sea necesario. Sin embargo, los comentarios no se pueden anidar, es decir, no se puede incluir un comentario dentro de otro comentario.

40

JavaScript.

Sin embargo, algunos navegadores no disponen de soporte completo de JavaScript, otros navegadores permiten bloquearlo parcialmente e incluso algunos usuarios bloquean completamente el uso de JavaScript porque creen que as navegan de forma ms segura. En el siguiente ejemplo tenemos las diferencias entre tener el JavaScript activado y deshabilitado. Imagen de www.netvibes.com con JavaScript activado

Imagen de www.netvibes.com con JavaScript deshabilitado

41

CSS. Algunos de los atributos ms utilizados en la creacin de pginas web son id, class y style. Los tres atributos estn muy relacionados con CSS, sobre todo class y style. El atributo id se emplea para asignar un identificador nico a cada elemento de la pgina, lo que es til tanto para aplicar estilos CSS a ese elemento como para programar aplicaciones con JavaScript. Por otra parte, el atributo class se emplea para definir la clase CSS que se aplica a un elemento. La clase CSS es el nombre de un conjunto de estilos que se definen en la hoja de estilos y que se quieren aplicar a un elemento:

El prrafo del ejemplo anterior se muestra por pantalla con el aspecto definido por el conjunto de estilos llamado resumen y que se define en la hoja de estilos CSS enlazada por la pgina web. El atributo style se emplea para definir estilos CSS directamente sobre los elementos HTML, tal y como se muestra en el siguiente ejemplo:

42

Iframes. Aunque su uso no es muy comn, la etiqueta puede ser muy til en determinadas ocasiones, ya que permite insertar un documento HTML dentro de otro documento HTML. Un iframe puede considerarse como un agujero que se abre en una pgina web y a travs del cual se muestra otra pgina web. En ocasiones se utiliza para mostrar contenidos externos al sitio web como si fueran parte del mismo sitio. Otra veces se emplea para incluir una aplicacin comn a varios sitios web de una misma empresa. La pgina principal de Google Analytics emplea un para incluir en un pequeo recuadro la pgina correspondiente a la validacin de usuario.

43

El siguiente ejemplo define la altura y anchura del iframe, indica la URL que se debe mostrar y mediante el atributo scrolling se indica que el iframe no debe mostrar barras de scroll ni siquiera en el caso de que el contenido mostrado no quepa en el iframe definido:

Otras etiquetas.

El siguiente ejemplo sencillo muestra directamente el nombre, direccin y telfono de contacto de una empresa:

44

45

El cdigo necesario para el ejemplo anterior es:

Accesibilidad
El principal objetivo de la accesibilidad web es el de permitir a cualquier usuario, independientemente del tipo de discapacidad que sufra, el acceso a los contenidos del sitio y permitirle la navegacin necesaria para realizar las acciones deseadas. Los sitios web accesibles no solamente facilitan el acceso de sus contenidos a los usuarios discapacitados, sino que tambin permiten ofrecer la misma funcionalidad con dispositivos muy limitados (dispositivos sin pantalla o con pantallas minsculas, dispositivos sin teclado ni ratn, etc.). Las cuatro principales ventajas de disear un sitio web completamente accesible son las siguientes: Los sitios accesibles separan completamente diseo y contenido. Un sitio accesible puede ser accedido por multitud de dispositivos diferentes sin necesidad de reescribir el cdigo HTML. Los sitios accesibles son los nicos con una audiencia potencial global, ya que permiten el acceso a todos los usuarios y a todos los dispositivos. Generalmente, los sitios accesibles son ms fciles de utilizar tambin para los usuarios sin discapacidades. La creacin de sitios accesibles puede realizarse siguiendo las recomendaciones establecidas por el W3C y que se recogen en el documento WCAG (Web Content Accessibility Guidelines) Las recomendaciones del WCAG 1.0 estn formadas por 65 requisitos que un sitio web debe cumplir para considerarse accesible. Los requerimientos se agrupan en prioridades. Los requisitos de prioridad 1 son de obligado cumplimiento, los de prioridad 2 son recomendables y los de prioridad 3 son deseables. Si un sitio web cumple con todos los requisitos de prioridad 1, se considera que el sitio es conforme al nivel A de accesibilidad. El nivel AA de accesibilidad est reservado para los sitios que cumplan todos los requisitos de prioridad 1 y prioridad 2. Finalmente, los sitios que cumplen los 65 requisitos, son conformes al nivel AAA de accesibilidad. Requisitos del nivel A de accesibilidad Los requisitos de accesibilidad que exige el nivel A son los siguientes: Generales. Proporcionar un texto alternativo para todas las imgenes, objetos y otros elementos no textuales (mediante los atributos alt y longdesc). Asegurar que toda la informacin que utilice el color como elemento informativo pueda ser entendida por las personas o dispositivos que no pueden distinguir los colores. Marcar claramente (mediante los atributos lang y xml:lang) las variaciones del idioma del texto o de los elementos textuales (
) respecto del idioma principal de la pgina.

El documento debe poder leerse completamente cuando no se utilicen hojas de estilos. La informacin equivalente para los contenidos dinmicos debe adaptarse a los cambios de los contenidos dinmicos. Ningn elemento debe parpadear en la pantalla. El contenido del sitio se debe escribir con un lenguaje sencillo y limpio. Si se utilizan mapas de imagen.

46

Proporcionar un enlace textual por cada una de las regiones del mapa de imagen. Utilizar mapas de imagen en el cliente, en vez de mapas de imagen de servidor. Si se utilizan tablas. Utilizar cabeceras de fila y de columna. Si la tabla tiene varios niveles de cabeceras, utilizar las agrupaciones disponibles (,). Si se utilizan frames. Indicar un ttulo a cada frame para su identificacin y facilitar la navegacin. Si se utilizan applets y scripts Asegurar que la pgina tambin se pueda utilizar cuando no se ejecutan los applets y los scripts. Si no es posible, proporcionar informaciones equivalente o pginas alternativas que sean accesibles. Si se utilizan contenidos multimedia (audio y vdeo) Incluir una descripcin textual del contenido multimedia. Para los contenidos basados en vdeo o animaciones, sincronizar las alternativas textuales con la presentacin. Revisin de los Contenidos HTML

Validacin
La validacin es el proceso que asegura que un documento escrito en un determinado lenguaje (por ejemplo XHTML) cumple con las normas y restricciones de ese lenguaje. Las normas y restricciones de los documentos escritos en XML (y en sus lenguajes derivados, como XHTML) se definen en el DTD o Document Type Definition ("Definicin del Tipo de Documento"). El concepto de validacin es objeto de controversia en el mbito del diseo web. Por una parte, la validacin no es obligatoria y las pginas web se pueden ver bien sin que sean vlidas. Por otra parte, una pgina vlida es ms correcta que otra pgina que no lo sea, ya que cumple con las normas y restricciones impuestas por XHTML. Devido a esta controversia una parte de los diseadores consideran que se da demasiada importancia a la validacin de paginas y la creacin de paginas web validas. El resto de diseadores argumentan que si la especificacin de XHTML impone una serie de normas y restricciones, lo ms correcto es que las pginas web las cumplan, aunque no sea obligatorio. En cualquier caso, el proceso de validacin consiste en probar pgina a pgina si su cdigo HTML pasa la prueba de validacin. Los validadores son las herramientas que se utilizan para validar cada pgina. Algunos editores de pginas web incluyen sus propios validadores y el organismo W3C ha creado una herramienta gratuita para la validacin de las pginas. Validacin con Dreamweaver. Si utilizas Dreamweaver para crear las pginas web, el validador se encuentra integrado en la propia herramienta. En primer lugar, accede a la configuracin de la herramienta de validacin desde la opcin

47

En esta ventana de configuracin se puede elegir el DTD que se utiliza en caso de que la pgina web no indique el DTD que utiliza. Las pginas declaran el DTD que utilizan mediante el doctype, tal y como se explic en captulos anteriores. Una vez seleccionado el DTD por defecto (en la imagen anterior, se ha elegido el DTD de XHTML 1.0 de transicin), se puede acceder a la herramienta de validacin de Dreamweaver desde el icono que se muestra en la siguiente imagen:

Si no se han producido errores al validar la pgina, Dreamweaver lo indica mediante un mensaje que declara a la pgina como vlida. Si se produce algn error, la pgina no es vlida y Dreamweaver muestra la lista de todos los errores encontrados junto con sus posibles soluciones:

48

Despus de corregir todos los errores, se puede pasar otra vez la prueba de validacin para comprobar que la pgina cumple con todas las restricciones que impone el tipo de doctype que utiliza. Validador del W3C La validacin de las pginas web no requiere el uso de editores avanzados como Dreamweaver, ya que el organismo W3C ha creado una herramienta que se puede utilizar gratuitamente a travs de Internet: http://validator.w3.org/

Aunque la herramienta slo est disponible en ingls, su uso es muy intuitivo: Validate by URI, permite escribir la URL de la pgina que se quiere validar. Esta opcin es la ms sencilla para validar las pginas que ya estn publicadas en Internet. Validate by File Upload, muestra un formulario mediante el que se puede subir el archivo HTML correspondiente a la pgina que se quiere validar. Esta opcin es la mejor para validar las pginas web que has desarrollado y que an no has publicado en Internet.

49

Validate by Direct Input, permite validar cdigo HTML de forma directa. Se trata de la opcin ms rpida para validar trozos o pginas HTML completas. Esta opcin es la mejor cuando ests desarrollando las pginas y quieres asegurarte que el cdigo sea vlido. La siguiente imagen muestra el resultado de la validacin de la pgina principal de Google realizada mediante la opcin Validate by URI:

Si la pgina no pasa correctamente la prueba de validacin, se muestra el listado completo de fallos junto con la ayuda necesaria para resolver cada uno de los errores. Como se observa en la imagen anterior, incluso una pgina tan sencilla como la portada de Google contiene decenas de errores que impiden considerarla vlida. Por lo tanto, la pgina principal de Google no es una pgina vlida, aunque eso no impide que se vea bien en todos los navegadores y que los usuarios la consideren correcta. Otros validadores Adems de los validadores disponibles en herramientas como Dreamweaver y de los validadores gratuitos disponibles en Internet, existe otro mtodo de validacin sencillo, gratuito y muy rpido. La nica limitacin de este validador es que necesariamente se debe utilizar el navegador Firefox. Si ya dispones del navegador Firefox, puedes instalar el validador mediante un complemento llamado HTML Validator. La instalacin se realiza como cualquier otro complemento, aunque en este caso la descarga dura un poco ms de lo normal porque ocupa ms de 2 MB. Tras su instalacin, la primera vez que se reinicia Firefox se muestra la siguiente ventana:

50

En la ventana que se muestra se solicita al usuario que configure el tipo de validacin que se va a realizar. Las opciones para elegir son: HTML Tidy (que ofrece ayuda para resolver los errores y es mejor para HTML), SGML Parser (ofrece menos ayuda, pero es el mismo que el validador del W3C) o Serial (que realiza las dos validaciones de forma seguida). Si no sabes cual elegir, la opcin Serial es una buena alternativa, ya que primero realiza la validacin SGML Parser y a continuacin, si no se han producido errores, realiza la validacin HTML Tidy. Una vez configurado el validador, abre cualquier pgina web y vers cmo en la esquina inferior derecha de Firefox se muestra un pequeo icono que indica si la pgina es vlida o no. Cuando la pgina no es vlida, aparece un icono correspondiente a un error. Si colocas el puntero del ratn sobre el icono, se muestra la informacin especfica sobre los errores encontrados:

Si pulsas dos veces sobre el icono, aparece una nueva ventana en la que se muestra la lista completa de errores, el lugar exacto en el que se han producido y las posibles soluciones para corregirlos. Para ver directamente el nmero de errores de la pgina, puedes pulsar el botn derecho del ratn sobre el icono del validador y seleccionar la opcin Show y despus Icon and Text. Despus de activar esta opcin, cada vez que cargues una pgina web se muestra toda la informacin de validacin. Aunque existen muchos otros validadores, el uso de Firefox junto con Html Validator es la nica alternativa que permite validar las pginas web sin esfuerzo. Abriendo cualquier pgina en el navegador Firefox, es posible visualizar al instante si la pgina es vlida o no y el nmero de errores que se han encontrado.

51

Conclusiones
1. Sin HTML no existira el Internet que hoy conocemos, si no se hubiera inventado, seguiramos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandndonos o bajando archivos que a veces ni sabamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una pgina llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante informacin y archivos. El lenguaje de HTML abri una puerta al mundo permitindoles a las personas expresar sus ideas por medio de pginas y mostrrselas a todas las personas de todos los pases. 2. Con el HTML se logr un gran movimiento econmico ya que muchsimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. Tambin gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc. Infinitas son las posibilidades que te brindan las pginas WEB ya que no solo te dan la Infinitas son las posibilidades que te brindan las pginas WEB ya que no solo te dan la auto por Internet, solo basta con llenar un formulario con los datos personales y el nmero de tarjeta de crdito y en ocho das lo tenemos en nuestra casa. Y adems los pasos y maneras que existen para crear una pgina web lo hacen algo muy fcil de realizar y de usar para fines cualesquiera. 3. Si bien HTML no es el nico lenguaje de programacin, pero es el ms fcil de usar y de aprender no solo por los programadores sino tambin por la gente comn que desea compartir alguna informacin con el resto del planeta. 4. Para publicar una pgina web no es necesario que los programadores o cualquier otra persona tenga que pasar por una revisin, pero existen maneras de hacerlo ya que no siempre los cdigos HTML que uno utiliza estn bien y de acuerdo a las normas HTML y XHTML. Y a veces es difcil entender para otra persona que quiera ver el cdigo de una determinada pgina que no paso por una revisin previa. Pero a esto existen diversas formas y maneras de hacerlo tales como las que nos brinda Dreamweaver o W3C y muchos otros validadores que nos brindan este servicio gratuitamente. Todo el universo de Internet se lo debemos al HTML, ya que todas las pginas con las que se compone la World Wide Web estn hechas con el lenguaje de programacin HTML.

52