You are on page 1of 2

EJERCICIOS DE LENGUAJE HTML (I)

EJERCICIO 1
1.- Abre el Bloc de Notas y escribe el siguiente texto:
<HTML>
<HEAD>
<TITLE>Mi primera pgina</TITLE>
<HEAD>
<BODY>
<CENTER><H1>Mi primera pgina</H1></CENTER>
<HR>
<P>Esta es mi primera pgina
</BODY>
</HTML>
2.- Gurdalo con el nombre mipag01tunombre.html
3.- Arranca el navegador y abre el fichero que acabas de crear.

EJERCICIO 2
Edita el fichero mipag01tunombre.html y pon el siguiente cuerpo a la pgina.
<H1>TTULO 1</H1>
<H2>TTULO 2</H2>
<H3>TTULO 3</H3>
<H4>TTULO 4</H4>
<H5>TTULO 5</H5>
<H6>TTULO 6</H6>
Slvalo con el nombre mipag02tunombre.html y luego brelo con el navegador.

EJERCICIO 3
1.- Edita el fichero mipag01.html y pon en el cuerpo dos o tres prrafos (de tres o cuatro lneas caada prrafo)
tomados del artculo de la energa en Andaluca. Separa los prrafos sin poner etiquetas, slo pulsando Intro una
o dos veces. Slvalo, y luego edtalo con tu navegador. Observa que los prrafos se ven juntos.
2.- Sigue con la edicin del fichero, pon las etiquetas <P> a cada prrafo. Slva el fichero y brelo con el navegador.
3.- Aumenta la separacin entre prrafos con <BR> y <P>.

EJERCICIO 4:
Para comprobar cmo se pueden alinear textos.

1.- Edita el fichero mipag01tunombre.html y


justifica todos los prrafos con <DIV align=justify>.
Comprueba en el navegador la presentacin.
2.- Ahora centra el prrafo y ajusta a la derecha el
segundo. Comprueba el resultado.
EJERCICIO 5:
Para cambiar el aspecto de la letra

1.- Edita el fichero mipagina01tunombre.html y pon a las frases del primer prrafo las etiquetas adecuadas para
que aparezcan en negrita, cursiva y teletipo.
2.- Usa la etiqueta <FONT> con size = 1,2, etc., para tener las primeras palabras del segundo prrafo en tamao
creciente.
3. Ahora usa la etiqueta <FONT> con size = + 1, - 1, + 2, - 2, etc. para tener las primeras palabras del segundo
prrafo en tamao creciente y decreciente.
Ejercicio 6:
Para comprobar los parmetros de los colores. Gua de colores

Black Silver Gray White Maroon Red Purple Fuchsia


Green Lime Olive Yellow Navy Blue Teal Aqua
1.- Haz un fichero colores01tunombre.html con varias lneas como la siguiente, una para cada uno de los colores
de la tabla anterior.
<FONT color=red>Rojo</FONT>
EJERCICIO 7:
1.- Haz un fichero colores02tunombre.html con el siguiente texto:
<FONT COLOR=#FF0000>Rojo 100%</FONT>
<FONT COLOR=#8F0000>Rojo 50%</FONT>
<FONT COLOR=#4F0000>Rojo 25%</FONT><P>
<FONT COLOR=#00FF00>Verde 100%</FONT>
<FONT COLOR=#008F00>Verde 50%</FONT>
<FONT COLOR=#004F00>Verde 25%</FONT><P>
<FONT COLOR=#0000FF>Azul 100%</FONT>
<FONT COLOR=#00008F>Azul 50%</FONT>
<FONT COLOR=#00004F>Azul 25%</FONT>
Slvalo y lelo en tu navegador.
2.- Cambia los colores RGB anteriores y observa los resultados.
3.- Experimenta con los cdigos para obtener el color amarillo.

You might also like