El documento proporciona instrucciones sobre cómo insertar imágenes en páginas web, incluyendo cómo especificar la ruta de la imagen, texto alternativo, bordes, tamaño y alineación. Explica los atributos img, src, alt, border, width, height y align y proporciona ejemplos de código HTML para cada uno.
1. COLEGIO NACIONAL NICOLAQS ESGUERRA
EDIFICAMOS FUTURO
MANUEL FERNANDO VARGAS
PERDOMO APONTE JOHNEDWARD 902
PAGINA WEB 4
Imagen:
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.
Codigo:<img src="imagenes/globos.jpg">
Texto Alternativo:
Cuandouna imagennopuede servisualizadaenel navegador,cosaque puede ocurriral
especificarmal el valordel atributo src,aparece un recuadroblancocon una X roja ensu lugar,
juntocon el nombre de la imagen.
Podemoshacerque en lugarde mostrarse el nombre de laimagenaparezcael textoque nosotros
deseemos,graciasal atributo alt.
Codigo: <img src="imagenes/globos.jpg" alt="Imagen Globos">
Borde de una imagen:
En general,al visualizarunapáginaenunnavegadorlasimágenesaparecensinningúnborde
alrededor,peroesposibleestablecerunoatravésdel atributoborder.
El atributoborderpuede tomarvaloresnuméricos,que indicanel grosorenpíxelesdel borde.
Codigo:<img src="imagenes/globos.jpg"alt="ImagenGlobos"border="3">
2. Tamaño de 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.
El valorque puedentomarlosatributoswidthyheighthade ser un número,acompañadode %
cuandose desee que seaenporcentaje conrespectoalapágina.
Codigo:<img src="imagenes/globos.jpg"alt="ImagenGlobos"border="3"width="400"
height="400">
Alineacionde la imagen:
La alineaciónde lasimágenesse estableceatravésdel atributoalign.Este atributoindicala
alineaciónde lasimágenesconrespectoala líneade textoenla que se encuentran.
Codigo:GlobosGlove <imgsrc="imagenes/globos.jpg"alt="ImagenGlobos"
border="3"width="400"height="400"align="middle">LosMejores
3. CodigoFinal:
<html>
<head>
<title>HevenGifts902</title>
</head>
<!--ESTA WEB FUE ELABORADA PORMANUEL Y EDWARD 902 //-->
<bodybgcolor="Grey">
<H1><marquee bgcolor="white"behavior="alternate"direction="right">BIENVENIDOSA NUESTRA
WEB CORPORATIVA</H1></marquee>
<hr><br>
Nuestraempresacuentaconmas de 15 años enla organizacionyrealizacionde eventos.<br>
<hr>
<fontcolor="white"size="6"face="ComicSansMS,Arial,MS Sans Serif">Globos
glove</font><br>
GlobosGlove <imgsrc="imagenes/globos.jpg"alt="ImagenGlobos"border="3"width="400"
height="400"align="middle">LosMejores
<pre>
<hr align="CENTER"width="30%"size="5"COLOR="WHITE">
Copyright2015
ColegioNacional NicolasEsguerra
Cll 6B #80-96 BOGOTA COLOMBIA
</PRE>
</BODY>
</html>