Este documento proporciona instrucciones sobre cómo insertar imágenes en una página web utilizando las etiquetas <img> en HTML. Explica los atributos src, alt, border, width y height que permiten especificar la ubicación de la imagen, texto alternativo, borde, ancho y alto respectivamente. Además, indica que los cambios en el tamaño de la imagen a través de width y height solo afectan su visualización en el navegador y no el archivo de imagen en sí.
1. COLEGIO NACIONALNICOLASESGUERRRA
EDIFICAMOS FUTURO
PAGINA WEB IV
Sergio Leoanrdo Guzman Rodriguez
Pablo Jose Gonzalez Morales
904
Imagen <img>:
Todas laspáginaswebacostumbrana tenerun ciertonúmerode imágenes,que permitenmejorar
su apariencia,odotarlade una mayor informaciónvisual.
Para insertarunaimagenesnecesarioinsertarlaetiqueta<img>.Dichaetiquetanonecesita
etiquetade cierre.
<img src="imagenes/ss.jpg">
2. 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.
<img src="gatito.gif"alt="master.png">
3. Borde de una imagen
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravésdel atributoborder.
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
<img src="imagenes/ss.jpg"border="4">
<img src="imagenes/master.png"width="400"height="160"border="3">
4. Tamaño de una imagen
Cuandoinsertamosunaimagen,estase muestraenlosnavegadoresconsutamañooriginal,pero
por diversosmotivospuede interesarnosmodificardichotamaño.
A travésde losatributoswidth(anchura) yheight(altura) puede modificarse el tamañode la
imagen.Dichocambiode tamañono se aplicadirectamente sobre el archivode imagen,sinoque
loque varía esla visualizaciónde laimagenenel navegador.
<img src="imagenes/ss.jpg"border="4">
<img src="imagenes/master.png"width="400"height="160"border="3">