Header Ads

Insertar Imágenes con HTML(Uso de la Etiqueta img)


Sin duda alguna uno de los aspectos mas vistosos y atractivos de las paginas Web son los gráficos  No obstante el Abuso de estos puede conducirnos a un a sobrecarga que se traduce en una distracción para el navegante, que tendrá mas dificultad en encontrar la información necesaria que busca. Por eso es importante tener criterio para saber donde y cuando colocaremos imágenes en nuestro sitio Web.

La etiqueta que se utiliza para insertar una imagen es <img>(image). Esta etiqueta no posee un cierre correspondiente sin embargo en ella, hemos de especificar originariamente la ubicación de la imagen mediante el atributo src(source).

Hay 2 formas de llamar una imagen ya sea que este alojado en el mismo directorio local o fuera del directorio local. (Este criterio también se aplica a direcciones remotas ubicadas en la Web )

En el ejemplo, llamaremos a una imagen que esta en el mismo directorio, otra que esta en una carpeta llamada imágenes y en la ultima llamaremos a una imagen que están fuera del directorio local (atrás).

Código HTML:




Ejemplo Ejecutado En Un Navegador:




Imagen ubicada en el mismo directorio:


Imagen ubicada en una carpeta llamada imagenes:


Imagen ubicada fuera del directorio local:

Como podemos notar en el ejemplo tenemos que especificar bien la ubicación de la imagen a usar; al ejecutar nos damos cuenta  que no importa donde este ubicado la imagen el resultado es el mismo.

OJO : Es importante poner el tipo de archivo que es la imagen me refiero a su formato ya sea : .jpg ; .PNG ; etc.






2 comentarios: