Ejercicios de HTML

Ejercicios de Lenguaje HTML (I)

Ejercicio 1

 

 

1.- Abre el Bloc de Notas y escribe el siguiente texto:

 

 

 

 

 

 

 

Mi primera página

 

 

Esta es mi primera página

 

 

 

2.- Guárdalo 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 página.

 

 

TÍTULO 1

 

TÍTULO 2

 

TÍTULO 3

 

TÍTULO 4

 

TÍTULO 5

 

TÍTULO 6

 

 

 

Sálvalo 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 párrafos (de tres o cuatro líneas caada párrafo) tomados del artículo de la energía en Andalucía. Separa los párrafos sin poner etiquetas, sólo pulsando Introuna o dos veces. Sálvalo, y luego edítalo con tu navegador. Observa que los párrafos se ven juntos.

 

 

2.- Sigue con la edición del fichero, pon las etiquetas

 

a cada párrafo. Sálva el fichero y ábrelo con el navegador.

 

 

3.- Aumenta la separación entre párrafos con
y

 

.

 

 

Ejercicio 4:

 

Para comprobar cómo se pueden alinear textos.

 

 

 

1.- Edita el fichero mipag01tunombre.html y justifica todos los párrafos con

. Comprueba en el navegador la presentación.

 

 

 

 

2.- Ahora centra el párrafo 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 párrafo las etiquetas adecuadas para que aparezcan en negrita, cursiva y teletipo.

 

 

 

2.- Usa la etiqueta con size = 1,2, etc., para tener las primeras palabras del segundo párrafo en tamaño creciente.

 

 

 

3. Ahora usa la etiqueta con size = + 1, - 1, + 2, - 2, etc. para tener las primeras palabras del segundo párrafo en tamaño creciente y decreciente.

 

 

 

Ejercicio 6:

Para comprobar los parámetros de los colores. 

 

Guía 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 líneas como la siguiente, una para cada uno de los colores de la tabla anterior.

 

 

Rojo

 

 

Ejercicio 7:

 

 

1.- Haz un fichero colores02tunombre.html con el siguiente texto:

 

 

 

Rojo 100%

 

 

Rojo 50%

 

 

Rojo 25%

 

 

 

Verde 100%

 

 

Verde 50%

 

 

Verde 25%

 

 

 

Azul 100%

 

 

Azul 50%

 

 

Azul 25%

 

 

 

Sálvalo y léelo en tu navegador.

 

 

2.- Cambia los colores RGB anteriores y observa los resultados.

 

 

3.- Experimenta con los códigos para obtener el color amarillo.

 

 

 

Ejercicio 8:

 

Para comprobar cómo hacer hipertexto.

 

 

Los mecanismos más usados son los siguientes:

 

 

 

1.- Haz una página llamada interesantesminombre.html donde poner enlaces a sitios interesantes. Por ejemplo, puedes empezar con el siguiente texto:

 

 

 

 

 

set=ISO-8559-1”>

 

 

 

 

 

 

Mis páginas favoritas

 

 

 

 

Estas son mis páginas favoritas:

 

 

Google

 

IES Alfonso Romero Barcojo

 

 

 

 

Ejercicio 9:

 

Para comprobar cómo se hacen listas.

 

 

 

Listas desordenadas: