• Author / Uploaded
• saeb

• Categories
• Lenguaje de marcado
• HTML
• Datos informáticos
• Áreas de la informática
• Hipertexto

Citation preview

‪Creación de páginas web. Lenguaje HTML‪‎> HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), ‪‎

Ejercicios de Lenguaje HTML (I)‬‪ ‪

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

Mi primera página

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 Intro una 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 Green

Silver Lime

Gray Olive

White Yellow

Maroon Navy

Red Blue

Purple Teal

Fuchsia 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:

Sitios de interés

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:

Listas ordenadas:

Ejercicio 10: Haz una lista desordenada con los nombres:Desayuno, almuerzo, Merienda y Cena. Convierte en ordenada la lista anterior.

Ejercicio 11: Para incluir gráficos e imágenes en unestras páginas utilizaremos la etiqueta de esta manera: