You are on page 1of 5

<FONT FACE="Arial" SIZE="2" COLOR="#0000FF">¡HOLA!

</FONT>
El ejemplo anterior hará que aparezca la palabra:
¡HOLA! en la fuente ARIAL, tamaño 2 y color azul: ¡HOLA!
Los saltos de línea se crean con la etiqueta <BR>,
que hace que el texto comience una línea por debajo de la anterior, pero sin inser
tar ninguna línea en blanco.
<OL>
<LI>elemento uno
<LI>elemento dos
<LI>elemento tres
</OL>

1. Negrita, cursiva y subrayado


Puede hacer que el texto que usa aparezca en negrita, cursiva o subrayado.
Para ello sólo tiene que ponerlo entre las etiquetas correspondientes a esos atrib
utos.
<b>Texto cualquiera en negrita</b>
aparecerá como: Texto cualquiera en negrita

<i>Texto en cursiva</i>
aparecerá como: Texto en cursiva

<u>Texto subrayado</u>
aparecerá como: Texto subrayado

También puede combinar estos atributos para obtener el que desee. Por ejemplo:
<b><i>Texto en negrita y cursiva</i></b>
aparecerá como: Texto en negrita y cursiva
NOTA: es importante que las etiquetas de cierre aparezcan en el mismo orden que
las de inicio.
En otras palabras, en el último ejemplo es importante que la
etiqueta de cursiva se cierre antes que la de negrita (ponga la </i> antes de l
a </b>).
2. Uso de los tamaños de los encabezados
Los navegadores reconocen seis niveles distintos de encabezados.
<h1>Encabezado de nivel uno </h1>
<h2>Encabezado de nivel dos</h2>
<h3>Encabezado de nivel tres</h3>
<h4>Encabezado de nivel cuatro</h4>
<h5>Encabezado de nivel cinco</h5>
<h6>Encabezado de nivel seis</h6>

Los encabezados tendrán este aspecto:


Encabezado de nivel uno
Encabezado de nivel dos
Encabezado de nivel tres
Encabezado de nivel cuatro
Encabezado de nivel cinco
Encabezado de nivel seis

3. Centrar texto
De forma predeterminada, los navegadores alinean el texto a la izquierda.
Puede alinear el texto en el centro si lo pone entre dos etiquetas <center>.
El texto:
<center>Ésta es una prueba</center>

Use la etiqueta <HR> para insertar una línea (o regla) horizontal en la página, como
ésta:
Puede personalizar la regla horizontal, cambiando por ejemplo su anchura y el co
lor. Por ejemplo, con este código: <HR WIDTH="50%"> se obtiene el siguiente result
ado:
También puede cambiar el color añadiendo el atributo COLOR="RED", aunque sólo tiene ef
ecto con los navegadores Microsoft Internet Explorer.
Si ve este ejemplo con IE debe aparecer una regla horizontal en color rojo:
El código es simplemente: <HR WIDTH="50%" COLOR="RED">
FONFO
Para darle colores a una página, debes darle la órden luego de la etiqueta .
Ahora los colores se nombran ya sea en su nombre correspondiente en Inglés, o tamb
ién en sus códigos respectivos en números.
Ejemplo 1:
< body bgcolor="black" text="white" >
Ejemplo 2:
< body bgcolor="#000000" text="#FFFFFF" >

................
Para crear un enlace a una página o archivo del mismo directorio que el de la página
que se modifica, basta con usar la ruta de acceso relativa,
con lo que el enlace sólo incluirá el nombre del archivo:
<a href="pagina.html">Página siguiente</a>
En la página aparecerá el texto "Página siguiente", y al hacer clic en él aparecerá la pági
a cuyo archivo se denomina pagina.html.
Si desea cambiar el texto del enlace sustituya "Página siguiente" por el que des
ee usar. Además, si desea que el enlace señale a otra página,
bastará con que sustituya "pagina.html"
por el nombre de ese archivo.
Cuando el enlace sea a un subdirectorio, debe usar este formato:
<a href="subdirectorio/pagina.html">Página siguiente</a>
Al crear un enlace a una página externa al directorio, o en Internet, basta con us
ar la dirección completa (denominada ruta de acceso absoluta)
en lugar de la ruta de acceso relativa:
<a href="http://servidor.com.. ó, .es">Ir a Mi página!</a>

.................
Cómo se añade un enlace a una imagen?

Para crear un enlace en una imagen, puede usar el código de ejemplo siguiente:
<a href="pagina.html"><img src="imagen.gif"></a>

La imagen de nombre "imagen.gif" aparece en la página, y al hacer clic en él, el nav


egador irá a la página denominada pagina.html
(sustituya esos nombres por los de sus archivos).
También puede añadir un atributo BORDER dentro de la etiqueta IMG SRC para personali
zar el borde del enlace que aparece alrededor de la imagen.
El código de ejemplo anterior no incluye el atributo BORDER, por lo que el resulta
do será el siguiente:
my/top7
Aquí tiene de nuevo el mismo ejemplo, la diferencia es que ahora se ha añadido el at
ributo BORDER="0" en la etiqueta IMG SRC para quitar el borde. Éste es el código:
<A HREF="http://servidor.com, ó. es"><IMG SRC="http://us.yimg.com/i/es/my/top7.gif
" BORDER="0"></A>
my/top7
La imagen servidor! del ejemplo anterior incluye un enlace para ir a la página sel
eccionada! También se ha añadido el atributo BORDER="0" para quitar el borde
.............................

¿Cómo se puede incluir música de fondo?

Hay dos juegos de códigos diferentes cuyo uso se recomienda para hacer que suene u
na música de fondo cuando alguien visite la página. Microsoft Internet
Explorer usa la etiqueta <BGSOUND SRC>, mientras que Netscape Navigator usa <EMB
ED>. Incluya el código siguiente (dentro de la etiqueta HEAD) para que
la página tenga una música de fondo:
<EMBED SRC="musica.mid" AUTOSTART=TRUEHIDDEN=TRUE><NOEMBED><BGSOUND SRC="musica.
mid"></NOEMBED>
Sustituya "musica.mid" por el nombre actual del archivo que desea usar.
También puede hacer que la música de fondo suene ininterrumpidamente, hasta que
el visitante haga clic en el botón "DETENER" del navegador, o vaya a otra página. Éste
es el mismo código del ejemplo anterior, pero con reproducción continua:
<EMBED SRC="musica.mid" AUTOSTART="TRUE" HIDDEN="TRUE" LOOP="TRUE"><NOEMBED><BGS
OUND SRC="musica.mid" LOOP="INFINITE"></NOEMBED>
Atención: tenga en consideración que el archivo de sonido que utilice como música de f
ondo debe estar entre los archivos de su pági
.................................
¿Cómo se alinea el texto?

Puede usar estas etiquetas de párrafo para cambiar la alineación del texto en la págin
a:
ALIGN LEFT
<p align="left">Escriba el texto aquí
aparecerá como:
Escriba el texto aquí
ALIGN RIGHT
<p align="right">Escriba el texto aquí
aparecerá como:
Escriba el texto aquí
CENTER
<p align="center">Escriba el texto aquí
o bien
<CENTER>Escriba el texto aquí</CENTER>
aparecerá como:
........................................................

You might also like