Imágenes
El uso de
imágenes es uno de los factores que ha popularizado tanto
World Wide Web. Incluir imágenes en una presentación
web es muy sencillo, solo debe de tener en cuenta que las imágenes
tienen que tener los formatos GIF, JPEG o PNG.
Las imágenes en línea, se especifican a partir de
la etiqueta <img> que no tiene una etiqueta correspondiente
de cierre pero que puede acompañarse de los siguientes
atributos:
-
src=
Este atributo es obligatorio e indica el nombre del archivo
de imagen (entre comillas) o la URL que se va a representar.
-
Align=
Permite controlar la alineación de una imagen con respecto
a una línea de texto adyacente o a otras imágenes
en esa línea. Los tres valores posibles son los ya
conocidos left, right, top, middle y bottom.
-
Alt=
Es la alternativa que se estableció cuando todavía
existían visualizadores de solo texto. Entre comillas
podremos escribir un texto que suplantara a esta imagen si
no se carga o mientras se carga o cuando, visualizando ya
la imagen, pasamos el ratón por encima.
-
WIDTH=
Este atributo es opcional pero es recomendable ponerlo para
ayudar al navegador a representar la imagen, significa el
ancho de la imagen que vamos a representar.
-
HEIGHT=Al
igual que el atributo WIDTH, es opcional y recomendable ponerlo,
este significa el alto de la imagen.
-
BORDER=
Con BORDER especificamos el ancho de un borde que rodea la
imagen.
<IMG SRC="/graficos/bebe1.jpg"
WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé">
Ejemplo
3:
<HTML>
<HEAD>
<TITLE>Ejemplo 3</TITLE>
</HEAD>
<BODY>
<H1>Imágenes</H1>
<IMG SRC="/graficos/bebe1.jpg"
WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé"
ALIGN="RIGHT">
<IMG SRC="/graficos/bebe1.jpg"
WIDTH=140 HEIGHT=210 BORDER=3 ALT="Un bebé"
ALIGN="LEFT">
Un texto cualquiera.
</BODY>
</HTML>
<<<Anterior
- Siguiente>>>
|
