Ejemplo de Cómo colocar imágenes con HTML

Inicio » HTML » Cómo colocar imágenes con HTML
Autor: Redacción Ejemplode.com, año 2016

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.

¡Ayúdanos a ayudarte! Por favor comparte este artículo.

  
Autor: Redacción Ejemplode.com, año 2016

Búsqueda:

Búsqueda personalizada

Comentarios:

  1. Directo desde tu PC.
    Por Morris 08.04.16 a las 19:24:44
    1. 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 08.03.16 a las 13:48:06
      1. Eso quiere decir que la ruta de la imagen está mal, no la encuentra. Saludos.
        Por Morris 06.10.16 a las 8:40:42
        1. 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 06.09.16 a las 14:28:57
          1. 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 05.07.15 a las 14:40:30
            1. Bien muy bueno, me ayudó bien, gracias.
              Por /rock> 10.04.14 a las 11:24:08
              1. Me gustó mucho cómo explicaron el tema, es la página que lo explica mejor que todas.
                Por Maris ☺♥☻ 05.16.14 a las 22:23:00
                1. Es la página que mejor explica el tema, me ayudó mucho para mi tarea, gracias.
                  Por Maris ☺♥☻ 05.16.14 a las 22:21:06
                  1. Que bueno que en está página enseñen estas clases de tareas, gracias.
                    Por lilibeth 07.23.13 a las 8:06:53
                    1. Gracias, esto me sirvió mucho para mi terea, y es que en mi colegio me están enseñando a realizar páginas web.
                      Por Mariale 11.02.12 a las 18:54:08
                      1. Guarda la imagen y el HTML en la misma carpeta y no necesitas ponerle ruta. El nombre de la imagen ponlo sin espacios.
                        Por Morris 04.17.12 a las 22:33:34
                        1. Me pueden ayudar, no puedo poner una imagen a mi codigo html ya lo intenté de muchas formas y siempre me sale una x y no se como especificar una ruta. Mi imagen la copie de la red y no se si sea correcto como le hago, me urge por que es para un examen, gracias.
                          Por ariadna 04.17.12 a las 17:41:59
                          1. lo primero es la etiqueta
                            Por sicario maldito 10.21.11 a las 17:24:24
                            1. Necesito de su ayuda tengo tarea que entregar.
                              Por ISMAEL 10.11.11 a las 11:28:02
                              1. 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.
                                Por wilmer72 09.12.11 a las 17:55:28
                                1. 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
                                  Por Rafito - El Rincon de Rafito 07.20.11 a las 14:37:12
                                  1. Muchas gracias, por el dato, lo necesitaba
                                    Por Jsus- libertad financiera 07.15.11 a las 0:32:37
                                    1. yo quisiera saber como se coloca una imagen tipo carnet en la parte derecha de la paguina
                                      Por yessica 05.14.11 a las 17:01:22
                                      1. nada
                                        Por edgar 05.10.11 a las 12:07:18

                                        1. probando


                                          Por Hola 05.04.11 a las 0:37:04
                                          1. 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
                                            Por Ruben 09.19.10 a las 11:18:28
                                            1. Hugo, pues la forma más simple es con hojas de estilo, CSS. La forma antigua es utilizando tablas.
                                              Por Morris 07.01.10 a las 16:48:50
                                              1. Me gustaría saber como situar una imagen en el punto que yo quiera de la pantalla en mi sitio web.
                                                Gracias.
                                                Por HUGO 06.30.10 a las 21:52:03
                                                1. Me gustaría saber como situar una imagen en el punto que yo quiera de la pantalla en mi sitio web.
                                                  Gracias.
                                                  Por David 12.31.09 a las 6:12:24
                                                  1. quiero saber como colocar imagen y aser animaciones crear páginas espero que me tomen en cuentas
                                                    Por benjamin 09.28.09 a las 11:16:46
                                                    1. esta muy chido
                                                      pero io soy algo tonto jeje
                                                      no hay algun programa
                                                      para ponerle html a una imagen
                                                      gif de una vez¿¿
                                                      Por bambino mix! 04.29.09 a las 21:41:28
                                                      1. poes estoy iniciando quiero savercomo agçregar una imagen en la página
                                                        Por axel yobaqny 04.22.09 a las 18:55:27
                                                        1. quisiera saber como hace para encontrar los fotos que que nos envian
                                                          Por yeimi sorany calderon 04.03.09 a las 11:07:26

                                                          Deja un comentario



Tweet