Creación de páginas web. Lenguaje HTML >
HTML,
siglas de H y p e r T ex ex t M a r k u p
(«lenguaje de marcas de L a n g u a g e («lenguaje
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 TÍTULO TÍTULO TÍTULO TÍTULO
1
2 3 4 5
TÍTULO 6
hipertexto»),
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:
<meta http-equiv=”Content-Type” content=”text/html; char set=ISO-8559-1”> 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: 
que no lo muestren. Con los parámetros HEIGHT y WIDTH se puede indicar siempre: la altura y la anchura del gráfico en píxeles. 
El nombre del fichero imagen debe hacer referencia ala carpeta de origen del mismo. No se pondrá si ésta es la misma que la del documento HTML que estamos elaborando. Se puede alinear una imagen a la izquierda o a la derecha de la página. Esto se consigue con los parámetros ALIGN= RIGHT (imagen a la derecha) y ALIGN=LEFT (la imagen queda a la izquierda). También se puede poner una imagen como fondo de toda la página. Esto se consigue poniendo el parámetro BACKGRONUD="imagen" en la etiqueta
, siendo imagen el nombre del fichero gráfico GIF o JPG.
Apoyándote en la explicación anterior, edita el archivo del ejercicio nº 3 e inserta una imagen centrada detrás de cada párrafo. Ejercicio 12:
Edita el archivo nº 6 y coloca como imagen de fondo de la página una paleta de colores que captures en Internet. Caráct er
á é í ó
Entidad HTML
á é í ó
Caráct er
Á É Í
Entidad HTML
Á É Í Ó
ú ü ñ ¡
ú ü ñ ¡
Ñ ¿
Ú Ü Ñ ¿
