Html'de uğraştım ama ilk resme tıklayınca ikinci resim yeni sayfada açılıyor, mevcut sayfada ikinci resme geçmiyor. Var bir yanlışım, bulamadım.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr" lang="tr-TR">
    <head>
        <title>Resim Haritası</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <button onclick="document.location='anasayfa.html'">Anasayfa</button>
        <button onclick="document.location='css-calismasi.html'">CSS Çalışması</button><br>
        <h1>Resim Haritası</h1>
            <img class="resimharitasi" src="resimler/map1.jpg" alt="Resimler" usemap="#resimharitasi1">
                <map name="resimharitasi1">
                    <area shape="default" alt="Resim Map 1" href="resimler/map1.jpg">
                    <area shape="default" alt="Resim Map 2" href="resimler/map2.jpg">
                    <area shape="default" alt="Resim Map 3" href="resimler/map3.jpg">
                    <area shape="default" alt="Resim Map 4" href="resimler/map4.jpg">
                    <area shape="default" alt="Resim Map 5" href="resimler/map5.jpg">
                    <area shape="default" alt="Resim Map 6" href="resimler/map6.jpg">
                </map>
            </img>
    </body>
</html>