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">
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">
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">
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">
Código:
<html>
<head>
<P ALIGN="CENTER"><tt><title>PRODUCTOSGY G 904</tt></title></P>
</head>
<!--PaginawebelaboradaporPabloGonzalezySergioGuzman904 //-->
<bodybgcolor="green">
<hr>
<MARQUEE><i><b>BIENVENIDO A NUESTRA WEB CORPORATIVA</b></i></MARQUEE><br>
<hr>
<H3>Brindamos losmejoresproductos</H3><br>
<P ALIGN="CENTER"><fontcolor="black"size="5"face="ComicSans
MS"><B>SPARTAAAA<B></font><br>
<P ALIGN="CENTER"><fontcolor="blue"size="4"face="ComicSansMS"><B>THIS
IS<B></font><br>
<P ALIGN="CENTER">Somoslaempresaconmas variedadde productosque vandesde
alimentos,electrodomesticos,ropa,armasnucleares,guardaespaldas,seriesypeliculaspiratasy
originales,etc...</P>
<fontcolor="black"size="5"face="ComicSansMS">ProductosG y G</front><br>
<img src="imagenes/ss.jpg"border="4">
<img src="imagenes/master.png"width="400"height="160"border="3">
<fontcolor="red"size="4"face="Arial">Losmejores</front>
<hr align="center"width="50%"size="5"color="yellow"noshade>
<pre> <P ALIGN="CENTER">Copyright2015
<P ALIGN="CENTER">Colegionacional nicolasesguerra
<P ALIGN="CENTER">Cll 34 No. BRONXy la"L" Bogota,Colombia
<P ALIGN="CENTER">abuelogay@gmail.com</pre>
</body>
</html>

Colegio nacional nicolas esguerrra

  • 1.
    COLEGIO NACIONALNICOLASESGUERRRA EDIFICAMOS FUTURO PAGINAWEB 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 imagennopuedeservisualizadaenel 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 unaimagen 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 unaimagen 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">
  • 5.
    Código: <html> <head> <P ALIGN="CENTER"><tt><title>PRODUCTOSGY G904</tt></title></P> </head> <!--PaginawebelaboradaporPabloGonzalezySergioGuzman904 //--> <bodybgcolor="green">
  • 6.
    <hr> <MARQUEE><i><b>BIENVENIDO A NUESTRAWEB CORPORATIVA</b></i></MARQUEE><br> <hr> <H3>Brindamos losmejoresproductos</H3><br> <P ALIGN="CENTER"><fontcolor="black"size="5"face="ComicSans MS"><B>SPARTAAAA<B></font><br> <P ALIGN="CENTER"><fontcolor="blue"size="4"face="ComicSansMS"><B>THIS IS<B></font><br> <P ALIGN="CENTER">Somoslaempresaconmas variedadde productosque vandesde alimentos,electrodomesticos,ropa,armasnucleares,guardaespaldas,seriesypeliculaspiratasy originales,etc...</P> <fontcolor="black"size="5"face="ComicSansMS">ProductosG y G</front><br> <img src="imagenes/ss.jpg"border="4"> <img src="imagenes/master.png"width="400"height="160"border="3"> <fontcolor="red"size="4"face="Arial">Losmejores</front> <hr align="center"width="50%"size="5"color="yellow"noshade> <pre> <P ALIGN="CENTER">Copyright2015 <P ALIGN="CENTER">Colegionacional nicolasesguerra <P ALIGN="CENTER">Cll 34 No. BRONXy la"L" Bogota,Colombia <P ALIGN="CENTER">abuelogay@gmail.com</pre> </body> </html>