Este documento explica cómo insertar y modificar imágenes en páginas web. Explica que la etiqueta <img> se usa para insertar imágenes y que no requiere etiqueta de cierre. Los atributos src, border, width, y height permiten especificar la ubicación de la imagen, agregar un borde, y modificar el tamaño de la imagen respectivamente.

1. COLEGIO NACIONAL NICOLAS ESGUERRA
ANDRES FELIPE MANTILLA QUINTERO
MAURY ORCUE
N#3
IMAJEN
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 atributo src.
Por ejemplo,parainsertarlasiguiente imagen:
PARA GENERAR UN BORDE EN UNA IMAGEN
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravésdel atributo border.
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
Por ejemplo,parainsertarlasiguiente imagenconborde:

2. PARA AGRANDAR LA IMAGEN O REDUCIRLA
Cuandoinsertamosunaimagen,estase muestraenlosnavegadoresconsutamañooriginal,pero
por diversosmotivospuede interesarnosmodificardichotamaño.
A travésde losatributos width(anchura) y height(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.
El valorque puedentomarlosatributos widthyheighthade ser un número,acompañadode %
cuandose desee que seaenporcentaje conrespectoalapágina.
Por ejemplo,parainsertarlasiguiente imagen(cuyotamañooriginalerade 122 píxelesde anchura
y 71 píxelesde altura) con200 píxelesde anchuray 80 píxelesde altura
HABRIA QUE ESCRIBIR
<img src="imagenes/logo_animales.gif" width="200" height="80">
PARA ALINEARIMAJEN