Podemos incluso copiar una imagen de la página web y ponerla en nuestra página para que funcione como enlace. Para ello, pulsamos con el botón derecho sobre la imagen en cuestión y la guardamos en nuestro disco en la carpeta "imagenes" que ya tenemos creada.
Lo primero será incluirla en nuestro index.html y luego enlazarla. Vayamos por partes:
<html>
<head>
<title>Página web de Lola Mena</title>
</head>
<body bgcolor=#5d0000 text=#f9e783>
<center><img src="imagenes/banner.jpg"></center>
<p><h1>Teoría del color</h1></p>
<img src="/imagenes/artista.gif" align="right">
<ol type="A">
<img src="/imagenes/artista.gif" align="right">
<ol type="A">
<li>El color luz
<li>El color pigmento
<li>Colores cálidos
<li>Colores fríos
</ol>
...
Ya hemos colocado la imagen (se llama por ejemplo artista.gif y está en la carpeta "imagenes"). Ahora vamos a hacer el enlace a la página:
...
<p><h1>Teoría del color</h1></p>
<a href="http://www.pinturayartistas.com"><img src="/imagenes/artista.gif" align="right"></a>
<ol type="A">
...
Guardamos el archivo, lo visualizamos en el navegador y probamos el enlace...
...
Ya hemos colocado la imagen (se llama por ejemplo artista.gif y está en la carpeta "imagenes"). Ahora vamos a hacer el enlace a la página:
...
<p><h1>Teoría del color</h1></p>
<a href="http://www.pinturayartistas.com"><img src="/imagenes/artista.gif" align="right"></a>
<ol type="A">
<li>El color luz
<li>El color pigmento
<li>Colores cálidos
<li>Colores fríos
</ol>
...
Guardamos el archivo, lo visualizamos en el navegador y probamos el enlace...
No hay comentarios:
Publicar un comentario