Lección 5 - Colegio Sagrado Corazón de Jesús

Anuncio
Colegio Sagrado Corazón de Jesús - Sevilla
Profesor: Antonio Jimeno Luque
ÁREA de Tecnología
Apuntes HTML lección 5
DISEÑO DE PÁGINAS WEB EN LENGUAJE HTML – Lección 5
IMÁGENES CON HIPERVÍNCULOS:
Se trata de vincular varias direcciones de páginas mediante imágenes, que podremos
sacar de internet. Copia las instrucciones del Bloc de Notas y fíjate en el efecto que produce
cada una de ellas sobre la página web cuando pulses "Actualizar" en el Navegador.
Llamamos al archivo nuevo del Bloc “IMÁGENES CON HIPERVÍNCULOS.txt” y escribimos:
<HTML>
<HEAD><TITLE>IMÁGENES CON HIPERVÍNCULOS</TITLE></HEAD>
<BODY BGCOLOR="#F0E68C">
<FONT SIZE="+3" FACE="VERDANA">IMÁGENES CON HIPERVÍNCULOS</FONT>
(Haz Clic sobre las imagenes)<P><P>
<A HREF="http://www.colegiosagradocorazon.net/departamentos/tecnologia/
tecnologia.html"><IMG SRC="IMAGENES/CROCODILE.JPG" ALIGN="LEFT"
HSPACE="20" VSPACE="0" ALT="PINCHA AQUÍ"></A><FONT SIZE="+2"
FACE="ARIAL">Descarga el programa Crocodile Clips del Departamento de Tecnología
para diseñar y estudiar el funcionamiento de circuitos eléctricos.</FONT><BR><BR>
<A HREF="MAILTO:antoniojimenoluque@gmail.com"><IMG SRC="IMAGENES/
BUZON.JPG" ALIGN="LEFT" HSPACE="20" VSPACE="20" Alt="ENVÍA UN CORREO AL
PROFESOR"></A><BR><FONT SIZE="+2" FACE="ARIAL">Pincha en la imagen
del buzón para enviar un correo al autor de esta página. </FONT><BR><BR>
<A HREF="http://www.kissfm.es"><IMG SRC="IMAGENES/FOTO KISS FM.JPG"
ALIGN="LEFT" HSPACE="20" VSPACE="20" ALT="PINCHA AQUÍ"></A><BR><BR>
<FONT SIZE="+2" FACE="ARIAL">Escucha tu radio favorita. </FONT><BR><BR>
</BODY>
</HTML>
Guardamos el archivo como texto y como html. Actualizamos con F5 el navegador y
observamos los resultados.
Página 11
Colegio Sagrado Corazón de Jesús - Sevilla
Profesor: Antonio Jimeno Luque
ÁREA de Tecnología
Apuntes HTML lección 5
Y en el navegador veremos:
Página 12
Descargar