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
Tenga en cuenta: se debe crear 3 páginas:
principal.HTML
Pagina1.HTML
Pagina2.HTML
<html>
<head><title> Manejo de Imagenes</title></head>
<body background="fondo.JPG">
<marquee >
<IMG SRC="Imagen1.png" width= "600" height="200">
</marquee>
<br>
<center> <IMG SRC="Imagen2.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="Pagina2.HTML">
<IMG SRC="Imagen3.png" width= "200" height="150">
</A> </P>
<P> <A HREF="Pagina3.HTML">
<IMG SRC="Imagen4.gif" width= "300" height="80">
</A> </P>
</BODY>
</HTML>
No hay comentarios:
Publicar un comentario