Ejemplo de Cómo Colocar Imágenes Con HTML

Inicio » HTML » 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.

Citado APA: Del Moral, M. & Rodriguez, J. (s.f.). Ejemplo de Cómo Colocar Imágenes Con HTML.Ejemplo de. Recuperado el 17 de Septiembre de 2021 de https://www.ejemplode.com/17-html/81-ejemplo_de_como_colocar_imagenes_con_html.html

Autor: Del Moral, Mauricio. & Rodriguez, Jennyfer.

Comentarios

  1. Esa etiqueta IMG no funciona en la web cuando la foto está en una URL externa. Por ejemplo, cuando quiero insertar la foto desde Flickr.

    Con el tag EMBED, sí se consigue insertar imagen externa, pero cuando pinchas en la foto no te permite dirigirla a la página que quiero.

    ¿Hay alguna solución para eso?
    Por Pedro 2018-06-28 a las 10:44:19
  2. Muy bueno, me ayudó.
    Por Andrea 2018-02-15 a las 22:19:05
  3. Hola, tengo un proyecto de crear una agenda de contactos, necesito ayuda, en la parte de agregar un contacto, me resulta interesante que se pueda agregar una foto del contacto, ya sé que es con input type file, pero ¿Después como puedo visualizar o imprimir en pantalla la misma?
    Por Miry 2017-05-13 a las 20:22:23
  4. Directo desde tu PC.
    Por Morris 2016-08-05 a las 0:24:44
  5. Hola, mi consulta es para subir a mercado libre. Debo subir la imagen a un hosting y luego colocar en donde iría el nombre de la imagen, escribir la URL de la imagen? O la subo directo de mi pc? Gracias
    Por Daniel 2016-08-03 a las 18:48:06
  6. Eso quiere decir que la ruta de la imagen está mal, no la encuentra. Saludos.
    Por Morris 2016-06-10 a las 13:40:42
  7. Buenas qué pasa si hago lo que dices y me aparece la imagen de que esta cargando mi imagen,me explico se da de cuenta de que va una imagen pero no la coloca.
    Por Leonardo 2016-06-09 a las 19:28:57
  8. Cómo puedo insertar la imagen si la tengo en mi usb, ya que no me permite anexar la imagen insertando el código correcto.
    Por david 2015-05-07 a las 19:40:30
  9. Bien muy bueno, me ayudó bien, gracias.
    Por /rock> 2014-10-04 a las 16:24:08
  10. Me gustó mucho cómo explicaron el tema, es la página que lo explica mejor que todas.
    Por Maris ☺♥☻ 2014-05-17 a las 3:23:00

Deja un comentario


Acepto la política de privacidad.