Imagenes

Instituto Superior Tecnológico Espiritu Santo

Fundamentos de Internet

Fundamentos de Internet

- Doc 05 -

Por: Ruben Torres Ortega

2. 6 La marca IMG: insertar imágenes en la página web. La marca Img y el atributo src En HTML las imagines se adjuntan con la marca . The es una de las pocas marcas HTML que no contienen marca de cierre.. Para mostrar una imagen usamos el atributo src (de source y no confundirlo con el scr de screen como comunmente se lo hace). La sintaxis de mostrar una imagen es:

La direccion url apuntará directamente al mismo directorio donde se encuentra la página HTML, Una imagen llamada "boat.gif" localizado en el directorio "images" en el sitio "www.w3schools.com" tiene que ser llamado con el url URL: http://www.w3schools.com/images/boat.gif.

El atributo Alt El atributo alt tambien es denominado como el atributo para colocar un texto alternative, antiguamente se colocaba cuando los navegadores no podian mostrar la imagen, pero actualmente al colocar el ratón sobre la imagen se muestra un recuadro Amarillo (tooltip) mostrando el texto escrito en el atributo ALT:

The "alt" attribute tells the reader what he or she is missing on a page if the browser can't load images. The browser will then display the alternate text instead of the image. It is a good practice to include the "alt" attribute for each image on a page, to improve the display and usefulness of your document for people who have text-only browsers.

El atributo width y height El atributo width define el ancho de la imagen, dado en pixels, y el atributo Height define el alto, tambien demostrado en pixels.



Taller 7: Copiar una imgen en el mismo directorio donde estamos desarrollando la página web, verificar el nombre y la extensión de la imagen. Luego crear en la página web la instrucción para llamar la imagen.

Rubén Torres Ortega [email protected]

Página 17 de 112