<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Immagini e Ancoraggi</title>
</head>
<body>
<h1 id="top">Immagini e Ancoraggi</h1>
<p>
<a href="#immagine1">Rosso</a> |
<a href="#immagine2">Verde</a> |
<a href="#immagine3">Blu</a> |
<a href="#immagine4">Grigio</a> |
<a href="#link-esterni">Siti esterni</a>
</p>
<h2 id="immagine1">Rosso</h2>
<img src="rosso.png" alt="Rosso" width="300" height="300">
<h2 id="immagine2">Verde</h2>
<img src="verde.png" alt="Verde" width="300" height="300">
<h2 id="immagine3">Blu</h2>
<img src="blu.png" alt="Blu" width="300" height="300">
<h2 id="immagine4">Grigio</h2>
<img src="grigio.png" alt="Grigio" width="300" height="300">
<h2 id="link-esterni">Collegamenti Esterni</h2>
<p>Per approfondimenti, visita questi siti:</p>
<ul>
<li><a href="https://www.w3schools.com/html/default.asp" target="_blank">w3schools</a></li>
<li><a href="https://www.7ecnologie.it" target="_blank">7ecnologie</a></li>
</ul>
<p><a href="#top">Torna all'inizio</a></p>
</body>
</html>
File esterno rosso.png
Copiare l'immagine nel file rosso.png, da salvare nella stessa cartella della pagina html.
File esterno verde.png
Copiare l'immagine nel file verde.png, da salvare nella stessa cartella della pagina html.
File esterno blu.png
Copiare l'immagine nel file blu.png, da salvare nella stessa cartella della pagina html.
File esterno grigio.png
Copiare l'immagine nel file grigio.png, da salvare nella stessa cartella della pagina html.
Ritorna agli Esempi