Etiqueta para insertar una imagen en Html

La etiqueta <Img></Img> en html se utiliza para la inserción de imágenes, en nuestros documentos Web, ya sea un blog, una web clásica, un portal, cualquier sitio que necesite una imagen debe introducir esta etiqueta.

Atributos de la etiqueta Img

Existen, varios atributos para esta etiqueta, aunque esencial es sólo uno, el atributo Src.

  • Src=”localización de la imagen”. Con este atributo indicamos donde está guardado nuestro archivo de imagen .jpg, .gif o .png.
  • Alt=”Texto explicativo”. El alt es el texto que se muestra cuando posicionamos el curso encima de la imagen.
  • Width y Height. Estos dos atributos se utilizan para modificar el Ancho y el Alto de la imagen en pixels, pero no es aconsejable ya que es aconsejable hacer las modificaciones pertinentes antes de insertar la imagen.
  • Border. Con esta opción podemos poner o quitar un pequeño marco al rededor de la imagen, con Boder=”0″, se elimina dicho borde.

19 Comments

  • Juan Miguel 29 marzo 2007 at 12:15

    Las imágenes son algo de lo más esencial en una página web, claro está que depende mucho del contenido de esa web.

    Creo que esta etiqueta es fundamental, pero, ¿Podrías poner algún ejemplo al completo de como sería la línea de código, usando todas las funciones que muestras?

    Un saludo desde el espacio !

  • josemasf 31 marzo 2007 at 13:19

    Perdona que tardase tanto, pero he estado liado.

    <src="imagendeprueba.jpg" alt="imagen de muestra de prueba" width="200" height="20" border="0">

  • gabucha 3 junio 2008 at 2:24

    pues deberia haber mas paginas de estos codigos

  • JoseM 3 junio 2008 at 13:44

    Para que quieres más páginas si tienes a Omeyas Web. jejeje

    Un saludo.

  • Aida 2 diciembre 2008 at 19:25

    Hola a todos

    Soy nueva y torpe con esto del hatmal, me he bajado muchos códigos para practicar en el blog que le estoy haciendo a mi suegro pero no se donde ni como ponerlos.

    Ejmp:
    Esto es una marquesina

    Por favor me vendría genial una explicación para tontos, de donde y como insertarlo dentro de la edición html
    Gracias, muchas gracias…..

  • JoseM 3 diciembre 2008 at 8:41

    Puedes especificar un poco más tu pregunta. Porque no me enterado de lo que me preguntas.

    ¿Que plataforma usas para desarrollar tu blog?

  • Anónimo 6 noviembre 2010 at 20:16

    hola a todos,tengo una pregunta no se poner el titulo a mi pag de html ni tampoco una imagen puden ayudarme xfa

  • JoseM 7 noviembre 2010 at 16:16

    Anónimo debes de poner el título dentro de las etiquetas title de tu web para que se vea.
    En cuento lo de la imagen lee el post.

  • Dionys 3 febrero 2011 at 18:22

    hola!! pues al usar la etiqueta img y al poner el nombre de la imagen y su extencion (jpg,gif..) solo sale un cuadro con una cruz jiji… me pregunto si debo poner la ruta de la ubicacion de la imagen y como ponerla,,,,,,

  • Ana Medina 21 septiembre 2011 at 16:12

    Quisiera que pusieran un ejemplo de la inserción de una imagen en HTML, ya que no me la reconoce, creo que estoy poniendo mal la ruta, mi imagen esta en una carpeta dentro de de donde esta la creación de mi pagina.

  • Anonimo 18 octubre 2011 at 17:57

    hola, si alguien me ayuda quiero subir un adio en la pagina; pero no se como hacerlo,… Quiciera que pongan ajemplos por favor

  • Ivan 19 octubre 2011 at 1:49

    Nesesito poner un link de una pagina para el facebook! Pero me pida que se HTML como hago? Desde Ya Muchas Gracias

  • Anónimo 21 marzo 2012 at 21:28

    como hacer para poder poner mas grande una imagen en html

  • carlos 11 mayo 2012 at 18:56

    esta buena su redadcion pero cual es la sintaxis

  • AUDIS 12 julio 2012 at 18:29

    ES ALGO MUY IOMPORTANTE QUE NOS SIRVE MUCHO COMO IMFORMACION QUE NECESITEMOS ES EXCELENTE

  • kevin daniek 31 julio 2012 at 21:06

    quiero la etiketa para insertar una imagen ensima d eotra por ejemplo una imagen de fondo y ensima de la image tra mas como in gif

  • matt 23 mayo 2013 at 22:56

    el center es por si lo quieren en el centro lo cambian si lo quieren ala derecha o ala tinen
    que poner left y si es ala derecha es right. saludos

  • gabriela 11 julio 2013 at 0:22

    deberían poner gráficos pero ese concepto m sirvió de mucho

  • catalina maria gomez 18 junio 2014 at 23:37

    Gracias me salvaron la vida ‘ esta tarea es muy vuena escribelo te va a salir buena la tarea

Deja un comentario