INSERTAR UNA IMAGEN
La etiqueta <IMG> te servirá para situar imágenes en una página. Es una etiqueta "verdadera", pues no tiene etiqueta de cierre:
<IMG>
La etiqueta <IMG> requiere un origen de datos obligatorio dado por el atributo SRC= Indica la imagen en cuestión:
<IMG SRC="Nombre.Extensión">
Tan sólo el código anterior es necesario para añadir una imagen a tu página, mostrando la imagen situada en la misma carpeta del documento HTML.
ATRIBUTOS DE UNA IMAGEN
WIDTH=80, HEIGTH=100 àIndican la anchura y altura de la imagen.
<IMG SRC="Nombre.Extensión" WIDTH=”80” HEIGTH=”100” >
TIPOS DE FORMATOS DE IMÁGENES (EXTENSIONES):
Existen muchos formatos para guardar imágenes que tienen diferentes extensiones Png, bmp, tif, dib, wmf, etc. En internet se usan básicamente dos: GIF y JPG. Ambos formatos comprimen las imágenes para reducir su tamaño, de este modo se asegura una transferencia más rápida por la red. Esto es importante, ya que si la imagen se tarda en cargar, es posible que el visitante de nuestra página la abandone por ello. En los casos en que es necesario poner una imagen con una resolución elevada para ver los detalles, es mejor colocar una imagen pequeña y usarla como enlace que nos conduzca a la imagen final. De ese modo el visitante ya sabe la imagen que va a cargar y puede ser más paciente.
FORMATO JPG:
El formato JPG usa 16.7 millones de colores, por lo que se emplea con imágenes de alta resolución. Con este formato se obtiene un grado de compresión más alto que con el GIF y además ésta se puede regular: Cuanto mayor sea la compresión, más pérdida de calidad, respecto de la imagen original. De hecho cada vez que abrimos y guardamos de nuevo una imagen en formato JPG, distorsionamos un poco la imagen.
FORMATO GIF
El formato GIF usa 256 colores y se emplea sobretodo con imágenes pequeñas como iconos.
COLOCAR UN FONDO EN UNA PÁGINA WEB
Para incluir un fondo en una página web necesitamos utilizar el atributo BGCOLOR o BACKGROUND en la etiqueta <BODY>, al que le asignamos el nombre del archivo que deseamos utilizar como fondo en caso de una imagen, pero si se desea colocar un color solido entonces agregamos un color en ingles o un código HEXADECIMAL.
COLOR DE FONDO SOLIDO
<BODY BGCOLOR="#80BFFF">
<BODY BGCOLOR="RED">
IMAGEN DE FONDO
<BODY BACKGROUND="Nombre.Extensión">
MARQUESINAS
Las marquesinas son una fracción de texto que se desplaza a lo largo de la pantalla.
< MARQUEE > texto en movimiento < /MARQUEE >
Las marquesinas poseen una serie de parámetros que nos permiten modificar la marquesina predeterminada. Sólo necesitamos incluir dichos parámetros dentro de la etiqueta < MARQUEE... >:
- WIDTH = Nos permite determinar el ancho de pantalla que ocupará. Podemos expresarlo en puntos o en %. Ejemplo: < MARQUEE WIDTH=50% >
- HEIGHT = Igual que el caso anterior, pero refiriéndose a la altura de la marquesina.
- ALIGN = las marquesinas se pueden alinear mediante: TOP, MIDDLE, BOTTOM, pero no con LEFT, RIGHT.