NTRODUCCIN

Con este pequeo curso de HTML, usted aprender los principios bsicos. Sabr todo lo necesario para hacer un web site bsico. Qu software necesita. Cmo publicar sus pginas en Internet. Si no puede pagar por un espacio en un Servidor Existen lugares donde puede tener un Site totalmente Gratis.

Ver todo
Primero, voy a decir que este texto no pretende ser un curso formal de Html. Tan solo quiero que sea de ayuda y gua para todos aquellos que quieren introducirse en el tema. Comenzaremos diciendo que el Html (HyperText Markup Language) no es verdaderamente un lenguaje de programacin; es en realidad una versin reducida del Lenguaje SGML (Standard Generalized Markup Language), un lenguaje estndar para la descripcin de documentos. Se emplea, entonces el Html, para describir las pginas que deseamos crear; de manera tal que los distintos browsers las muestren lo ms fielmente posible.Debido a la existencia de distintos browsers (aunque actualmente existen dos que se disputan el dominio del mercado: Netscape e Internet Explorer) resulta difcil concebir una pgina de aspecto final nico, todo depende delbrowser con que se mire.De esta manera nos encontramos con que existen ciertos comandos (tags) exclusivos de cada browser. Una vez hechas estas aclaraciones comenzemos a desarrollar nuestra pgina para la world wideweb! SOFTWARE Para crear sus pgina web usted necesita algunos programas (software). Afortunadamente todo lo necesario se encuentra en la Red, ya sea en versiones Shareware Freeware. Editor Lo primero que necesita es un editor, un programa que nos permite escribir y editar HTML. Es preferible un editor de texto, ya que nos permite escribir nuestro cdigo completamente por nosotros mismos. Debemos entender las consecuencias de escribir cada instruccin de HTML. Por lo tanto nos olvidaremos de usar los editores WYSIWYG. Usaremos los simples editores de texto. Windows ya trae uno incorporado: Wordpad. Con l podemos editar varios archivos a la vez y adems podemos pasar fcilmente de uno a otro. Si trabaja con una Macintosh, use el BBedit. Un buen editor en texto de HTML, que recomiendo es el Stones Webwriter (un programa Freeware!!!!!). Browsers Otra cosa que necesitaremos es un (web) browser. Como ya dije existen dos que pelean por el liderazgo de los Browsers; asi que podemos hacernos de ambos para poder ver nuestros logros en el aprendizaje. Para mi gusto el mejor es Netscape Navigator (ahora Communicator). En segundo lugar tenemos al Microsoft Internet Explorer. Otro muy bueno es el Opera, un browser compacto y rpido, sin prestaciones innecesarias. FTP software

Esta es una herramienta que necesitamos para poder poner nuestras pginas en la red. Un programa FTP (File Transfer Protocol) nos permite mover un archivo de un lugar a otro. El ms usado es el WS_FTP, otro muy popular es el Cute-FTP. Si est utilizando una Macintosh, una buena opcin es el Fetch. File manager Para no perdernos entre tantos archivos, necesitaremos un buen administrador de archivos.Si bien ya tenemos el Explorador de Windows, existen otros muy buenos como el Windows Commander. En caso de que no dispongamos de dinero para un programita de estas caractersticas, hay varios que son Freeware. Para ahorrar espacio y tiempo (que es dinero) en la red, muchos archivos se encuentran comprimidos. A veces se tratan de archivos self-extracting de programas instaladores. Pero otros son archivos zip. En este caso necesitamos de un descompresor, el Winzip es uno de los mejores y ms populares. Reference Por ltimo debemos tener a mano un buen HTML reference. El mejor es el de Stephen le Hunte, denominado: HTML Reference Library. El Web Design Group tiene uno llamado Wilbur help file. El W3C publica el standard oficial on line. Uno no aprende a realizar pginas Web leyendo solamente. Podr leer cientos libros sobre el tema pero no sabr lo que es hasta no haber experimentado por s mismo. El HTML es, como amar, se aprende mejor hacindolo. No tema cometer errores, aprenda de ellos. TAGS

Una vez que tenemos las herramientas necesarias,iniciamos: En HTML todo gira en torno a los tags. Un tag es un rtulo, con algo escrito en l. Un tag HTML trabaja como una llave, que muestra u oculta cosas que se vern o no en la pgina.

<TAG> Los tags estn siempre encerrados entre los signos menor que (<) y mayor que (>). Los Tags tanto en maysculas como en minsculas. Es recomendable escribirlos en maysculas, para poder ubicarlas rpidamente dentro del Cdigo. Pero puedes hacerlo de la manera que ms te guste. <TAG></TAG> Los tags a menudo se escriben de a pares. Un tag de apertura y ptro tag de cierre. La nica diferencia es la barra que debemos poner en el tag de cierre.NOTA: a menudo nos olvidamos de esta barra, haciendo que la pgina no tome el aspecto que queremos. No nos olvidemos de la barra en el tag de cierre!!! ATRIBUTOS: Algunos tags tienen uno ms atributos. Estos suministran informacin extra a su browser. Cuando ponemos una imagen en la pgina, usamos un tag de imagen, en l especificamos sus atributos es decir, qu imagen ser usada y sus caractersticas. Los detalles del atributo se ubican entre comillas. En resumen: un tag le dice al browser QUE hacer, un atributo le dice COMO hacerlo. <TAG ATRIBUTO=></TAG> Especial atencin debemos prestarle a la notacin de los tags. Siempre debemos poner los signos menor que y mayor que directamente al lado de la descripcin del tag sin espacios. No use espacios en los atributos. Cuando coloca la informacin de un atributo despus del signo igual, hay que ponerlo entre comillas. Los Tags pueden contener otros tags. La forma correcta de escribirlas es: <A><B></B></A>. Si lo hacemos de la siguiente manera: <A><B></A></B>, la cosa puede no funcionar como lo esperamos.
PGINA BSICA Abramos el editor de texto y escribamos el texto de abajo. Es conveniente abrir una ventana con el browser, as podemos ver los efectos de la alteraciones que realizamos a nuestro cdigo. Para ello debemos recargar la pgina luego de cada modificacin que hagamos. ( Apretar Reload -si

usamos Netscape- Actualizar-si usamos el Explorer-) <HTML> </HTML> Con estos dos tags indicamos que el archivo es un archivo HTML. Le estamos diciendo al Browser: Aqu comienza el archivo HTML (<HTML>), y aqu termina el archivo(</HTML>). Estos tags son usados una sola vez en cada pgina. Antes del tag <HTML> y despus del tag </HTML> normalmente no suele haber nada. Head <HTML> <HEAD> </HEAD> </HTML> Cada archivo HTML tiene un Encabezamiento. Este se encuentra encerrado por dos tags HEAD que se ubican despus del tag HTML. Los tags aparecen solo una vez en toda la pgina. El contenido principal del tag HEAD es el ttulo de la pgina que estamos creando. Pondremos el ttulo de nuestra pgina encerrado por el tag TITLE; lo que all

escribamos ser mostrado en la barra superior de la ventana del Browser.Por ahora no usaremos ningn otro tag dentro del HEAD <HTML> <HEAD> <TITLE></TITLE> </HEAD> </HTML> Title Debemos elegir un ttulo claro para nuestra pgina; ya que cuando nuestros visitantes nos pongan en su Bookmark; el ttulo ser nuestra presentacin. Adems es importante para que nos presenten los motores de bsqueda. <HTML> <HEAD> <TITLE>Ttulo Claro</TITLE> </HEAD> </HTML> Body Todos los archivos HTML tienen un cuerpo principal, denotado por el tag BODY. Entre estos tags pndremos el contenido de la pgina. Es decir lo que ser visible en el Browser. Nuevamente el tag BODY al igual que los que vimos se escriben una sola vez. El tag <BODY> se ubica inmediatamente detrs del </HEAD >; y el tag </BODY> de cierre es la ltima cosa que se escribe antes del tag </HTML>. <HTML> <HEAD> <TITLE>Ttulo Claro</TITLE> </HEAD> <BODY> </BODY> </HTML> Files Una vez que escribimos lo anterior en nuestro editor, lo podemos guardar. Lo grabamos como page.html page.htm si no podemos usar ms de 3 caracteres en la extensin. Lo guardaremos en un directorio separado, junto a los otros archivos que sern parte de su Site. A menudo alguno nombres de archivos pueden ocasionar problemas. Esto es debido a que la mayora de los servers trabajan bajo UNIX. Lo mejor es utilizar siempre para los nombres de archivos letras minsculas y no emplear espacios. Nuestra primera pgina La siguiente es la sintaxis de una pgina bsica: <HTML> <HEAD> <TITLE>Mi primera pgina</TITLE> </HEAD> <BODY> Mi primera pgina. No es muy sofisticada pero sirve de ejemplo. </BODY> </HTML> Hemos escrito nuestra primera pgina, la guardamos y podemos verla con un browser, podramos publicarla.

La usaremos como un template, para ayudarnos a construir las otras pginas y no tipearemos de nuevo lo mismo una y otra vez (obviamente sacaremos el texto del body). Todas las pginas, por ms complicada que sea, consta de estos 3 elementos. Recordemos: TODOS los tags que hemos mencionado se usan una sola vez en la pgina web. Ellos son la columna vertebral de la pgina.
TEXTOS La mayora de las pginas tienen algn pedacito de texto en ella. El texto es elemento ms utilizado en las pginas web. Como ya vimos ponemos el texto dentro de los tags Body. Trataremos ahora el tema de la:

Apariencia El texto que escribimos aparecer con un formato simple. Pero a no preocuparse porque podemos destacar alguna parte del texto hacer de l un encabezado. Podemos hacer el texto ms pequeo, ms grande, ponerlo en italica, colorearlo, como si fuera un procesador de texto. Podemos hacer que el texto se vea pesadocon el tag B: <B>texto bold </B> texto bold Para que se vea en italica, usamos el tag I . Es recomendable usar esta caracterstica con los tamaos de letras ms grandes, ya que con las pequeas se vern bastante mal. <I>texto en italica</I>

texto en italica
Podemos subrayar el texto con el tag U. Debemos tener cuidado cuando subrayamos un texto ya que podra confundirse con un enlace (link). Adems resulta muy molesto para la lectura si el texto subrayado es largo. <U>texto subrayado </U> texto subrayado Todos estos tags pueden ser combinados entre s fcilmente. <B><I><U>pedacito de texto subrayado en italica </U></I></B>

pedacito de texto subrayado en italica

Headers Los encabezados de las pginas prrafos se pueden usar con los tags de encabezamiento. Existen 6 tamaos, denotado con una H seguido por un nmero. El nmero determina el tamao desde el 1 (el ms pequeo) hasta el 6 (el ms grande). Los tags de encabezamiento automticamente colocan saltos de lnea antes y despus del tag. <H1>H1 Enorme</H1> <H2>H2 Grande</H2> <H3>H3 Normal</H3> <H4>H4 Chico</H4> <H5>H5 Pequeo</H5> <H6>H6 Muy pequeo</H6>

H1 Enorme
H2 Grande
H3 Normal H4 Chico

H5 Pequeo

H6 Muy pequeo

Solamente los tags del H1 al H3 son usados,el resto no tienen uso muy comn. Sea cuidadoso con el uso de estos headers.Son los equivalentes enfatizar gritar en el idioma hablado. Un encabezado simple puede ser hecho utilizando el tag B y un salto de lnea, tag <br>.
DISEO Cuando deseamos iniciar una nueva lnea en nuestro procesador de textos, simplemente presionamos la tecla [Enter]. Entonces el cursor se posiciona en la siguiente lnea y comenzamos a tipear nuevamente. Podramos intentar hacer lo mismo en nuestra pgina web, en este caso escribiramos en el procesador:

Este es un curso de HTML. Pero lo que obtendremos en el Browser ser: Este es un curso de HTML. Qu pas con los cortes de lnea? Por qu no se ve como lo escribimos en el editor? Porque para el HTML, un corte de lnea hecho con el [Enter] no significa nada. Pero esto es as porque los Browsers los vemos a travs de Ventanas y a stas les podemos modificar su tamao; As si escribimos con nuestro editor en una ventana ms ancha que donde finalmente la visualizamos (la ventana del Browser) el resultado puede ser desastrozo. Los diseadores deben tener en cuenta este aspecto. Los Browser generalmente ponen un corte de lnea al final de la ventana cuando se topan con un tag que le dice que lo tiene que hacer. El tag que nos permite ubicar cortes de lneas es el <BR> (break). Y los usamos del siguiente modo: Este es<BR> un curso<BR> de HTML.<BR> O bien: Este es<BR>un curso<BR>de HTML.<BR> Prrafos Ya vimos que el recurso del BR es adecuado para poner los cortes de lnea. Pero podemos usarlo para armar prrafos y obtener de este modo porciones de textos ms o menos legibles? Veamos: los prrafos se arman con un salto de lnea . El Tag BR slo me asegura el corte de lnea. Para facilitarnos las cosas viene a nuestra auxilio el tag P. El tag <P> se escribe al inicio de un prrafo y el tag </P> al final del prrafo. Mrgenes Si el texto nos aparece muy pegado al margen de la ventana ser menos legible. Para solucionar esto pondremos unos mrgenes usando el tag <BLOCKQUOTE>. Con este tag el texto se ver identado en ambos lados, adems antes y despus de los tags tendremos una linea vaca. Si usted desea identar slo el lado izquierdo, puede usar el tag <UL>. Tambin podemos hacer que el margen izquierdo sea ms ancho que el derecho, empleando una combinacin de ambos tags. Esta combinacin es til cuando tenemos esos backgrounds con una barra continua al costado. <BLOCKQUOTE> <UL>

<UL> Ponemos el texto de nuestra pgina aqu. </UL> </UL> </BLOCKQUOTE>

IMAGEN Ya vimos como acomodar porciones de texto para que se puedan leer. Pero una pgina con simplemente texto es un poco aburrida, asi que pongmosle un grfico. Para ello usaremos el tag <IMG> (image). El dibujo en s mismo es un archivo separado. El tag <IMG> nicamente apunta hacia el archivo que contiene la imagen, a travs del atributo SRC(source). Ubiquemos la imagen en el mismo directorio en el que se encuentra la pgina web, para evitar problemas. Ya que si el browser no encuentra el archivo que debe mostrar no lo mostrar en la pantalla.

La Sintaxis es: <IMG src=nat.jpg mce_src=nat.jpg> <IMG src=nat.jpg mce_src=nat.jpg WIDTH=180 HEIGHT=84> <IMG src=nat.jpg mce_src=nat.jpg WIDTH=180 HEIGHT=84 BORDER=0 ALT=Natalie Portman >
Tamao de la Imagen

Con la sintaxis anterior lo nico que hicimos es declarar el nombre y ubicacin del archivo. Sin embargo es conveniente agregar las dimensiones de la imagen (en pixels). De esta forma el browser crea un espacio para la imagen, y contina bajando el resto de la pgina. Si no lo hacemos de esta manera el browser primero intenta mostrar una imagen, y luego contina con el resto de la pgina. A veces no topamos con pginas que no se muestran hasta que todas las imgenes hayan sido bajadas, eso es porque no emplearon los atributos que describen las dimensiones del grfico. Y realmente es una molestia para los navegantes. El tamao del grfico se establecen con los atributos WIDTH y HEIGHT. Si usted no conoce las dimensiones de la imagen, entonces valas con algn editor grfico viewers. Bordes Muchos browsers muestran un borde alrededor del grfico. El ancho de este borde se establece por medio del atributo BORDER. Si no queremos que tenga borde alguno simplemente le ponemos valor 0.Texto alternativo Un atributo final es el tag ALT (alternative text). Agunos navegantes no bajan las imgenes de las pginas para poder navegar con mayor rapidez, en estos casos es bueno escribir una breve descripcin de la imagen para que ellos decidan si deban verla o no. E incluso existen navegadores que muestran nicamente texto, como el Lynx. Tipos de archivos Los nicos archivos grficos que se pueden utilizar son los GIF los JPEG (JPG). Si tenemos otros tipos de archivos grficos debemos transformarlo a uno se estos formatos con algn editor de imgenes como Lview Pro, Paint Shop Pro Irfanview. Es recomendable que la imagen no supere los 25 kilobytes. De otro modo tardar mucho en bajar. Cmo obtener imgenes Donde podemos obtener grficos? Fcil. Cualquier grfico que sea mostrado por

su browser mientras usted navega puede ser bajado a su rgido. Para ello ubique el mouse en el grfico que le guste, presione el botn derecho, clickee save image as.. en el men que se desplega, y ya lo estaremos grabando en el disco rgido. El problema surge cuando queremos usar esa imagen Tenga en cuenta los derehos de autor y copyright. Pero a no preocuparse, sino queremos hacernos nuestras propias imgenes; existen varios sites donde nos ofrecen sus colecciones de grficos para que los usemos en forma gratuita.
BACKGROUND Sabemos que el tag BODY encierra el contenido de la pgina web. Ahora veremos que dentro de este tag podemos ubicar algunos atributos que sern los atributos de la pgina. Por ejemplo podemos cambiar el background una imagen.

(imagen de fondo) de la pgina. Tenemos dos

opciones para hacerlo. Por un lado podemos darle simplente un color de fondo, o bien usar

Entonces, si no seteamos ningn valor para el background obtenemos : <BODY> texto escrito </BODY>

texto escrito
Colores de Background La mayora de los browsers usan el color gris como el color por defecto. Para cambiar este color por otro que nos agrade usaremos el atributo BGCOLOR del tag BODY. Por ejemplo usaremos el color blanco. <BODY BGCOLOR=White> sobre fondo blanco es ms fcil de leer </BODY> Imgenes de Background Si decidimos usar una imagen como Background.La sintaxis es: <BODY BACKGROUND=venetian.gif> Texto que nos interesa mostrar sobre la imagen de fondo </BODY> Esta es la imagen que utilizamos para el background.Se encuentra ubicada en el mismo directorio que la pgina. Si estuviera en otro directorio debemo escribir el camino completo hasta ella. Por ejemplo si est en el directorio fondos del directorio imagenes la sintaxis ser..: <BODY BACKGROUND=imagenes/fondos/venetian.gif> Este modo de guardar las imgenes en directorios especiales an no est disponible en Orbita, pero muy pronto lo estar. Cuando usamos imgenes tambin debemos especificar un color de fondo acorde a la imagen, de esta manera si el navegante no est cargando las imgenes; la lectura del texto no se ver dificultada.
COLOR DEL TEXTO Podemos cambiar el color de fondo (background color) del browser a cualquier color que deseemos. Podemos hacerlo Negro por ejemplo. Pero claro que si el texto est escrito en negro el mismo ser imposible de leer. Es as que echaremos manos de los atributos del tag BODY. Para empezar tenemos el atributo BGCOLOR que determina el color del background. El atributo TEXTdetermina el color del texto,lo mismo hacen LINK con los links no visitados y VLINK con los links visitados. ALINKmuestra el color de los links activos, es decir, mientras

clickeamos sobre ellos. Estos atributos determinan los colores de la pgina entera. Una linda combinacin es el negro con los tres colores primarios.

<BODY BGCOLOR=black TEXT=yellow LINK=cyan VLINK=fuchsia ALINK=white> Legilibilidad Si bien podemos usar la cominacin de colores que se nos ocurra. Tenemos que mantener la legibilidad de nuestra pgina en todo momento. No debemos usar colores demasiados llamativos. Evitaremos usar contraste demasiado alto muy bajo.Lo mejor es escribir en negro sobre un background blanco, como lo que ests leyendo ahora. O bien el texto oscuro sobre un background de color suave.
NOTA: Estos atributos determinan los colores en TODA la pgina. NO pueden usarse para resaltar pequeos trozos de texto o palabras sueltas. El tag que debe usarse para ese propsito es el tag FONT que se ver ms adelante en este tutorial. HYPERLINKS De seguro el tag ms importante que usaremos es el tag<A> (anchor). Este tag nos permite conectar la palabra que encierra el tag con un documento relacionado(pgina web, grfico, vdeo, etc.). El documento al que apuntamos es especificado en el atributo HREF. A continuacin un ejemplo de cmo es la sintaxis y el resultado en la pgina web.

<A href=test.htm mce_href=test.htm>test</A>

Como podemos observar el link es finalizado con un tag de cierre </A>. Este tag hace posible el hipertexto, que es la base que rige Internet, la unin entre s de distintas pginas.

Usando imgenes A esta altura se estar preguntando si el tag <A> sirve para crear enlaces que no sean texto. Usted habr visto y usado botones conos que al hacer click sobre ellos nos trasladan a otro documento Pues bien, simplemente debemos encerrar la imagen con el tag <A> de la siguiente manera. <A href=test.htm mce_href=test.htm> <IMG src=boton.gif mce_src=boton.gif HEIGHT=35 WIDTH=35 ALT=boton de enlace> </A>
Email

Otro hyperlink usado muy a menudo es el que nos permite enviar un e-mail. Si alguien desea contactarnos este link abrir su administrador de correo electrnico y estar listo para escribirnos un e-mail. El siguiente link de ejemplo puede ser usado para enviarme un e-mail. Email: <A HREF=mailto:porlasbandas@yahoo.es>porlasbandas@yahoo.es</A> Por supuesto que lo podemos combinar con una imagen para hacerlo ms atractivo. Email: <A href=mailto:porlasbandas@yahoo.esmce_href=mailto:porlasbandas@yahoo.es> <IMG src=email.gif mce_src=email.gif WIDTH=100 HEIGHT=40 BORDER=0 ALT=porlasbandas@yahoo.es> </A>
RECAPITULACIN Tags Los tags estn siempre encerrado por los signos (<) y (>). La mayora de los tags tienen un tag de cierre, el cual presenta una barra inclinada (</ >). Algunos tags tienen atributos que

afectan su desempeo. Algunos atributos son definidos con informacin entre comillas. Los tags siempre pueden contener otros en su interior.

<TAG> <TAG></TAG> <TAG ATRIBUTO></TAG> <TAG ATRIBUTO=></TAG> <A><B></B></A> sintaxis correcta <A><B></A></B> sintaxis errnea Pgina web bsica El tag HTML inicia y cierra el documento. La seccin HEAD contiene el ttulo de la pgina ( tag TITLE ), el cual aparece en la barra de ttulo de la ventana del browser. El tag BODY contiene a la pgina web. El resto de los tags se usan dentro del tag BODY. <HTML> <HEAD> <TITLE>Aqu v el ttulo</TITLE> </HEAD> <BODY> Esto es el texto principal de la pgina web, aqu pondremos imgenes y todo lo que se nos ocurra!!!! </BODY> </HTML> Aspecto del Texto El texto puede hacerse pronunciado con el tag B, bien en itlica con el tag I, y subrayarlo con el tag U. Estos tags se pueden combinar entre s. <B>bold</B> <I>itlica</I> <U>subrayado</U> Headers Los Headers son construidos con el tag Hn, donde n es 1 para el ms grande, y 6 para el ms pequeo. <H1>enorme</H1> <H2>grande</H2> <H3>normal</H3> <H4>pequeo</H4> <H5>ms pequeo</H5> <H6>muy pequeo</H6> Cortes de lnea Los cortes de lnea se hacen con el tag BR, los prrafos con el tag P, ambos provocan un salto de lnea. <BR> corte de lnea <P> prrafo Mrgenes Dejar una identacin en el texto requiere del tag UL, el tag BLOCKQUOTE tambin realiza esa tarea. Ambos tags agregan una lnea vaca arriba y debajo del texto que encierran. Pueden combinarse entre s para crear mrgenes a medida. <BLOCKQUOTE> <UL> <UL> El texto se ubica aqu.

</UL> </UL> </BLOCKQUOTE> Imgenes Las imgenes se colocan con el tag IMG. El dibujo en s es un archivo separado y es convocado a la pgina con el atributo SRC . Los atributos WIDTH y HEIGHT determinan el tamao de la imagen permitiendo continuar bajando la pgina mientras baja el grfico. El atributo ALT agrega una descripcin de la imagen. El atributo BORDER permite colocar un borde alrededor de la image. Los nicos formatos de grficos que podemos usar son: GIF y JPG. <IMG SRC=path del archivo WIDTH=tamao HEIGHT=tamao BORDER=0 ALT=descripcin> Background El background de la pgina puede ser coloreado con el atributo BGCOLOR del tag BODY. El atributo BACKGROUND muestra una imagen de fondo que se repite. Haga que el color de background sea similar al color de la imagen de background . <BODY BGCOLOR=color BACKGROUND=imagen> Contenido de la pgina </BODY> Color del texto El color de todo el texto que aparece en la pgina puede cambiarse con el atributo TEXT del tag BODY. A si mismo con los atributos:LINK para los links, VLINK para los links visitados, ALINK para los links activos. <BODY BGCOLOR=color TEXT=color LINK=color VLINK=color ALINK=color> Contenido de la pgina </BODY> Hyperlinks Los Hyperlinks son usados para conectar diversas pginas entre s, o bien para conectar pginas a otros documentos. Para ello usamos el tag A (anchor). El atributo HREF contiene el camino para ubicar el archivo al cual queremos vincular. Use el prefijo http:// si deseamos vincularnos a un documento que se encuentra en otro servidor. Podemos usar una imagen para el vnculo, con el tag IMG. El prefijo mailto: permite que nos enven un e-mail, reemplazando email con una direccin de e-mail vlida . <A href=file mce_href=file>descripcin</A> <A href=file mce_href=file><IMG SRC=archivo de imagen></A> <A href=mailto:email mce_href=mailto:email>email</A> Comentario final Las pginas Web son grabadas como archivos de texto con la extensin .htm html. Use solamente letras minsculas y no utilize espacios para el nombre de los archivos que contienen a la pgina. De este modo se evitar posibles problemas con los servidores UNIX Utilize un editor de texto simple para crear sus pginas.
Estos son los tags ms importantes que se encuentran en una pgina web:

<HTML></HTML> Estos tags indican el inicio y el final del archivo. Indican que el archivo se trata de una documento HTML . En otras palabras: una pgina web. Se emplean una sola vez en toda la pgina. <HEAD></HEAD>

Encierran el head (encabezado) de la pgina web. Se ubican directamente despus del primer tag HTML. All ubicaremos el ttulo de la pgina. Se emplean una sola vez en toda la pgina. <TITLE></TITLE> El tag title estn dentro del tag HEAD. El texto que pongamos aqu ser el ttulo de la pgina y aparecer en la barra de la ventana del browser. Se emplean una sola vez en toda la pgina. <BODY></BODY> El tag body encierra el contenido de la pgina. Se ubica inmediatamente despus del tag de cierre de HEAD, y el tag de cierre del body antes del de cierre del tag HTML. Se emplean una sola vez en toda la pgina. Presenta diversos atributos, los que pueden cambiar el color del texto y el background de la pgina. BGCOLOR= color de background (color standard = gris) BACKGROUND= grfico de background TEXT= color del texto (standard = negro) LINK= color del link (standard = azul) VLINK= color de link visitado (standard = prpura) ALINK= color de link activo (standard = rojo) <B></B> Bold (negrita) <I></I> Italics, no lo use con letras pequeas pueden verse muy feas. <U></U> Underlined, subrayado. Pueden causar confusin con un link. <Hn></Hn> Header, encabezado. El valor n vara entre 1 y 6. <BR> Line break: corte de lnea, interrumpe la lnea actual e inicia una nueva. <P> Paragraph: Prrafo, asla una cadena de texto introduciendo un lnea vaca entre prrafos. <BLOCKQUOTE></BLOCKQUOTE> Blockquote coloca un espacio alrededor del texto y deja un margen tanto a la derecha como a la izquierda. <UL></UL> UL: Similar al BLOCKQUOTE, deja un margen nicamente a la izquierda. Puede emplearse ms de una vez. <IMG> Image coloca una imagen en la pgina. Se emplea nicamente con archivos del tipo GIF o JPG, y no ms grande que los 25 kB. Presenta mltiples atributos, slo la ubicacin del archivo (SRC) es obligatorio. src= mce_src=

Source, indica el nombre y la ubicacin del archivo. El grfico puede residir en un servidor diferente. BORDER=n Coloca un borde alrededor del grfico, el valor n especifica en ancho del borde en pixels. Con valor cero, el borde desaparece. WIDTH=n Indica el ancho de la imagen en pixels, acelera la bajada de la pgina. HEIGHT=n Indica la altura de la imagen en pixels, acelera la bajada de la pgina. ALT= Texto alternativo, aparece si no se muestra el grfico, o si posicionamos el mouse sobre l. <A></A> Anchor: (hypertext) link, es el tag ms importante, porque nos permite conectarnos a otros documentos de la web. El texto que se ubica entre ellos es mostrada subrayado, para enfatizar que se trata de un link. El atributo obligatorio, contiene la direccin en la web del link.href= mce_href= (Hypertext reference), Especifica el URL del documento al que se desea vincular. Por lo tanto debemos incluir el prefijo http:// y el nombre del server. Si el browser no lo encuentra, presentar un mensaje de error (404 not found error). Podemos usar el tag <A> para un enlace deemail (con el prefijo mailto: ); ycombinado con el tag IMG.