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 2017

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: (A. 2008,05. Ejemplo de Cómo colocar imágenes con HTML. Revista Ejemplode.com. Obtenido 05, 2008, de http://www.ejemplode.com/17-html/81-ejemplo_de_como_colocar_imagenes_con_html.html)

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

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

Búsqueda:

Búsqueda personalizada

Comentarios:

  1. 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 05.13.17 a las 20:22:23
    1. Directo desde tu PC.
      Por Morris 08.05.16 a las 0: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 18: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 13: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 19: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 19:40:30
              1. Bien muy bueno, me ayudó bien, gracias.
                Por /rock> 10.04.14 a las 16:24:08
                1. Me gustó mucho cómo explicaron el tema, es la página que lo explica mejor que todas.
                  Por Maris ☺♥☻ 05.17.14 a las 3:23:00
                  1. Es la página que mejor explica el tema, me ayudó mucho para mi tarea, gracias.
                    Por Maris ☺♥☻ 05.17.14 a las 3:21:06
                    1. Que bueno que en está página enseñen estas clases de tareas, gracias.
                      Por lilibeth 07.23.13 a las 13: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 23: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.18.12 a las 3: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 22:41:59
                            1. lo primero es la etiqueta
                              Por sicario maldito 10.21.11 a las 22:24:24
                              1. Necesito de su ayuda tengo tarea que entregar.
                                Por ISMAEL 10.11.11 a las 16: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 22: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 19:37:12
                                    1. Muchas gracias, por el dato, lo necesitaba
                                      Por Jsus- libertad financiera 07.15.11 a las 5: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 22:01:22
                                        1. nada
                                          Por edgar 05.10.11 a las 17:07:18

                                          1. probando


                                            Por Hola 05.04.11 a las 5: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 16: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 21: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 07.01.10 a las 2: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 12: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 16: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.30.09 a las 2:41:28
                                                        1. poes estoy iniciando quiero savercomo agçregar una imagen en la página
                                                          Por axel yobaqny 04.22.09 a las 23:55:27
                                                          1. quisiera saber como hace para encontrar los fotos que que nos envian
                                                            Por yeimi sorany calderon 04.03.09 a las 16:07:26

                                                            Deja un comentario



Tweet