Este documento habla sobre el uso de imágenes en las páginas web. Explica atributos como src, alt, border, width, height y align que permiten insertar imágenes y modificar su apariencia y posicionamiento. También muestra ejemplos prácticos del uso de estas etiquetas con diferentes imágenes.
1. COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
FABIOALEJANDRORAMIREZRUIZ
BRAYAN YESID PEÑUELA TRIVIÑO 905
PAGINA WED 4
IMAGENES
Imagen <img>:
Todas las páginas web acostumbrana tener unciertonúmerode imágenes,
que permitenmejorar suapariencia, odotarla de una mayor información
visual.
<img src="imagenes/logo_animales.gif">
Textoalternativo:
Cuando una imagenno puede ser visualizadaenel navegador, cosa que
puede ocurrir al especificar mal el valor del atributosrc, aparece un
recuadroblanco con una X roja en sulugar, juntocon el nombre de la
imagen.
<img src="gatito.gif"alt="Imagengato" >
<img src="imagenes/gatito.gif"alt="Imagengato">
Borde deunaimagen:
En general, al visualizar unapágina en un navegador las imágenes aparecen
sinningún borde alrededor, peroes posible establecer unoatravés del
atributoborder.
<img src="imagenes/logo_animales.gif"border="4">
2. <a href="http://www.aulaclic.com"target ="_blank"><img
src="imagenes/logo_animales.gif"border="4"></a>
Tamaño deunaimagen:
Cuando insertamos una imagen, estase muestraenlos navegadores con su
tamaño original, peropor diversos motivos puede interesarnosmodificar
dicho tamaño.
<img src="imagenes/logo_animales.gif"width="200"height="80">
Alineaciónde una imagen:
La alineaciónde las imágenes se establece através del atributoalign. Este
atributo indicala alineaciónde las imágenes conrespectoala líneade texto
en la que se encuentran.