etiquetas de imagen e hipervínculo
Post on 13-Jun-2015
4.870 Views
Preview:
TRANSCRIPT
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>
top related