•NADIA BELEM BARRERA CRUZ

MANEJO DE •ANDREA BARROSO CISNEROS

IMÁGENES •ADRIAN OMAR ORTIZ CATILLO
INTERACTIVAS
•ZENIF YASEF RAIGOZA COVARRUBIAS
 El elemento de imagen HTML <img> representa una imagen en
el documento. Nota: Los navegadores no siempre muestran la
imagen a la que el elemento hace referencia, permite que se
muestren las imágenes, pero en caso de que el archivo esté
dañado también es capaz de describir el gráfico con algunos
atributos
<a>: El elemento ancla. El Elemento HTML Anchor <a> crea
<A> Y <IMG> un enlace a otras páginas de internet, archivos o ubicaciones
dentro de la misma página, direcciones de correo, o cualquier
otra URL
alternate: una representación alternativa del documento actual.
author: un enlace al autor del documento o artículo actual.
bookmark: un enlace permanente a la sección más inmediata
que contiene al vínculo
 •El href es un atributo que se utiliza para hacer referencia a otro
documento. Puede encontrarlo en etiquetas de enlace ( link ) y
etiquetas de anclaje. Sin embargo, los valores de la URL pueden
ser diferentes dependiendo de lo que esté apuntando

HREF=URL
•href se utiliza dentro del texto de anclaje y define el link de
destino objetivo. Además de una página web interna o externa,
aquí también se pueden enlazar, por ejemplo, documentos PDF
o imágenes. La URL a la que debe dirigir el enlace se pone
entre comillas
<IMG SCR=”URL”

•La forma básica de emplear esta etiqueta es: <img

src="url">. Donde el atributo src (del inglés Source
que significa fuente) contiene como valor un url .
Este url indica la dirección y el nombre de la imagen
que se desea insertar. Esta dirección puede ser
absoluta o relativa
•El atributo “src” es imprescindible para poder
colocar una imagen. Este atributo es el que indica
dónde se encuentra alojada la imagen que queremos
mostrar. Se escribe así: <img src=”x”>, siendo “x” la
dirección o la url dónde se encuentra situada la foto.
<IMGBORDE •El lenguaje HTML permite recuadrar a las imágenes que incluyamos en
nuestras páginas con un borde de grosor variable. En general este borde es
R=VALOR_E invisible, a nos ser que especifiquemos lo contrario. Sin embargo cuando
N_PIXELES> vimos las imágenes enlace observamos que alrededor de estas imágenes
aparecía un borde azul indicando que se podía pulsar sobre ellas. Como
enseguida veremos que es posible conseguir que las imágenes normales SI
tengan ese borde y que las imágenes enlace no lo tengan o que sea de otro
grosor distinto al que aparece por defecto.
•La manera de controlar el borde es usar un nuevo atributo, BORDER, que
debe ser usado dentro de la etiqueta IMG. Este atributo toma como valor
el número de pixeles que debe tener el borde. Si nuestro objetivo no es
añadir un borde sino quitarlo, o asegurarnos que no lo tendrá debemos
usar BORDER=0. De esta forma podremos conseguir que desaparezca el
borde en las imágenes enlace.
opciones contenidas en el comando
IMG.
 •La propiedad CSS height especifica la altura de un
elemento. Por defecto, la propiedad define la altura
del área de contenido.
HEIGHT • se utiliza para definir la altura máxima de un
elemento dado. Impide que el valor de la altura pueda
llegar a ser más grande que la de max-height .
Porcentajes: se refiere a la altura del bloque
contenedor.
 •El vspace atributo especifica el espacio
en blanco en la parte superior e inferior
de una imagen
VSPACE •vspace el atributo obsoleto
•atributo vspace especifica la parte
superior e inferior de la imagen en
blanco.
HSPACE

•hspace = margen. Indica el numero de

espacios horizontales, en puntos, que
separarán la imagen del texto que la
siga y la anteceda.
•HSPACE define la distancia de los
lados derecho e izquierdo de la
imagen a los objetos más cercanos
(texto, imágenes, apliques, etc.).
 •La propiedad border permite definir en una
única regla todos los bordes de los elementos
seleccionados. Se puede utilizar border para
definir el o los valores siguientes: border-
width , border-style , border-color
•border: 2px solid grey; En este ejemplo, el
BORDER
valor '2px establece el grosor del borde en 2
píxeles, el valor 'solid' especifica el tipo de
borde, mientras que finalmente se indica el
color, ya sea utilizando el nombre de color, o
bien el código de color en hexadecimal
(anteponiendo el símbolo #).