Menu

Cómo Insertar Imágenes con Código HTML

Aunque WordPress nos da la posibilidad de encajar imágenes en un post de una forma excesivo sencilla, recuerda (con los chico del empresario visual), en ocasiones necesitaremos incluir imágenes en alguna parte de nuestra plantilla a modo en los widgets de texto, explicación, etc  para lo cual emplearemos unas líneas de códice Html.

Si hoy lo sé, oyes códice Html y seguro que se te enciende una luz de alarma y tienes aceleración cardiaca, pero te prometo que insertar imágenes con recopilación Html es más sencillo de lo que parece, ¿no me crees?

Continúa leyendo y sal de dudas.

 

1º  Etiqueta <img />

Lo primero es aplicar la etiqueta <img />, la etiqueta img está vacía lo que quiere decir que no necesita una etiqueta de cierre, pero para que nos sirva además para Xhtml añadiremos un espacio y la barra transversal precedentemente del signo mayor que.

  Atributo src

Le añadimos el atributo src, sería la Url en donde podemos encontrar la imagen.

<img src=?URL de la imagen?/>

¿Cómo obtener la dirección Url de una imagen en WordPress?

Dando por sentado que actualmente tienes subida la imagen a tu ayo bastará con ir al Escritorio y hacer clic en Medios y clic en Librería Multimedia, elegimos la imagen que queremos clavar y hacemos clic en Editar y arriba a la diestra en la tulipa que te aparece obtendrás la dirección en URL archivo.

3º Atributo alt

Ahora pondremos el atributo alt, con éste atributo estaremos especificando un texto rotatorio para el cuestión de que la imagen no cargue, asimismo si pasamos el cursor sobre la imagen además nos aparecerá dicho texto pero sólo si utilizas Internet Explorer, si usas Chrome, Firefox etc entonces también tendrás que adicionar el atributo title como en el ejemplo:

<img src=?URL de la imagen? alt=?texto alternativo? title=?texto alternativo?/>

Lo aconsejable es agregar el uno y el otro atributos porque no sabemos con que navegador accederán para visualizar la imagen.

4º Atributos height y width (alto y ancho)

Ahora puedes detallar el dimensión de la imagen, para esta ocasión usaremos los atributos height y width. Ten en cuenta que con estos atributos sólo cambiarás el magnitud con el que se mostrará la imagen pero no reducirás el peso de la misma.

Mi comisión es optimizar la imagen primitivamente de subirla a tu blog o sitio web con programas tanto Jpeg Optimizer.

<img src=?URL de la imagen? alt=?texto alternativo? title=?texto alternativo? width=?250? height=?80?/>

La imagen que aparezca tendrá doscientos cincuenta pixeles de alargado por ochenta pixeles de alto.

¿Te ha gustado Cómo clavar imágenes con reglamento Html?

Compártelo, dale un un en Google +


Derechos de imagen  FreeDigitalPhotos.net

Leave a Reply

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies