TEMA: DEFINICIONESSUBTEMA: Página Web

IMÁGENES

Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML:

JPEG GIF PNG

Para insertar una imagen se usa la etiqueta:

Ej.:

< IMG SRC = “mi_imagen.gif” >

ATRIBUTOS DE LAS IMÁGENES

BORDER: (Tamaño del borde alrededor de una imagen)<IMG SRC=“mi_imagen.gif” border=0>

WIDTH: (Ancho en pixeles de la imagen)<IMG SRC=“mi_imagen.gif” width=100>

HEIGHT: (Altura en pixeles de la imagen)<IMG SRC=“mi_imagen.gif” height=0>

ATRIBUTOS DE LAS IMÁGENES

NAME: (Darle un nombre a la imagen)

< IMG SRC=“mi_imagen.gif” name=“img1”>

ALIGN: (Alinear la imagen con respecto al texto de un documento). Tenemos left, right, top, abscenter, middle, center, bottom, texttop, textbottom.

< IMG SRC=“mi_imagen.gif” align=left>

El atributo “ALIGN”

Align=top

Align=center

Align=bottom

El atributo “ALIGN”

Align=textop

Align=middle

Align=textbottom

ATRIBUTOS DE LAS IMÁGENES

HSPACE: (Espacio a la derecha e izquierda de una imagen).<IMG SRC=“mi_imagen.gif” hspace=“10”>

RSPACE: (Espacio arriba y abajo de una imagen)<IMG SRC=“mi_imagen.gif” vspace=“15”>

ALT: (Sirve para dar una descripción a la imagen)<IMG SRC=“mi_imagen.gif” alt=“Mi imagen”>

ATRIBUTOS DE LAS IMÁGENES

LONGDESC: (Es un vínculo hacia un documento que explica detalladamente la imagen)

<IMG SRC=“mi_imagen.gif” longdesc=“mi_imagen.html”>

IMÁGENES FLOTANTE:La imagen puede quedar a la izquierda de

un párrafo de texto (align = left)

Este es un ejemplo para mostrar la imagen a la Izquierda del texto

La imagen puede quedar a la derecha de un párrafo texto.

(align = right)

Este es un ejemplo para mostrar la imagen a la derecha del texto

Convirtiendo Imágenes en HipervínculosPara utilizar una imagen como hipervínculos se debe usar las siguientes sentencias.

Ej.:

<A Href = “página.html”> <Img Src=“mi_imagen.gif” border = 0 height=86 width = 56 alt=“mi imagen”> </A>