etiquetas de imagen e hipervínculo
TRANSCRIPT
![Page 1: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/1.jpg)
TEMA: DEFINICIONESSUBTEMA: Página Web
![Page 2: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/2.jpg)
IMÁGENES
Existen tres tipos de formato de imágenes que se pueden Insertar en un documento HTML:
JPEG GIF PNG
![Page 3: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/3.jpg)
Para insertar una imagen se usa la etiqueta:
Ej.:
< IMG SRC = “mi_imagen.gif” >
![Page 4: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/4.jpg)
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>
![Page 5: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/5.jpg)
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>
![Page 6: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/6.jpg)
El atributo “ALIGN”
Align=top
Align=center
Align=bottom
![Page 7: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/7.jpg)
El atributo “ALIGN”
Align=textop
Align=middle
Align=textbottom
![Page 8: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/8.jpg)
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”>
![Page 9: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/9.jpg)
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”>
![Page 10: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/10.jpg)
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
![Page 11: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/11.jpg)
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
![Page 12: Etiquetas de imagen e hipervínculo](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557b8dffd8b42a62418b5182/html5/thumbnails/12.jpg)
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>