Asignatura: Tecnología e Informática
Formación en valor: Justicia
Núcleo Integrador: Insertar Imágenes.
Formación en valor: Justicia
Núcleo Integrador: Insertar Imágenes.
Indicador de desempeño: Mejorar la presentación de
las páginas Web utilizando Imágenes Insertadas.
Exploración Cognitiva.
¿Qué utilidad tienen las imágenes en la presentación de una página web?
¿Qué utilidad tienen las imágenes en la presentación de una página web?
Insertar Imágenes .
Para insertar una imagen es necesario insertar la
etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre.
El nombre de la imagen ha de especificarse a través del
atributo src.
<img src="logo_animales.gif">
Texto alternativo
Cuando una imagen no puede ser visualizada en el navegador,
cosa que puede ocurrir al especificar mal el valor del atributo src,
aparece un recuadro blanco con una X roja en su lugar, junto con el
nombre de la imagen.
Podemos hacer que en lugar de mostrarse el nombre de la
imagen aparezca el texto que nosotros deseemos, gracias al atributo alt.
Por ejemplo, imagina que deseamos mostrar una imagen
llamada gatito.gif, con el texto alternativo Imagen gato, para ello
insertamos el siguiente código:
<img src="gatito.gif" alt="Imagen
gato" >
Width= Ancho
Height = Alto
Ejemplo de una página web con imágenes insertadas e imágenes con vínculos
<html>
<head><title>La vestimenta</title></head>
<body background="fondo.JPG">
<marquee >
<IMG SRC="Tecnologia.png" width= "600" height="200">
</marquee>
<br>
<center> <IMG SRC="Computador.jpg" width= "400" height="300"> </center>
<P>
<font face="arial" size="5" color="white">
Explica el tema Explica el tema Explica el tema Explica el tema
Explica el tema Explica el tema Explica el tema Explica el tema
Explica el tema Explica el tema Explica el tema Explica el tema
</font>
</P>
<P> <A HREF="jeans.HTML">
<IMG SRC="Computador.png" width= "200" height="150">
</A> </P>
<P> <A HREF="jeans.HTML">
<IMG SRC="Celular.gif" width= "300" height="80">
</A> </P>
</BODY>
</HTML>
