Este documento proporciona información sobre cómo insertar imágenes en páginas web. Explica que la etiqueta <img> se usa para insertar imágenes y que incluye atributos como src para especificar la ruta de la imagen, alt para proporcionar texto alternativo que se muestra cuando la imagen no puede cargarse, y border para establecer un borde alrededor de la imagen. También destaca que el texto alternativo es útil para hacer las páginas más accesibles para invidentes.

1. Colegio Nacional Nicolas Esguerra
EDIFICAMOS FUTURO
JASON NICOLASARIAS
CHRISTOPHERAVELLA BARRERA
PAGINA WEB 4
Imagen <img>
Todas laspáginaswebacostumbrana tenerunciertonúmerode imágenes,que permitenmejorar
su apariencia,odotarlade una mayor informaciónvisual.
Para insertarunaimagenesnecesarioinsertarlaetiqueta<img>.Dichaetiquetanonecesita
etiquetade cierre.
El nombre de la imagenhade especificarseatravésdel atributosrc.
<img src="imagenes/logo_animales.gif">
Texto alternativo
Cuandouna imagennopuede servisualizadaenel navegador,cosaque puede ocurriral
especificarmal el valordel atributosrc,aparece un recuadroblancocon una X roja ensu lugar,
juntocon el nombre de la imagen.
Podemoshacerque enlugarde mostrarse el nombre de laimagenaparezcael textoque nosotros
deseemos,graciasal atributoalt.
Por ejemplo,imaginaque deseamosmostrarunaimagenllamadagatito.gif,conel texto
alternativoImagengato,paraelloinsertamosel siguientecódigo:
<img src="gatito.gif"alt="Imagen gato">
Perohemoscometidounerror,ya que dichaimagennose encuentraenel mismodirectorioque
el documentoactual,sinoque se encuentradentrode lacarpetaimágenes.

2. <img src="imagenes/gatito.gif"alt="Imagen gato">
El texto alternativo se muestra también alsituar el puntero sobrela imagen.Si situasel puntero
sobrela imagen duranteunossegundos,veráscomo apareceel texto Imagen gato.
El texto alternativo es muy útil a la hora de diseñarpáginasmásasequiblesa los invidentesya que
los programaslectoresson capacesdeleer el texto alternativo.
Borde de una imagen
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravés del atributoborder.
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
<img src="imagenes/logo_animales.gif"border="4">