Comandos Básicos

 < HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
 < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se
coloca generalmente el título).
 < TITLE > ... < /TITLE > : Indica el título.
 < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
 < P > ... < /P > : Indica comienzo y fin de un párrafo.
 Ejemplo:
 <P Align="left">Este párrafo está alineado a la izquierda</P>
<P Align="center">Este párrafo está centrado</P>
<P Align="right">Este párrafo está alineado a la derecha</P>
 <CENTER>Este párrafo está centrado</CENTER> Para centrar un párrafo,
 <HR> para adornar las páginas son líneas horizontales (El resaltado de las líneas
horizontales depende del color de fondo)
 <HR size="20", width="200">
 < BR > : Permite saltarse una línea (se llama quiebre de línea).
 < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca
como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.
o <H1>Nivel de encabezado 1</H1>
o <H2>Nivel de encabezado 2</H2>
o <H3>Nivel de encabezado 3</H3>
 Tipos de letras:
o < B > ... < /B > : Negrita.
o < L > ... < /L > : Cursiva. O <I>Cursiva (Italic)</I>
o <U>Subrayado (Underline)</U>
o < BLINK > ... < /BLINK > : Parpadeante. (solo NetScape)
o <EM>énfasis (Emphasis)</EM> enfatizada
< STRONG > ... < /STRONG > :gran Enfatizada.
o <TT>Tamano fijo (TypeWriter)</TT> (fuente :courier)

 < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos).
Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
 < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números).
Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
 <DL> y </DL>. Son listas de definición , se utiliza para presentar la información
sin marcas, ni números, sino jugando con los sangrados de los párrafos. se
utilizan otras dos órdenes: <DT> para indicar un término, que no se sangrará, y
<DD> para indicar su definición, que se sangrará. También pueden anidarse.
Ejemplo:
 < OL > Y esto se ve
 < LI > Primer item
 < LI > Segundo item 1. Primer item
 < UL > 2. Segundo item
 < LI > Primer subitem  Primer subitem
 < LI > Segundo subitem  Segundo subitem
3. Tercer item
 < /UL >
 < LI > Tercer item
 < /OL >
<img src="ruta/nombref" > puede contener : alt="Texto cuando se situe el puntero sobre el" ,
ALIGN="top/middle/bottom/left/right” y para centrarla en la línea colócala entre el comando
Center
Ej. <CENTER> <img src="imagenes/compu.gif" alt="Mi compu"> </CENTER>
<img src="imagenes/compu.gif" ALIGN="left" alt="Mi compu"> (dentro de un parrafo
para colocar la imagen a la izquierda.

 <A HREF=".......">Texto a dar clic con el ratón </A> se utiliza para

acceder a los recursos externos básicos que pueden visualizarse como :
 Páginas HTML (http://...) Gopher (gopher://...) Servidores FTP (ftp://...)
News (news:...) Imágenes (...)

Ej.

muestra la liga para abrir en una ventana nueva:

<a href="http://www.aulaclic.com" target ="_blank">Visita www.aulaclic.com en una ventana

nueva</a>

<br><br>

muestra la liga mediante una imagen:

<a href="http://www.aulaclic.com" target ="_blank"><img src="imagenes/compu.gif"
border="4"></a>
<br><br>
muestra la liga centrada, abre outlook para enviar un correo:
<center>
<a href="mailto:marthaliliacontreras@hotmail.com?subject="solicitud de cotizacion">e-mail
para cotizar</a>
</center>
<br><br>

muestra la liga para descargar el archivo:

<a href="carta.doc" tarjet="_blank" >haz clic aqu&iacute; para descargarte el fichero</a>
<br><br>
<a href="#">vinculo vacio</a>

<font size="n">.....texto.....</font> Los tamaños de letra, donde n es un

número entre 1 y 7
Ej
<font color="#CC3300" size="5">Este es un texto color rojo, tamaño 5 </font>
<font color="red" size="5">Este es un texto color rojo, tamaño 5 </font>
Los recursos externos básicos que pueden visualizarse son:

 Páginas HTML (http://...)

 Gopher (gopher://...)
 Servidores FTP (ftp://...)
 News (news:...)
 Imágenes (...)

Todos ellos requieren la orden general <A HREF=".......">Texto en el que hay que
picar con el ratón para acceder al recurso</A>. En la zona de puntos ha de
situarse la dirección del recurso. Aquí van algunos ejemplos:

Pique <A HREF="http://www.um.es">aquí</A> para acceder a la

Universidad de Murcia.
Pique aquí para acceder a la Universidad de Murcia.
Puede acceder también al <A HREF="gopher://gopher.um.es">Gopher de la
Universidad de Murcia</A>. En él encontrará información sobre su
organización y estructura.
Puede acceder también al Gopher de la Universidad de Murcia. En él encontrará información
sobre su organización y estructura.
En el servidor <A HREF="ftp://ftp.um.es">FTP de la Universidad de
Murcia</A> tiene a su disposición programas que le pueden resultar de
interés (pique el subdirectorio PUB).
En el servidor FTP de la Universidad de Murcia tiene a su disposición programas que le pueden
resultar de interés (pique el subdirectorio PUB).
Consulte el buzón de noticias <A
HREF="news:soc.culture.spain">SOC.CULTURE.SPAIN</A>.
Consulte el buzón de noticias SOC.CULTURE.SPAIN.
Pique <A HREF="campus.gif">aquí</A> para visualizar el plano del
Campus de Espinardo de la Universidad de Murcia.
Pique aquí para visualizar el plano del Campus de Espinardo de la Universidad de Murcia.

Los enlaces pueden efectuarse también a través de imágenes. Esto es, una imagen sirve de
referencia para enlazar con el recurso, en vez del texto que hemos utilizado en los ejemplos
anteriores.

Código HTML
Realice sus consultas en español con <A HREF="http://www.ole.es"><IMG
SRC="ole.gif"></A>
Visualización

Realice sus consultas en español con

En el ejemplo anterior, entre <A HREF=....> y </A>, que son los delimitadores entre los que se
sitúa la referencia del enlace, se ha introducido una imagen. Esta imagen accederá al recurso
cuando se pique sobre ella. Como observarás, esta rodeada de un marco, que indica que es un
enlace. Dicho marco puede omitirse, modificando la orden anterior de la siguiente forma: <A
HREF="http://www.ole.es"><IMG SRC="ole.gif" border=0></A>, donde
border=0 indica que la imagen aparecerá sin borde.

3.2. Enlace a partes de un documento [T][I]

Para establecer un enlace con una parte de la página visualizada, se utiliza la expresión:

<A HREF="#referencia">Texto de enlace</A>

en la que referencia indica la marca hacia la que hay que enlazar, y texto de enlace el texto
sobre el que se picará para establecer dicho enlace.

Para que la orden se ejecute correctamente, deberá existir en alguna parte del documento la
expresión <A NAME="referencia">..texto opcional..</A>, que será el destino del enlace. Por
ejemplo, podemos situar al inicio de una página HTML el siguiente código:

<A NAME="m0">INDICE</A>
<UL>
<LI><A HREF="#m1">Introducción</A>
<LI><A HREF="#m2">Referencias históricas</A>
<LI><A HREF="#m3">Aspectos de interés</A>
</UL>

y después desarrollar cada uno de los aparatados:

<A NAME="m1>Introducción</A><BR> ....texto de la introducción....

<A NAME="m2">Referencias históricas</A>
....texto de las referencias históricas....
<A NAME="m3">Aspectos de interés</A>
....texto de los aspectos de interés....
<A HREF="#m0">Indice de contenidos</A>

Cada vez que se pique con el ratón el texto de la referencia (HREF), se enlazará con la sección
correspondiente (NAME).

El enlace se puede realizar también hacia una parte de un documento particular. Así, la
expresión:

<A HREF="main.htm#m5">...texto a picar...</A>

permite enlazar con sección m5 de la página main.htm.