1. Colegio nacional nicolas esguerra
Edificamos futuro
Juan camilo ladino vallejo
Página web 4
Imagen <img>
Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten
mejorar su apariencia, o dotarla de una mayor información visual.
Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no
necesita etiqueta de cierre.
En mi página copie esta imagen con el siguiente código
<img src="imagene
s/logo_animales.gif">
2. Texto alternativo
Cuando una imagen no puede ser visualizada en el navegador, cosa que puede ocurrir al
especificar mal el valor del atributo src, aparece un recuadro blanco con una X roja en su
lugar, junto con el nombre de la imagen.
Podemos hacer que en lugar de mostrarse el nombre de la imagen aparezca el texto que
nosotros deseemos, gracias al atributo alt.
Por ejemplo, imagina que deseamos mostrar una imagen llamada gatito.gif, con el texto
alternativo Imagen gato, para ello insertamos el siguiente código:
<img src="gatito.gif" alt="Imagen gato" >
En mi caso puse una imagen gif con los mismop que decía el profesor
Borde de una imagen
Lo negro es el borde
3. Alineación de una imagen
Este cuadro nos indica como alinear las imágenes en micaso puse un gif de ejemplo abajo
esta
4. Listo haora mi pagina web esta terminada deacuerdo con lo q ue el profesor dejo en clase
Estos son los resultados
<title>esta es mi tienda de automoviles S.A</title>
</head>
<!--pagina web elaborada por juan camilo ladino vallejo 904 //-->
<body bgcolor="000066">
<hr>
<MARQUEE><B><I>SEAN BIEVENIDOS A MI
EMPRESA</B></I></MARQUEE><br>
<hr>
<H3> mi empresa brinda la mayor calidad de automoviles de todo el
pais</H3><br>
<font color="990000" size="5" face="Arial"><b>bienvenidos a a mi tienda de compra y
venta de carros</B></font>
<font color="ffff00" size="4" face="Arial"><b>recien llegado de europa el nuevo Hyundai
i25 </B></font><br>
5. <img src="imagenes/índice.jpg "border="9" "width="200" height="180"><img
src="comodidad.jpg"border="5" "width="200" height="180">
<img src="imagenes/giphyhgfytr.gif "border="9" "width="200" height="180"><img
src="comodidad.jpg"border="5" "width="200" height="180">
<img src="imagenes/comodidad.jpg "border="9" "width="200" height="180"><img
src="comodidad.jpg"border="5" "width="200" height="180">
<P ALIGN="CENTER">el nuevo hyundai i25 es de una exelnte calidad puesto q su
comodidad es muy deseada por nustros comoradores el motor es lo ultimo en motores q
hyundai a sacado en este 2015 ademas cuenta con un diseño ergonomico y su relacion
calidad precio no disgustara a nuestros compradores en absoluto.</p>
<font color="cc0000" size="5" face="Cooper Black"><b>HYUNDAI</B></font>
<font color="000000" size="4" face="Segoe UI Black"><b>calidad y comodidad
garantizada</B></font>
<img src="imagenes/images.jpg "border="10" "width="200" height="180"><img
src="comodidad.jpg"border="5" "width="200" height="180">
<img src="imagenes/giphy.gif "border="10" "width="200" height="180"><img
src="comodidad.jpg"border="5" "width="200" height="180">
<hr align="center" width="100%" size="10"color=660000" noshade>
<pre> copyrigh 2015
colegio nacional nicolas esguerra
CALLE 95 CRA 32 NO 184 BOGOTA COLOMBIA (al lado del c.c
titan plaza)
comprayventadecarrosSA@gmail.com</pre>