Imágenes en HTML

Vemos cómo colocar una imagen en una página web y algunos atributos básicos para asignarle estilos a las imágenes en HTML.
Sin duda uno de los aspectos más vistosos y atractivos de las páginas web es el grafismo. La introducción en nuestro texto de imágenes puede ayudarnos a explicar más fácilmente nuestra información y darle un aire mucho más estético. El abuso no obstante puede conducirnos a una sobrecarga que se traduce en una distracción para el navegante, quien tendrá más dificultad en encontrar la información necesaria.

El uso de imágenes también tiene que ser realizado con cuidado porque aumentan el tiempo de carga de la página, lo que puede ser de un efecto nefasto si nuestro visitante no tiene una buena conexión o si es un poco impaciente. Por ello es recomendable siempre optimizar las imágenes para Internet, haciendo que su tamaño en bytes sea lo mínimo posible, para facilitar la descarga, pero sin que ello comprometa mucho su calidad.

En este capitulo no explicaremos como crear ni tratar las imágenes, únicamente diremos que para ello se utilizan aplicaciones como Paint Shop Pro, Photoshop o Gimp. Tampoco explicaremos las particularidades de cada tipo de archivo: GIF, JPG o PNG y la forma de optimizar nuestras imágenes. Un capitulo posterior al respecto será dedicado a este menester: Formatos gráficos para páginas web.

Las imágenes son almacenadas en forma de archivos, principalmente GIF (para dibujos) o JPG (para fotos). Estos archivos los podemos obtener desde diversas vías, como por ejemplo nuestra cámara digital, aunque también pueden ser creados por nosotros mismos con algún editor gráfico o pueden ser descargados gratuitamente en sitios web especializados.

Así pues, en estos primeros capítulos nos limitaremos a explicar como insertar y alinear debidamente en nuestra página una imagen ya creada.

La etiqueta que utilizaremos para insertar una imagen es <img> (image). Esta etiqueta no posee su cierre correspondiente y en ella hemos de especificar obligatoriamente el paradero de nuestro archivo gráfico mediante el atributo src (source).

La sintaxis queda entonces de la siguiente forma:

<img src="camino hacia el archivo">

Para expresar el camino, lo haremos de la misma forma que vimos para los enlaces. Las reglas siguen siendo las mismas, lo único que cambia es que, en lugar de una página destino, el destino es un archivo gráfico.

Aparte de este atributo, indispensable obviamente para la visualización de la imagen, la etiqueta <img> nos propone otra serie de atributos de mayor o menor utilidad, que listamos a continuación:

Atributo alt

Dentro de las comillas de este atributo colocaremos una brevísima descripción de la imagen. Esta etiqueta no es indispensable pero presenta varias utilidades.

Primeramente, durante el proceso de carga de la página, cuando la imagen no ha sido todavía cargada, el navegador mostrara esta descripción, con lo que el navegante se puede hacer una idea de lo que va en ese lugar.

Esto no es tan trivial si tenemos en cuenta que algunos usuarios navegan por la red con una opción del navegador que desactiva el muestreo de imágenes, con lo que tales personas podrán siempre saber de qué se trata el gráfico y eventualmente cambiar a modo con imágenes para visualizarla.

Además, determinadas aplicaciones para discapacitados o teléfonos vocales que no muestran imágenes ofrecen la posibilidad de leerlas por lo que nunca esta de más pensar en estos colectivos.

En general podemos considerar como aconsejable el uso de este atributo salvo para imágenes de poca importancia y absolutamente indispensable si la imagen en cuestión sirve de enlace.

Atributos height y width

Definen la altura y anchura respectivamente de la imagen en píxeles.

Todos los archivos gráficos poseen unas dimensiones de ancho y alto. Estas dimensiones pueden obtenerse a partir del propio diseñador grafico o bien haciendo clic con el botón derecho sobre la imagen vista por el navegador para luego elegir propiedades sobre el menú que se despliega.

El hecho de explicitar en nuestro código las dimensiones de nuestras imágenes ayuda al navegador a confeccionar la página de la forma que nosotros deseamos antes incluso de que las imágenes hayan sido descargadas.

Así, si las dimensiones de las imágenes han sido proporcionadas, durante el proceso de carga, el navegador reservara el espacio correspondiente a cada imagen creando una maquetación correcta. El usuario podrá comenzar a leer tranquilamente el texto sin que este se mueva de un lado a otro cada vez que una imagen se cargue.

Además de esta utilidad, el alterar los valores de estos dos atributos, es una forma inmediata de redimensionar nuestra imagen. Este tipo de utilidad no es aconsejable dado que, si lo que pretendemos es aumentar el tamaño, la perdida de calidad de la imagen será muy sensible. Inversamente, si deseamos disminuir su tamaño, estaremos usando un archivo más grande de lo necesario para la imagen que estamos mostrando con lo que aumentamos el tiempo de descarga de nuestro documento innecesariamente.

Es importante hacer hincapié en este punto ya que muchos debutantes tienen esa mala costumbre de crear gráficos pequeños redimensionando la imagen por medio de estos atributos a partir de archivos de tamaño descomunal. Hay que pensar que el tamaño de una imagen con unas dimensiones de la mitad no se reduce a la mitad, sino que resulta ser aproximadamente 4 veces inferior.

Atributo border

Definen el tamaño en píxeles del cuadro que rodea la imagen.

De esta forma podemos recuadrar nuestra imagen si lo deseamos. Es particularmente útil cuando deseamos eliminar el borde que aparece cuando la imagen sirve de enlace. En dicho caso tendremos que especificar border="0".

Atributos vspace y hspace

Sirven para indicar el espacio libre, en pixeles, que tiene que colocarse entre la imagen y los otros elementos que la rodean, como texto, otras imágenes, etc.

Atributo lowsrc

Con este atributo podemos indicar un archivo de la imagen de baja resolución. Cuando el navegador detecta que la imagen tiene este atributo primero descarga y muestra la imagen de baja resolución (que ocupa muy poco y que se transfiere muy rápido). Posteriormente descarga y muestra la imagen de resolución adecuada (señalada con el atributo src, que se supone que ocupará más y será más lenta de transferir).

Este atributo está en desuso, aunque supone una ventaja considerable para que la descarga inicial de la web se realice más rápido y que un visitante pueda ver una muestra de la imagen mientras se descarga la imagen real.

Truco: Utilizar imagenes como enlaces

Ni que decir tiene que una imagen, lo mismo que un texto, puede servir de enlace. Vista la estructura de los enlaces podemos muy fácilmente adivinar el tipo de código necesario:

<a href="archivo.html"><img src="imagen.gif"></a>

Ejemplo práctico

Resultará obvio para los lectores hacer ahora una página que contenga una imagen varias veces repetida pero con distintos atributos.
  • Una de las veces que salga debe mostrarse con su tamaño originar y con un borde de 3 pixeles.
  • En otra ocasión la imagen aparecerá sin borde, con su misma altura y con una anchura superior a la original
  • También mostraremos la imagen sin borde, con su misma anchura y con una altura superior a la original
  • Por último, mostraremos la imagen con una altura y anchura mayores que las originales, pero proporcionalmente igual que antes.
Vamos a utilizar esta imagen para hacer el ejercicio:

Las dimensiones originales de la imagen son 28x21, así que este sería el código fuente:

<img src="img1.gif" width="28" height="21" alt="Tamaño original" border="3">
<br>
<br>
<img src="img1.gif" width="68" height="21" alt="Achatada" border="0">
<br>
<br>
<img src="img1.gif" width="28" height="51" alt="Alargada" border="0">
<br>
<br>
<img src="img1.gif" width="56" height="42" alt="Doble grande" border="0">

Se puede ver el ejemplo en una página aparte.

Nota: A lo largo de los próximos artículos veremos muchas otras cosas sobre imágenes, pero si lo deseas, también puedes acceder a un vídeo donde se trata lo visto anteriormente y muchas otras cosas adicionales sobre las imágenes y la creación de webs: Videotutorial HTML: imágenes.

Autor

Rubén Alvarez

Redactor de DesarrolloWeb.com

Compartir

Comentarios

Miguel Angel Alvarez

17/9/2002
Si no consigues ver bien la imagen que intentas colocar en tu página web... es decir, te sale un cuadradito vacío en el lugar donde debería quedar la imagen, lo más seguro es que hayas puesto mal el atributo src de la etiqueta img y el navegador estará intentando recoger la imagen de un sitio incorrecto.

Para saber algo más de lo que está pasando con esa imagen revelde, puedes darle con el botón derecho del ratón a la imagen que no te sale y seleccionar la opción propiedades. Te tiene que salir entonces una ventanita en la que encontrarás, entre otras cosas, la ruta desde donde está intentando conseguir la imagen y, a veces, así aparece el error, porque ves que está accediendo a una ruta que no es correcta.

Diego Alejandro Celis

06/5/2005
Si a veces te aparecen las imagenes con una X, es que has pegado mal la imgen en block de notas, te recomiendo no usar los nombres de: Images[1,2,3...)

Alan Christian

31/12/2005
me parece muy completo, muy facil de entender y el ejemplo es muy bueno...

Te doy un aplauso por el articulo de html.

felicidades !!!.

Baudy

15/5/2006
Aunque tambien empiezo a crear mi pagina, respecto a las imagenes me pasa lo mismo, ahora respecto a los codigos que nos dan en este articulo, hay que saber donde los guardamos, caso contrario sale una cruz roja.
Ahora, logre colocar una imagen propia en uno de los lugares publicos de la WEB, despues los abrí en mi navegador y funcionó.

reix-RX corps::

23/12/2006
Miren, respecto a sus dudas, la mayoria coincide en que no pueden hallar la manera de poner imagenes o que les salen a pesar de que las pusieron, la respuesta creo, en general, seria:

si estan apenas creando la web y esta en su computadora(no en un hosting |ej. geocities,lycos| y digamos que la imagen asi como el archivo .html estan en el escritorio, seria solo el nombre de la imagen...
si fuera el archivo .html en el escritorio y la imagen en Mis Documentos, la ruta seria:
Mis Documentos/nombre_imagen.jpg
y asi con las diferentes carpetas en las que sus imagenes esten alojadas.

Lo mismo pasaria si ya tienen publicada su pagina en el internet en algun servidor |ej. Geocities|:

si su imagen esta en la carpeta 'images'
la ruta seria
< img src="images/nombre_imagen.jpg >

si su imagen esta en otra web:
< img src="http://www.lawebdesuimagen.com/nombre_imagen.jpg >

espero haberme dado a entender...y para resumir:
La imagen necesita la ruta especifica, si uds no la ponen, es obvio que su documento por mas que le ordenen jamas la encontrara! =)

Monse

02/6/2007
Hola hola, esta informacionesta super, pero estoy interesada en saber como proteger la inagen de cualquier tipo para que no sea copiada =/:D

Victor PErales

05/7/2007
AL hacer mi primer pagina, tuve problemas para poner las imagenes, los comentarios anteriores me ayudaron a corregir, mi error estaba en al atributo SRC.. pues habia pues to SCR .... posiblemente eso les pase a aquellos les aparece la cruz en lugar de la imagen

juan ignacio

18/7/2007
la imagen tiene unos atributos bottom, top y middle que no se bien para que sirven, ademas quiero colocar la imagen hacia la derecha y no puedo.
espero la respuesta gracias

arturo

18/9/2007
como le puedo hacer para que una imagen se expanda al darle un clic sobre de el

25/9/2007
Precargo muchas imágenes y las muestro en un mismo <IMG>. Las imágenes ensanchan o se alargan, "quedando en el caso de ensanchar bastante mal para las chicas". ¿Hay alguna manera de que la imagen contraiga el height o el width si hay desbordamiento? algo así como un % o un maxHeight o maxWidth??

Gracias...

eduardo S

01/10/2007
es posible colocar en el src la direccion a una imagen que noeste cargada en el servidor, que se encuentre del lado del cliente?????

aac1130

23/11/2007
Oye una duda tengo una imagen para un grafico, este es el codigo:

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server" >
<title>Página sin título</title>
<style >
.graph {
position: relative; /* IE is dumb */
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
}
.graph .bar {
display: block;
position: relative;
background: #B1D632;
text-align: center;
color: #333;
height: 2em;
line-height: 2em;
}
.graph .bar span { position: absolute; left: 1em; }
</style>

<style type="text/css">
#vertgraph {
width: 567px;
height: 310.5px;
position: relative;
background: url("g_backbar.gif") ;
}
#vertgraph ul {
width: 567px;
height: 310.5px;
margin: 0;
padding: 0;
}
#vertgraph ul li {
position: absolute;
width: 42px;
height: 240px;
bottom: 51px;
padding: 0 !important;
margin: 0 !important;
background: url("g_colorbar3.jpg") !important;
text-align: center;
font-weight: bold;
color: white;
line-height: 3.75em;
}

#vertgraph li.critical { left: 36px; background-position: 0px bottom !important; }
#vertgraph li.high { left: 151px; background-position: -42px bottom !important; }
#vertgraph li.medium { left: 264px; background-position: -84px bottom !important; }
#vertgraph li.low { left: 376.5px; background-position: -126px bottom !important; }
#vertgraph li.info { left: 490.5px; background-position: -168px bottom !important; }
</style>

</head>

<body>
<form id="form1" runat="server">
&nbsp;<div id="vertgraph">
<ul class="medium">
<li class="critical" style="height: 150px;">22</li>
<li class="high" style="height: 120px;">7</li>
<li class="medium" style="height: 75px;">3</li>
<li class="low" style="height: 135px;">8</li>
<li class="info" style="height: 60px;">2</li>
</ul>

</div>
<br /> Longitud
<br />
<div class="graph" style="left: 0px; top: 9px">

<strong class="bar" style="width: 24%;">24%</strong>
</div>
<br />
<br />
</form>
</body>
</html >

Pero en el momento que le doy impresion solo me saca los numeros, como le hago para ke las imagenes del grafico se vean. gracias y disculapa la ignorancia.

laura

05/5/2009
codigo html
Hola

Lo que pasa es que necesito colocar esta ruta como imagen de fonde de un blog, pero la necesito para que quede de toda la pantalla y que tome la resolucion de la pantalla donde se abra el blog, vi algo en internet pero no me da resultado. E link de la imagen es http://i658.photobucket.com/albums/uu303/kisaka2008/mirrors_edge-1600x1200.jpg
y me gustaria saber cual es el codigo para poderla colocar en el blog, y pues que quede justo del tamaño de la imagen y que no se vea que la imagen se repite.

Gracias

Jorge

20/5/2009
Imagenes ya subidas al servidor
Para colocar una imagen en HTML tienes que colocar la direccion en la quese encuentra almacenada pero...¿Que pasa si ya subi mi pagina al servidor y no logro ver las imagenes, que direccion le pongo?

Eder Juan

05/6/2009
Duda de Html
Saludos:

como puedo pasar una carpeta con imagenes a un formato html

ender

04/8/2009
felicitacines
si de puntos se trata le doy un 10, es practico , ilustrativo y resumido, agradecido por tan buen aporte.
Esperando más de lo mismo, desde Venezuela te saludo.

drean

25/8/2009
pregunta
Hola, tal vez puedan ayudarme, quisiera saber como hacr para mandar un mail con una imagen y que aparezca ya abierta la imagen cuando el que recibe abre el mail. sin que tenga que descargarla.
Gratzie!!

alicia

14/9/2009
imagenes en html
estoy haciendo un trabajo y queria poner dos imagnes de deporte la primera salio bien segui todo lo q decia y salio perfecto..! pero cuando quise poner una segunda imagen no me sale! estoy realmente estresada porq no me sale! q hagoo!!!??
ayuda! (:

Rommel

15/9/2009
como subir una imagen
quiero saber porq no puedo subir una imagen., copio el codigo ta y como aparece en esta pag pero me sale solo el margen

rommel

23/9/2009
imagnes
Muy muy espectacular la pagina de verdad.. quiero saber porque no logro ver las imagenes en la pag q diseño. solo aparece una hojita en miniatura y no se ve la imagen. Gracias esperon puedan ayudarme.

cramer

06/10/2009
BUENASO..
OE YO SOY NIÑO DE 10 AÑOS Y HOY EN COMPUTO ME ENSEÑAROS ESTO
Y YA PUSE BIEN LA IMAGEN

programando al ecuador

25/10/2009
gracias
gracias loco me ayudaste full

maria

26/11/2009
problema con imagenes
yo estoy utilizando el dreamweaver para crear una plantilla HTML y enviarla por el outlook.
he puesto las imagenes pero al mandar por correo aparecen en un cuadrado en blanco, solo con la descripcion y al pulsar sobre ellas se abren en una ventana nueva.
¿como puedo hacer para que se abran en el mismo sitio?
gracias por anticipado

louise

29/11/2009
no puedo insertar una imagen a una pagina html
ola
necesito que me ayuden a insertar una imagen a una pag html desde la memoria de mi computadore e intentado pero no me sale necesito saberr me urgee¡¡
se los agradeceria de todo corazomEjemplo:<img src="louis.html/de.jpg">

martin

01/12/2009
IMAGENES WEB
Hola, tengo una imagen en mi web que esta formada por varias imagenes con enlaces diferentes cada una de ellas, pero quiero saber como paso toda esas imagenes a un cuerpo de correo electronico sin perder las imagenes y sus enlaces, ya que solo me aparece el curpo pero las imagenes no solo una x en rojo en la esquina, pero si me da el enlace en cada una de ellas, que necesito hacer para que sevean las imagenes? gracias

andres

10/12/2009
mi web
www.forocuak.com foro de noticias y imagenes juegos online y demas.

javi

02/3/2010
imagen en pagina web
hola a todos hoy he empezado a dieñar la pagina web y ya tengo el 1º problema quiero poner una imagen y no me sale aqui os pongo la imagen y la linea de comandos, a ver si alguien puede resolver mi duda, gracias
la imagen tiene un tamaño de 300 px x 300px
<img src="img1.jpg" width="300" height="300" alt="Doble grande" border="0">

El

14/5/2010
ola
como inserto una imagen en mi pagina web ya sta creada.
loq pasa es al momento de poner la etiqueta dela imagen pongo la localizacion en donde sta mi imagen a pro mi imagen debe star enla misma carpete en donde esta mi pag weg para q la pueda reconocer. pero ago todo esto y al moneto d abrir mi pag. wed m sale una tacha "x" y no ma sale la imagen que inserte en mi etiqueta. como le ago o stoy mal d todo lo que ice. me puedes ayudar sq lo necesito para mañana sta informacion para ya acabar mi pag. x favor gracias

alberto

09/7/2010
holaaa
<a href="http://www.decoratuperfil.net/imagenes/anime/invitado_37787.html"><img src="http://i226.photobucket.com/albums/dd122/hi54allll/imagenes/anime/im-166-yori.gif" border=0 title="imagenes para hi5" alt="imagenes para hi5"> <br />power</a>

Sam

14/7/2010
Justo lo que buscaba
esto era exactamente lo que buscaba
al ocupar programas para crear webs
quedan muchas dudas ya al hacerlo a pie
por asi decirlo Gracias me resulto muy util

Nicolas

09/8/2010
Problemas para crear imagenes consecutivas , sin espacio entre ellas.
Tengo el siguiente codigo

<div class=nota>

<table width="200" border="0" cellspacing="0">
<tr>
<td><img src="http://i842.photobucket.com/albums/zz347/nicoo_02/1-1.png" alt="Photobucket" border="0" hspace="0" vspace="0" usemap="#Map"></td>
</tr>
<tr>
<td><img src="http://i842.photobucket.com/albums/zz347/nicoo_02/2-1.png" alt="Photobucket" border ="0" hspace="0" vspace="0" usemap="#Map2"></td>
</tr>
<tr>
<td><img src="http://i842.photobucket.com/albums/zz347/nicoo_02/3-1.png" alt="Photobucket" border="0" hspace="0" vspace="0" usemap="#Map3"></td>
</tr>
<tr>
<td><img src="http://i842.photobucket.com/albums/zz347/nicoo_02/4-1.png" alt="Photobucket" border="0" hspace="0" vspace="0" usemap="#Map4"></td>
</tr>
</table>

<p>&nbsp;</p>

<map name="Map"><area shape="rect" coords="570,2,703,100" href="http://www.facebook.com/likeit.mza" target="_blank">
</map>
<map name="Map2"><area shape="rect" coords="572,5,705,101" href="http://www.facebook.com/likeit.mendoza?v=wall" target="_blank">
</map>
<map name="Map3"><area shape="rect" coords="571,2,705,105" href="http://www.facebook.com/likeit.mendoza?v=app_6009294086" target="_blank">
</map>
<map name="Map4">
<area shape="rect" coords="572,5,703,105" href="http://www.facebook.com/album.php?aid=16272&id=119765224719544" target="_blank">
</map>

</div>

Y no logro que mis imagenes queden consecutivas, probe de todo pero en mi web se siguen viendo asi

http://www.facebook.com/likeit.mendoza

Por favor me seria de mucha ayuda su repuesta a mi mail
desde ya muchas gracias
Nicoals Gombau

carlos

13/8/2010
mayor claridad con el proceso de link a las imagenes
saludos.
Pues ya he leido algo de loque publicas.
muy bien.
respecto a utilizar una imagen como link , este articulo no se proxima ni siquiera en un 1% a lo que un desarrollador busca cuando desea que una imagen en una pagina web lo lleve a otra imagen o pagina.
Por favor si pudieras aclarar mas seria de mucho interes y utilidad. gracias

silerma

05/9/2010
holaaaa
"><img src="http://lh4.ggpht.com/_ZjOeoi_jRHo/TIOMYUbzwpI/AAAAAAAAAEs/TV_YW11GZlU/s800/CAMISETA%20BETTY%20BOOP%20GRIS.jpg" /></a>

alex

11/9/2010
Problema en esta página
El ejemplo no sale en Firefox, solo se pone el título.
Era solo para informarles.
Gracias por vuestra página, me está ayudando mucho.
Alex

iye

29/9/2010
html
ice un html y no se despliega la barra y no se porque alguien podria ayudarme

jorge

30/9/2010
pregunta
como introdusco una imagen en toda la pagina y en que lado

el tata

17/12/2010
soy inpotente
no se me para con todo y la pastilla azul

el tata

17/12/2010
no puedo hacer pipi
pinche prostata

Martín

19/1/2011
Coordenadas de la imagen
Hola, en primer lugar muchas gracias por la información, está genial.
Pero tengo una duda, al trabajar con imágenes muy pequeñas, para poner las coordenadas con decimales, cómo sería?
Muchas gracias

Lenny

28/1/2011
prueba
<IMG SRC="http://www.desarrolloweb.com/images/libros/10607.jpg">

maria

28/3/2011
no se
no se como poner una imagen en html ayudemen

Taty

24/5/2011
Sigue saliendo una cruz roja... rayos
Fijense que ya hice todo lo que me dijeron y aun asi naa... pero fijense que no se si el nombre de la imagen que voy a insertar tiene que salir asi: imagen.gif no en la pagina si no a la hora de guardar helpppppppppppppppp que ya no se que hacer gracias...

Alessandra

17/6/2011
duda ~
hola... yo en la pagina que estoy creando tengo una imagen de fondo en el centro de la pagina, y kisiera saber como puedo hacer para que el texto que coloque sobre ella (la imagen) no sobresalga de la misma... desde ya muchas gracias!

Sigc

28/10/2011
IMG
Crea una carpeta donde contenga las imágenes y la página para que así se más fácil especificar el nombre de la imagen
Ejemplo
<IMG SRC="aguas-residuales.jpg" align=center HEIGHT=190WIDTH=200 hspace="550" vspace="11" border="10">

Guillermo

14/12/2011
Agradecimientos
Son una buena alternativa para los que inician a crear una página web, ahora que las instituciones estan interesadas en abrir una puerta de comunicación mas directa con la comunidad en los procesos de participación.
agradecemos por sus articulos de apoyo y formación.

gelo1973

15/12/2011
NO CONSIGO INSERTAR UNA IMAGEN EN MI PAGINA WEB.
Tiene que estar la imagen en el mismo directorio que la pagina web que estoi creando?

gelo1973

15/12/2011
NO VEO MI IMAGEN
Firefox no sabe cómo abrir esta dirección, porque el protocolo (c) no está asociado con ninguna aplicación.Esto es lo que me dice firefox cuando selecciono ver imagen

Stella

13/3/2012
IMÁGENES EN PAGINA HTML
Gracias, clara la explicación, para no observar la cruz roja, no guarde la imagen con la extensión y archive las imágenes junto con su página en una carpeta.

soprano2046

25/7/2012
SUBI UNA IMAGEN
Estoy haciendo el tutorial con ustedes, y cuando subo una imagen y la centro mis parrafos que estan al lado derecho se bajan.Como hago para que no suceda eso.Gracias

Lorenzo Antonio

28/7/2012
Informacion
Estoy diseando una pagina web y quisiera que apoyaran con codigo en html para realizar una galeria en mis imagenes osea que pase una despues otra y otra ....

Iwaly

27/11/2012
Felicitarte
Muy buen ejemplo te lo agradesco mucho sigue adelante y te doy 5 estrellitas por que para principiantes es muy bueno

ivan

15/1/2014
Duda en etiqueta
Yo tengo una duda
quiero colocar una imagen de la republica mexicana dentro de una pagina web pero que por cada estado tenga un link y un hover

por ejemplo esta la imagen de la republica y le den click en oaxaca y envie a otra pagina con descripcion de ese estado
se puede??