| |
4.2 Imágenes
Las etiquetas para las imágenes
Las imágenes son elementos externos a los
documentos de html; al escribir el código se hace referencia
a la ubicación de esos archivos, el navegador busca la imagen
en la dirección indicada.
Para insertar la referencia de una imagen dentro
del código, debe de usarse la etiqueta: <IMG
src="nombre y dirección de la imagen">
Como podrás notar, la etiqueta de imagen es abierta porque
solamente tiene una palabra clave en el principio de la acción.
Los atributos que acompañan la etiqueta de imagen son:
alt="***" |
Texto alternativo de la imagen para
navegadores que no tienen la Opción de Imagen Activada
y/o también para que el visitante lea mientras
se descarga la página. |
|
width="*" |
Indica la anchura de la imagen
en píxeles. |
|
height="*" |
Indica el alto de la imagen,
también en píxeles. |
|
border="*" |
Indica el grosor del borde en
píxeles. Especialmente cuando la imagen incluye
un hiperenlace. |
|
align="top" |
Alinear arriba, muy útiles cuando
interactúan imágenes con texto o tablas,
los atributos de alineación nos permiten jugar
con el acomodo de los elementos de nuestra página. |
|
align="middle" |
Alinear en medio. |
|
align="absmiddle" |
Alinear perfectamente en medio. |
|
align="bottom" |
Alinear abajo. |
|
align="left" |
Alinear hacia la izquierda. |
|
align="right" |
Alinear hacia la derecha. |
|
Veamos como se comporta el atributo de alineación
de imagen con respecto al texto:
TIPS |
|
Usa siempre las propiedades o atributos de imagen de altura
y anchura (width an height). Estas dos opciones puedes encontrarlas
en el Panel de Propiedades; sirven para cambiar el tamaño
de una imagen, aunque su propósito real es indicar al
navegador qué tanto espacio necesita reservar para desplegarla.
Lo que hace el navegador es iniciar con la descarga del texto
y posteriormente la descarga de imágenes, así
el visitante tendrá algo que leer mientras espera a que
todo aparezca en su lugar. |
|
|
Esta
imagen tiene una alineación hacia la izquierda (left)