Inicio > HTML > Cómo colocar imágenes con HTML

Ejemplo de Cómo colocar imágenes con HTML

Una de las primeras cosas que debemos aprender del HTML es la etiqueta <img> que funciona para colocar imágenes dentro de una página web.

Para poner una imágen utilizamos el siguiente código:

<img src="imagenHTML.jpg">

Donde "imagenHTML.jpg" es la imagen que vamos a colocar. Deberá estar ubicada en el mismo directorio. Si queremos colocar una imagen con HTML en una página que no está colocada dentro del mismo directorio, podemos usar una ruta absoluta:

<img src="folder/imagenHTML.jpg"

La etiqueta <img> tiene varias propiedas como son:

border, width, height, alt

Ejemplo con propiedades de imágen en HTML

<img src="imagenHTML.jpg" border="0" width="10" height="10">

El ancho y alto (width, height) se coloca en pixeles y deben corresponder al tamaño original de la imagen para que no se distorcione.

Los formatos soportados por el explorer son jpg, gif y png.


Keywords: Ejemplo de Cómo colocar imágenes con HTML, Cómo colocar imágenes con HTML, imagenes html, html imagen ejemplo, poner imagen con html,
Creado por: Morris el 05.02.08

Si no encontraste lo que buscabas, prueba la búsqueda:

Búsqueda personalizada

Ejemplos relacionados


Últimos 16 comentarios en Ejemplo de Cómo colocar imágenes con HTML

sicario maldito
10.21.11 a las 17:24:24
lo primero es la etiqueta
ISMAEL
10.11.11 a las 11:28:02
Necesito de su ayuda tengo tarea que entregar.
wilmer72
09.12.11 a las 17:55:28
Hola amigo gracias por tu aporte yo no se nada de html, el caso es que yo quiero aprender como insertar fotos html a mi web espero que con tu ayuda pueda aprender mil gracias.
Rafito - El Rincon de Rafito
07.20.11 a las 14:37:12
El codigo html en la mayoria de casos lo pone el programa con el cual haces la web, lo que yo estaba buscando era como posicionar imagenes con la etiquetas Alt y Title, pero tambie me sirvio gracias Rafito
Jsus- libertad financiera
07.15.11 a las 0:32:37
Muchas gracias, por el dato, lo necesitaba
yessica
05.14.11 a las 17:01:22
yo quisiera saber como se coloca una imagen tipo carnet en la parte derecha de la paguina
edgar
05.10.11 a las 12:07:18
nada
Hola
05.04.11 a las 0:37:04

probando


Ruben
09.19.10 a las 11:18:28
Estoy en los primeros pasos de una web, aunque tengo una autorización gratis debo seguir armándola, pero necesito saber como agregar imágenes a la página, es simplemente un ensayo, a la que tendré que hacer muchos cambios, les agradezco me respondan
Morris
07.01.10 a las 16:48:50
Hugo, pues la forma más simple es con hojas de estilo, CSS. La forma antigua es utilizando tablas.
HUGO
06.30.10 a las 21:52:03
Me gustaría saber como situar una imagen en el punto que yo quiera de la pantalla en mi sitio web.
Gracias.
David
12.31.09 a las 6:12:24
Me gustaría saber como situar una imagen en el punto que yo quiera de la pantalla en mi sitio web.
Gracias.
benjamin
09.28.09 a las 11:16:46
quiero saber como colocar imagen y aser animaciones crear páginas espero que me tomen en cuentas
bambino mix!
04.29.09 a las 21:41:28
esta muy chido
pero io soy algo tonto jeje
no hay algun programa
para ponerle html a una imagen
gif de una vez¿¿
axel yobaqny
04.22.09 a las 18:55:27
poes estoy iniciando quiero savercomo agçregar una imagen en la página
yeimi sorany calderon
04.03.09 a las 11:07:26
quisiera saber como hace para encontrar los fotos que que nos envian

Deja un comentario en Ejemplo de Cómo colocar imágenes con HTML

 Nombre *
Correo *
Captcha