IMÁGENES gif”>

IMÁGENES
las imágenes son elementos que en una página web no pueden faltar. En este tema aprenderemos
como insertar una imagen y cómo modificiar sus atributos (propiedades).
Primeramente para insertar una imagen debemos utilizar la etiqueta <img> la cual no precisa
etiqueta de cierre. Utilizaremos también el atributo src para poder específicar el nombre de la
imagen.
Ejemplo:
Para insertar la imagen anterior tendría que insertar el código:
<img src=”imagenes/laptop.gif”>
examinemos las partes del código:
imágenes: es la carpeta donde está contenida la imagen.
Laptop.gif es el nombre de la imagen de extención gif.
Siempre al insertar una imagen, después del nombre es necesario escribir la extención en este
caso .gif
TEXTO ALTERNÁTIVO
este texto lo utilizamos en caso por causa del navegador o un error de red no se pueda visualizar la
imagen que insertamos. Cuando esto pasa aparece una X en lugar de la imagen, así pues, para poder
identificar la imagen colocaremos un texto alternativo el cual la identificará y para esto utilizamos
el atributo alt
<img src=”imagenes/laptop.gif” alt=”Laptop”>
BORDEAR UNA IMAGEN:
Bien, si queremos mejorar el aspecto de la presentación de nuestras imagenes, nos vendría bien
poder agregarles un marco o borde.
Para lograr esto únicamente escribimos el atributo border el cual puede tomar valores numéricos.
Ejemplo:
para que la imagen tenga el siguiente borde es necesario escribir el código asi:
<img src=”imagenes/laptop.gif” border=”4”>
TAMAÑO DE UNA IMAGEN
Con los atributos width y height podemos cambiar el tamaño de la imagen, puesto que siempre las
imagenes al ser insertadas en la página mantienen su tamaño original. Veamos el código para ver la
aplicación de los atributos anteriores:
<img src=”imagenes/laptop.gif” width=”200” height=”100”>
width es el ancho de la imagen y height la altura. Debemos tomar en cuenta que si la imagen es
pequeña y la ampliamos mucho la resolución de la imagen no será de buena calidad.
EJERCICIO DE REPASO:
ELABORE UNA PÁGINA WEB CON LAS SIGUIENTES CARACTERÍSTICAS:
1.
2.
3.
4.
5.
Tema: El mundo en que vivimos
Escriba información a cerca de nuestro planeta, su fauna, flora, lugares geográficos.
Ingrese por cada aspecto una imagen que vaya acorde al punto que esta explicando.
Las imagenes deben verse pequeñas.
Genere un hipervícunlo por cada imagen que al presionar click sobre ellas nos muestre una
imagen más grande.