Manual HTML Aversitenteras

16 pasos sencillos para construir tu propia web




12. IMAGENES - Segunda parte



.

bullet  Más atributos de la etiqueta IMG:

Ya hemos visto anteriormente como insertar un fichero de imagen en nuestras páginas web. Veamos ahora varios atributos para modificar sus propiedades.

a) Title.  Toma un valor de una palabra o frase corta descriptiva. Podremos ver el resultado situando el ratón sobre la imagen.


Ejercicio: Veamos un ejemplo si añadimos este atributo al ejercicio7.

<IMG src="img/imagen.jpg" title="Parque de Doñana">


imagenes2

Como podréis observar al poner el puntero del ratón sobre la imagen nos aparece nuestro texto.

b) Border.  Este atributo toma el valor del grosor en pixeles para ponerle borde a la imagen.

Ejercicio: Volvemos a usar el ejercicio7 para ilustrar este ejemplo.

<IMG src="img/imagen.jpg" border="2">


imagenes2

La imagen tiene ahora un borde de 2 pixeles.

c) Height y Width.  Estos dos atributos se utilizan para modificar la altura y la anchura de la imagen respectivamente.

Ejercicio: Una vez más modificamos el ejercicio7 con este resultado.

<IMG src="img/imagen.jpg" height="162" width="250">


imagenes2

Como se puede apreciar en la captura hemos reducido el tamaño de la imagen con estos atributos.



anterior     indice     siguiente
tip

Acabamos de ver como para dimensionar una imagen podemos dar un valor en pixeles a los atributos height y width. También es posible utilizar estos atributos dándole un valor de porcentaje.

Ejemplo:
<IMG src="tuimagen.jpg" height="50%" width="50%">

Lista de links




El portal que comparte sus ingresos