0% encontró este documento útil (0 votos)
16 vistas7 páginas

Ejercicios Prácticos de HTML

Este documento contiene instrucciones para realizar varios ejercicios prácticos de edición de páginas web utilizando HTML. Los ejercicios incluyen abrir y guardar páginas en diferentes carpetas, modificar colores de fondo, márgenes, listas y enlaces, e insertar imágenes y tablas. El objetivo es practicar conceptos básicos de maquetación web a través de pequeñas modificaciones en páginas existentes.

Cargado por

Hypa123
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
16 vistas7 páginas

Ejercicios Prácticos de HTML

Este documento contiene instrucciones para realizar varios ejercicios prácticos de edición de páginas web utilizando HTML. Los ejercicios incluyen abrir y guardar páginas en diferentes carpetas, modificar colores de fondo, márgenes, listas y enlaces, e insertar imágenes y tablas. El objetivo es practicar conceptos básicos de maquetación web a través de pequeñas modificaciones en páginas existentes.

Cargado por

Hypa123
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOC, PDF, TXT o lee en línea desde Scribd

Ejercicio 1: Deportes.

1 Abrir el documento [Link], de la carpeta originales/deportes del curso.


2 Guardar la pgina con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3 Establecer #0099CC como color de fondo y 40 como tamao de los mrgenes.
4 Guardar los cambios y comprobar el funcionamiento con tu navegador, no te
preocupes por el formato del teto, lo arreglars en el tema siguiente.

Ejercicio !: "lores.
1 #opiar la imagen [Link] $ue encontrars en la carpeta originales/lores/imagenes a
tu carpeta Mis documentos/ejercicios_html/lores/imagenes
2 #opiar el documento [Link], de la carpeta originales/lores a tu carpeta Mis
documentos/ejercicios_html/lores.
3 Abrir el documento Mis documentos/ejercicios_html/lores%[Link] con el &loc
de notas.
4 Establecer como imagen de fondo la imagen [Link] de la carpeta
ejercicios_html/lores/imagenes.
! Guardar los cambios y comprobar el funcionamiento en tu navegador.
E'E(#)#)* DE +E,+*
Ejercicio 1: Deportes.
1 Abrir el documento quienes, de tu carpeta ejercicios_html/deportes.
2 Aadir el c-digo necesario para $ue la pgina $uede de la siguiente forma:
3 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio !: Deportes.
1 Abrir el documento [Link], de la carpeta originales/deportes del curso.
2 Guardar la pgina con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3 #onvertir la .ltima frase en una mar$uesina.
4 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio /: Deportes.
1 Abrir el documento [Link], de la carpeta originales/deportes del curso.
2 Guardar la pgina con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3 #onvertir la lista de actividades $ue aparece antes de la frase Puedes apuntarte... en
una lista con vietas.
4 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio 0: "lores.
1 Abrir el documento [Link], de la carpeta ejercicio_html/lores.
2 Aadir el c-digo necesario para $ue la pgina $uede de la siguiente forma:
Establecer #990033 como color del teto del documento, y 4 como el tamao normal.
3 Guardar los cambios y comprobar el funcionamiento en un navegador.
Ejercicio 1: Deportes.
1 Abrir el documento [Link], de la carpeta originales/deportes del curso.
2 Guardar la pgina con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/deportes
3 (ectificar la pgina para $ue la palabra E12A)3 sea un enlace de correo electr-nico a
tu direcci-n de correo.
4 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio !: Deportes.
1 Abrir el documento [Link], de la carpeta ejercicios_html/deportes.
2 Aadir al teto de cada actividad un enlace al prrafo correspondiente a esa actividad
para $ue el navegante pueda ver directamente la descripci-n de la actividad sin tener $ue
moverse por toda la pgina.
3 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio /: "lores.
1 Abrir el documento [Link], de la carpeta originales/lores del curso.
2 Guardar la pgina con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/lores
3 Asociar a la palabra Inicio un enlace a la pgina [Link], a la palabra Productos un
enlace a la pgina [Link] y a la palabra Pedidos un enlace a la pgina
[Link], las pginas [Link], [Link] y [Link] se encontrarn en
el mismo directorio $ue la pgina menu.4tm. 3as pginas se abrirn en la misma
ventana.
4 Guardar los cambios y comprobar el funcionamiento del enlace a la pgina )nicio.4tm
en un navegador 5las pginas productos.4tm y pedidos.4tm se incorporarn ms
adelante6 .
Ejercicio 1: Deportes.
1 Abrir el documento [Link], de la carpeta ejercicios_html/deportes.
2 7ustituir la palabra DE8*(+E7 por la imagen [Link] $ue se encuentra en la
carpeta imagenes de la carpeta ejercicios_html/deportes, la imagen deber tener
deportes como teto alternativo.
3 7ustituir la palabra E12A)3 por la imagen [Link], sin teto alternativo.
4 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio !: Deportes.
1 Abrir el documento [Link], de la carpeta ejercicios_html/deportes.
2 7ustituir la palabra DE8*(+E7 $ue aparece al final de la pgina por la misma imagen
[Link] $ue en el ejercicio anterior, la imagen deber tener deportes como
teto alternativo.
3 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio /: "lores.
1 Abrir el documento [Link], de la carpeta lores.
2 7ustituir la palabra "3*(E7 por la imagen logo_lores.gi $ue se encuentra en la
carpeta imagenes de la carpeta lores, la imagen deber tener lores como teto
alternativo y el teto $ue 4ay a su derec4a debe $uedar a media altura de la imagen.
3 Guardar los cambios y comprobar el funcionamiento en un navegador.
Ejercicio 1: Deportes.
1 Abrir el documento [Link], de la carpeta deportes.
2 2odificar la pgina para colocar la lista de centros en una tabla como esta:
3 (ectificar la tabla para $ue las celdas de la primera fila sean t9tulos de columna.
4 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio !: Deportes.
1 Abrir el documento [Link], de la carpeta deportes.
2 2odificar la tabla $ue aparece para dejarla as9:
3 Guardar los cambios y comprobar el funcionamiento en un navegador.

Ejercicio /: "lores.
1 Abrir el documento [Link], de la carpeta originales/lores del curso.
2 Guardar la pgina con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/lores
3 2odificar la tabla para $ue la celda $ue contiene el teto " # se combine con la celda
$ue se encuentra debajo de ella.
4 Guardar los cambios y comprobar el funcionamiento en un navegador.
Ejercicio 0: "lores.
1 Abrir el documento [Link], de la carpeta lores.
2 Aadir una tabla para $ue cada palabra y la imagen ocupen el anc4o de la ventana y
est:n e$uidistantes.
3 Guardar los cambios y comprobar el funcionamiento en un navegador.

También podría gustarte