Etiqueta para insertar una imagen en Html 19


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.

Leave a Comment

Tu dirección de correo electrónico no será publicada.

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

19 thoughts on “Etiqueta para insertar una imagen en Html

  • Juan Miguel

    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 Autor

    Perdona que tardase tanto, pero he estado liado.

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

  • Aida

    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 Autor

    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

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

  • JoseM Autor

    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

    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

    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

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

  • kevin daniek

    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

    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

  • catalina maria gomez

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