Imágenes: IMG
Una forma de dar una buena impresión en nuestro documento es añadiendo imágenes, ya sean GIF o JPG (JPEG). Al mismo tiempo tenemos la posibilidad de utilizarlas como fondo del documento.
La etiqueta IMG
Para cargar una imagen en un documento HTML utilizaremos la etiqueta IMG con la siguiente sintaxis:
<img src="dibujo.jpg">
Después del parámetro SRC debemos
indicar el path en el cual se encuentra la imagen, este path puede hacer referencia
a una dirección relativa a la maquina en que se encuentra el documento, incluso
a otra maquina.
Los parámetros que nos encontramos en la etiqueta IMG
son:
- Align, indica la alineación que va a tomar la imagen dentro del documento, esta puede ser: right, left, top, bottom, texttop, middle, absmiddle, baseline, bottom, absbottom.
- Width, es la anchura que tiene la imagen, si ponemos una anchura mayor de la que tiene, perderemos parte de la resolución de la imagen.
- Height, es la altura que tiene la imagen, si ponemos una altura mayor de la que tiene, perderemos parte de la resolución de la imagen.
- Alt, aqui asignamos un nombre a la imagen, y usualmente se añade también su tamaño. Esto se hace por si alguien accede al documento en modo texto.
- Border, este parámetro ira seguido de un valor x, el cual indicara el tamaño del borde que rodeara a la imagen.
- Vpace, indica la separación en vertical con el texto que le precede, este parámetro ira precedido de un valor x que indicara dicha separación.
- Hpace, indica la separación en vertical con el texto que le precede, este parámetro ira precedido de un valor x que indicara dicha separación.
Un ejemplo de utilización de esta etiqueta es el siguiente:
<img src="ace.jpg" alt="ace.jpg - 6214,0 K" width=233 height=223>
La etiqueta FIG
Es una etiqueta que no es tan utilizada como la IMG, su sintaxis el la misma que la del comando IMG, lo único que varia son sus parámetros.
Imágenes como fondo de documento
Para utilizar una imagen como fondo de documento lo haremos en la parte de declaraciones del cuerpo del programa, o sea, en la parte del <body>. Esto lo haremos de la siguiente manera:
<body background = "dibujo.jpg">
Fondo Salchichas
Fondo Tablero de pino
Fondo Persiana
Dependiendo del tamaño de la imagen que queramos insertar como fondo así variara el tiempo que tarde en cargarse el documento.
Un buen consejo
Si al insertar una imagen en el documento ponemos su tamaño, es decir, definimos las características de HEIGHT y WIDTH se cargara todo el texto del documento y posteriormente las imágenes, cosa que facilitara el visionado del documento para la gente que quiera obviar las imágenes.
En caso de no definir su altura y ancho el documento se ira cargando paso a paso. Cosa que en un documento con muchas imágenes puede hacerlo muy pesado.
