Académique Documents
Professionnel Documents
Culture Documents
SESIÓN DE PROYECTO N° 11
COMPETENCIA Y Siempre
DIMENSIÓN A veces.
Aprender de los errores. Nunca
SOCIOEMOCIONAL:
Perseverancia
FICHA INFORMATIVA N° 01
Pues bien, crearemos otra carpeta dentro que se llamará “imagenes“, donde irán las imágenes
de nuestra página. Por último, introducimos en ella una imagen que tengamos a mano.
imagenes fondito.jpg
MI SITIO inicio.html playa.jpg
sobre_mi.html logo.jpg
2º Atributo src
Le añadimos el atributo src, sería la URL donde podemos encontrar la imagen.
<body>
<p>Mirad que imagen más bonita:</p>
<img src="imagenes/playa.jpg" alt="Arena de playa en un
día soleado" />
<p>Ójala estuviera en un sitio así ahora mismo</p>
</body>
1
4° GRADO SESIÓN011 - PROYECTO- III BIMESTRE
3º Atributo alt
Ahora pondremos el atributo alt, con éste atributo estaremos especificando un texto alternativo
para el caso de que la imagen no cargue.
Asimismo si pasamos el cursor sobre la imagen también nos aparecerá dicho texto pero sólo si
utilizas Internet Explorer, si usas Chrome, Firefox etc entonces además tendrás que añadir
el atributo title como en el ejemplo:
FICHA DE TRABAJO N° 01
1. Crea una carpeta con el nombre del tema para su sitio web y dentro de ella una subcarpeta llamada
imágenes.
2. Inserta una imagen del tamaño de 300 por 250 y guárdala con el nombre de trabajo_magen1.html en la
carpeta creada.
3. Crea una tabla de 2 X 2 de 200 px por 100 px cada celda e inserta una imagen del mismo tamaño en
cada celda y guárdala con el nombre de trabajo_imagen2.html en la carpeta creada