NeytorTec Tutoriales Web

Neytortec es un blog dedicado a brindar conocimientos Sobre las diferentes formas de crear un sitio web desde el aprendizaje de lenguajes web hasta su aplicación en el uso de un Blog.

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...

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: