HTML y IMG SRC Código

A pesar de que el HTML es en la versión 5 en el momento de la publicación, el código IMG SRC no ha cambiado mucho desde la versión 1. Todavía enlazar imágenes con la etiqueta "a href", y que llame a la imagen en lugar de texto con el "img src etiqueta ". Si desea cambiar el tamaño de la imagen, hay un lugar para que en la codificación. Si desea dejar un borde, hay espacio para eso, también. Pero IMG SRC sigue siendo la etiqueta básica de inserción de imágenes.

La etiqueta IMG SRC

Cuando se desea añadir una imagen a una página web, y lo está modificando el uso de HTML, usted tiene que utilizar la etiqueta IMG SRC. Debe tener un aspecto como el siguiente: <img />

Este es el código de inserción de imágenes más simple. Por lo general, tiene unos cuantos más atributos añadidos en él, al igual que las dimensiones, cualquier tipo de enlace, un vuelo estacionario-caption o alineación. También puede utilizar una dirección para el nombre de la imagen, si la imagen que desea mostrar no se almacena en el administrador de archivos. En ese caso, el código de la imagen sería <img />

Añadir dimensiones en la Imagen

Para añadir dimensiones a una imagen que podría ser demasiado grande para colocar en el sitio web, todo lo que hacemos es añadir dimensiones (en píxeles) de la etiqueta de la imagen: <img height = 200 width = 300 />

Trate de asegurarse de que las dimensiones que dar la imagen son proporcionales a la original. Si usted no toma el cuidado de mantener la proporción, su imagen va a terminar sesgada y se estiró.

La vinculación de la Imagen

Para añadir un enlace a una imagen, hay que añadir una etiqueta <a href>. Una imagen vinculada sería codificado como esto: <a href="link URL"> <img height = 200 width = 300 /> </a>

La etiqueta <a href> funciona para cualquier hipervínculo, por lo que si la izquierda al salir el código IMG SRC y escrito texto en el que aparece en el anterior, el texto estaría vinculada, no la imagen. Se vería así: <a href="link URL"> TEXTO </a>

ALT añadida a la etiqueta img

Una adición común a la ven- IMG SRC es alt, que significa "alternativa". En el código, por lo general aparece al final de la lista de atributos, como esto: <img height = 200 width = 300 alt = "Nombre de imagen" /> Así que si su imagen no se carga, aparecerá un texto con la imagen rota icono y aparecerá el nombre de la imagen. La ventaja de hacer esto es que en vez de un icono de imagen rota, los visitantes del sitio, al menos, conocen el nombre de la imagen.