Entre Blogs Portal

Publicado por Fernando Tellado | 9 Agosto 2008

Como insertar imágenes con HTML

A pesar de que WordPress nos permite insertar imágenes en un post del modo mas sencillo, mediante botones en el editor visual, hay ocasiones en que unas nociones básicas de HTML nos ayudarán a incluir imágenes en cualquier parte de nuestra plantilla, widgets de texto, comentarios, etc.

El proceso es bien sencillo, y solo tienes que aprender una tag HTML: img src

Como hacerlo es muy sencillo, solo tienes que conocer la ruta donde está alojada la imagen e insertarla dentro de la etiqueta HTML adecuada. Sería así:

HTML:
  1. <img src="HTTP://DOMINIO.COM/RUTA_DE_LA_IMAGEN.JPG"/>

Si, además, queremos modificar algunos de sus parámetros se pueden añadir otras etiquetas, a continuación de la ruta de la imagen y separando cada uno con espacios. Los mas utilizados son estos:

  • alt: Texto alternativo que se muestra cuando no se carga la imágen.
  • width: Define el ancho de la imágen en pixels
  • height: Define la altura de la imagen en pixels

Aplicando estas tags al ejemplo anterior lo haríamos así:

HTML:
  1. <img src="HTTP://DOMINIO.COM/RUTA_DE_LA_IMAGEN.JPG" alt="Nombre de mi imagen" width="300" height="300"/>

Esta es una tag especial, pues el cierre no requiere insertar una etiqueta para ello salvo el indicado, distinto a, por ejemplo, como veíamos ayer en las listas.

Ya puedes practicar e insertar imágenes en donde quieras. En próximos posts veremos mas tags e iremos usando combinaciones de ambas.

También te puede interesar:

3 comentarios | Escribe un comentario

  1. Blacker (8 comentarios) - 11/08/2008 a las 19:39

    Muy buena explicación, algo basico del html puro, pero muy usado al momento de insertar imagenes, aveces mi wordpress falla y no inserta la imagen cuando uno la sube, y tengo que irme al codigo html y agregarla por medio de codigo exactamente como aqui lo explicas, saludos. (Y)

  2. negro (11 comentarios) - 16/09/2008 a las 6:46

    y como puedo poner una imagen o avatar a mi perfil?

    soy medio inculto en eso xD

    gracias

  3. Fernando Tellado (1238 comentarios) - 16/09/2008 a las 9:17

    @negro: Mira a ver si este post te da ideas:
    http://ayudawordpress.com/crear-una-pagina-de-autores-del-blog/

Escribe un comentario




XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ayuda WordPress está alojado en Mediatemple - Tu también puedes

LO ÚLTIMO EN LOS FOROS

Cargando...

IN YOUR LANGUAGE

Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag
By N2H