De las imagenes diremos que hay que tener en cuenta que tipo de imagenes ponemos en nuestra Web. debido a que tenemos que tener en cuenta la relación de peso y tamaño, ya que una imágen demasiado grande y pesada tardaría mucho en cargarse en la págnina o quizas no llegaría a visualizarse en según que equipos.

Los archivos más utilizados en la cración de pág. Web. suelen ser JEPG, y los de formato GIF.

Es aconsejable como ya habiamos dicho en el primer apartado, tener una carpeta destinada a almacenar las imágenes que utilizaremos en nuestro proyecto, también es importante previamente a agregarlas a esta carpeta, tratarles el formato, tamaño y peso, para evitarnos problemas a la hora de cargar nuestra página en el servidor.

La imágenes son una parte fundamental en la Web. con ellas podemos crar fondos, vinculos y hacer que nuestro proyecto sea mas descriptivo y atractivo para el usuario, para insertar una imágen en nuestro documento usaremos la siguiente etiqueta con sus correspondientes atributos:

ETIQUETA IMG SRC: Esta etiqueta nos permite insertar una imagen en nuestro documento, no tiene etiqueta de cierre, dentro de esta etiqueta hemos de especificar la ubicación de la imagen en el archivo, se separará con un slash la carpeta de ubicación del nombre del archivo así, Ejemplo:

y con los siguientes atributos podremos especificar la ubicación, tamaño y algúnos aspectos de la imágen.

WIDTH: Este atributo especifica el ancho y se describe en pixeles.

HEIGHT: Este atributo especifica el alto y se describe en pixeles.

ALT: Este atributo permite ver un cuadro sobre la imagen al poner el ratón, que tendra el nombre que hayamos dado a la imagen, Ejemplo:

BORDER: Este atributo nos permitirá poner un marco a la imágen en el cual también podrmos especificar su grosor en pixeles.

El siguiente es un ejemplo aplicando todos los atributos vistos a la etiqueta:

También podemos alinear una imágen con un texto a la derecha o a la izquierda, para ello utilizaremos el atributo ALIGN, con sus correspondientes tacs RIGTH (derecha), LEFT (izquierda), o si lo que queremos es dejar la imágen en el centro, utilizaremos, ALIGN CENTER.

Es importante saber que primero escribiremos la etiqueta de insertación de la imágen y luego escribiremos nuestro texto, así:

<IMG SRC="IMAGENES/HOME.GIF" ALIGN="RIGTH">-----TEXTO----

EN ESTE CASO HEMOS ALIENEADO LA IMÁGEN A LA IZQUIERDA Y EL TEXTO A LA DERECHA.

ATRUBUTO BACKGROUND: Este atributo nos permite poner una imágen de fondo, en nuestra página especificandola en las etiquetas de BODY, también podemos poner fondo a una TABLA, una CELDA, o una CAPA. APARTADO- ETIQUETA BODY-CONCEPTOS BASICOS DE ESTE TUTORIAL

TUTORIAL HTML

IMAGENES

(Hipertex markup language)