Este documento describe cómo insertar y modificar imágenes en páginas web usando etiquetas HTML. Explica que la etiqueta <img> se usa para insertar imágenes y que incluye atributos como src para especificar la ruta de la imagen, border para agregar un borde, width y height para cambiar el tamaño, y align para alinear la imagen.
1. COLEGIO NACIONAL NICOLAS ESGUERRA
ANDRES FELIPE CEPEDA NIETO
JUAN DAVID CHAPARRO
903
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.
FORMULA: <img src="imagenes/LOGONIKE.jpg">
Borde de una imagen
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravésdel atributoborder.
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
Por ejemplo,parainsertarlasiguiente imagenconborde:
FORMULA: <img src="imagenes/LOGONIKE.jpg"border="4">
2. Tamaño de una imagen
Cuandoinsertamosunaimagen,estase muestraenlosnavegadoresconsutamañooriginal,pero
por diversosmotivos puede 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.
El valorque puedentomarlosatributoswidthyheight hade 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
FORMULA: <img src="imagenes/LOGONIKE.jpg"width="200"height="80">
Alineaciónde una imagen
La alineaciónde lasimágenesse estableceatravésdel atributoalign.Este atributoindicala
alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran.