SlideShare une entreprise Scribd logo
1  sur  3
Trabajo 4
Ejercicio 1.

1 Abre el archivo inicio.htm, que se encuentra en la carpeta ejercicios_html/animales.
2 Sustituye la línea
<b> visita aulaclic</b>
que está incluida dentro de un hiperenlace, por la línea
<imgsrc="imagenes/aulaclic.jpg" alt="visitaaulaclic" width="90" height="32" border="4">
Con este código estarás asociando el enlace con la imagen aulaclic.jpg que se encuentra en la
directorio imagenes dentro de la carpeta animales (la carpeta donde se encuentra el archivo
inicio.htm.
La imagen medirá 90 píxeles de ancho, y 32 píxeles de alto (atributos width y height).
Tendrá un borde de 4 píxeles (atributo border), que aparecerá de color rojo, al ser este color el
definido para los enlaces de esta página.
En el caso de que la imagen no pueda ser visualizada, o se situe el puntero sobre ella, se
mostrará el texto visita aulaclic (atributo alt).
3 Haz clic sobre la opción Guardar del menú Archivo.
4 Abre el documento inicio.htm, que acabas de guardar, en un navegador, y comprueba que
obtienes una página como la que aparece si pulsas aquí.

Ejercicio 2.

1 Abre el documento menu.htm, de la carpeta originales/animales del curso.
2 Guarda la página con el mismo nombre en tu directorio de ejercicios Mis
documentos/ejercicios_html/animales
2 Añade delante de la primera etiqueta <p ... la siguiente línea:
<p align="center"><imgsrc="imagenes/logo_animales.gif" width="122" height="85"></p>
El párrafo se añade para centrar la imagen.
3 Haz clic sobre la opción Guardar del menú Archivo.
4 Abre el documento menu.htm, que acabas de guardar, en un navegador, y comprueba que
obtienes una página como la que aparece si pulsas aquí.

Ejercicio 3.

1 Abre el archivo gatos.htm, que se encuentra en la carpeta animales.
2 Añade detrás de la etiqueta </ul> la línea:
<imgsrc="imagenes/gatito.gif" alt="gatito" border="0">
3 Haz clic sobre la opción Guardar del menú Archivo.
4 Abre el documento menu.htm, que acabas de guardar, en un navegador, y comprueba que
obtienes una página como la que aparece si pulsas aquí.
No te preocupes por la disposición de la imagen, en el tema de tablas lo arreglaremos.
Trabajo 4

Contenu connexe

Similaire à Trabajo 4

Similaire à Trabajo 4 (20)

Trabajo 3
Trabajo 3Trabajo 3
Trabajo 3
 
Ejercicio html primer año
Ejercicio html primer añoEjercicio html primer año
Ejercicio html primer año
 
Creación y tratamiento de imágenes con GIMP y Paint.NET
Creación y tratamiento de imágenes con GIMP y Paint.NETCreación y tratamiento de imágenes con GIMP y Paint.NET
Creación y tratamiento de imágenes con GIMP y Paint.NET
 
Practicakompozer 3
Practicakompozer 3Practicakompozer 3
Practicakompozer 3
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Clase1 moodle
Clase1 moodleClase1 moodle
Clase1 moodle
 
Tarea sesion3 alvarez_bernal
Tarea sesion3 alvarez_bernalTarea sesion3 alvarez_bernal
Tarea sesion3 alvarez_bernal
 
tarea_sesion3MTA
tarea_sesion3MTAtarea_sesion3MTA
tarea_sesion3MTA
 
Sesión 6
Sesión 6Sesión 6
Sesión 6
 
Agregar contenido en Moodle
Agregar contenido en MoodleAgregar contenido en Moodle
Agregar contenido en Moodle
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
 
html
htmlhtml
html
 
Power modulo_6 diseño de material multimedia
 Power modulo_6 diseño de material multimedia Power modulo_6 diseño de material multimedia
Power modulo_6 diseño de material multimedia
 
Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014Dreamweaver - Fichas de Aprendizaje 2014
Dreamweaver - Fichas de Aprendizaje 2014
 
Guia uso exelearning
Guia uso exelearningGuia uso exelearning
Guia uso exelearning
 
Power Point
Power PointPower Point
Power Point
 
Ejercicios Ficheros y Directorios
Ejercicios Ficheros y DirectoriosEjercicios Ficheros y Directorios
Ejercicios Ficheros y Directorios
 
Cómo crear copias de seguridad de las páginas del TwinSpace
Cómo crear copias de seguridad de las páginas del TwinSpaceCómo crear copias de seguridad de las páginas del TwinSpace
Cómo crear copias de seguridad de las páginas del TwinSpace
 
Trabajamos Impress Teoria
Trabajamos Impress TeoriaTrabajamos Impress Teoria
Trabajamos Impress Teoria
 
Tarea 3 parcial 2
Tarea 3 parcial 2 Tarea 3 parcial 2
Tarea 3 parcial 2
 

Plus de davidvelascov (20)

Colegio nacional
Colegio nacionalColegio nacional
Colegio nacional
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
 
Trabajo 2
Trabajo 2Trabajo 2
Trabajo 2
 
Trabajo 1
Trabajo 1Trabajo 1
Trabajo 1
 
Doc2
Doc2Doc2
Doc2
 
Doc1
Doc1Doc1
Doc1
 
Doc1
Doc1Doc1
Doc1
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Gay 1 copia
Gay 1   copiaGay 1   copia
Gay 1 copia
 
Gay 2 copia
Gay 2   copiaGay 2   copia
Gay 2 copia
 
trabajo de robot 3
trabajo de robot 3trabajo de robot 3
trabajo de robot 3
 
123
123123
123
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
2
22
2
 
3
33
3
 
Doc2
Doc2Doc2
Doc2
 
Colegio nicolas esguerra 1
Colegio nicolas esguerra 1Colegio nicolas esguerra 1
Colegio nicolas esguerra 1
 

Trabajo 4

  • 1. Trabajo 4 Ejercicio 1. 1 Abre el archivo inicio.htm, que se encuentra en la carpeta ejercicios_html/animales. 2 Sustituye la línea <b> visita aulaclic</b> que está incluida dentro de un hiperenlace, por la línea <imgsrc="imagenes/aulaclic.jpg" alt="visitaaulaclic" width="90" height="32" border="4"> Con este código estarás asociando el enlace con la imagen aulaclic.jpg que se encuentra en la directorio imagenes dentro de la carpeta animales (la carpeta donde se encuentra el archivo inicio.htm. La imagen medirá 90 píxeles de ancho, y 32 píxeles de alto (atributos width y height). Tendrá un borde de 4 píxeles (atributo border), que aparecerá de color rojo, al ser este color el definido para los enlaces de esta página. En el caso de que la imagen no pueda ser visualizada, o se situe el puntero sobre ella, se mostrará el texto visita aulaclic (atributo alt). 3 Haz clic sobre la opción Guardar del menú Archivo. 4 Abre el documento inicio.htm, que acabas de guardar, en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí. Ejercicio 2. 1 Abre el documento menu.htm, de la carpeta originales/animales del curso. 2 Guarda la página con el mismo nombre en tu directorio de ejercicios Mis documentos/ejercicios_html/animales 2 Añade delante de la primera etiqueta <p ... la siguiente línea: <p align="center"><imgsrc="imagenes/logo_animales.gif" width="122" height="85"></p> El párrafo se añade para centrar la imagen.
  • 2. 3 Haz clic sobre la opción Guardar del menú Archivo. 4 Abre el documento menu.htm, que acabas de guardar, en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí. Ejercicio 3. 1 Abre el archivo gatos.htm, que se encuentra en la carpeta animales. 2 Añade detrás de la etiqueta </ul> la línea: <imgsrc="imagenes/gatito.gif" alt="gatito" border="0"> 3 Haz clic sobre la opción Guardar del menú Archivo. 4 Abre el documento menu.htm, que acabas de guardar, en un navegador, y comprueba que obtienes una página como la que aparece si pulsas aquí. No te preocupes por la disposición de la imagen, en el tema de tablas lo arreglaremos.