IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası - HTML de konum belirleme ve linkleme işlemi

Merhaba arkadaşlar tasarım kısmında beni heyecanlandıran konulardan birini sizlere göstermek istedim.
HTML MAP (konumlandırma) hakkında söylenecek çok şey var fakat kısadan bir örnek ile göstermek istedim.

HTML MAP amacı nedir diye soracak olursak; herhangi bir resim üzerinde konumlandırma ve link kullanımı

Örnek verecek olursak:

Türkiye haritasını düşünün üzerinde şehirleri konumlandırıp üzerine tıklayınca o şehir ile ilgili bilgiler veriliyor

HTML MAP Kullanımı:

PHP- Kodu:

    
<html lang="tr">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, inital-scale=1.0">

    <title>Resimde konum belirleme ve linkleme</title>

</head>

 
<body>

    <img src="asp.jpg" alt="konumlar" usemap="#aspmap">

    <map name="aspmap">

        <area shape="rect" coords="105,249,161,366" href="asp.html" alt="birinci profil">

        <area shape="rect" coords="238,172,386,366" href="asp1.html" alt="ikinci profil">

        <area shape="rect" coords="444,95,834,408" href="asp2.html" alt="üçüncü profil">

    </map>

</body>

</html>

coords="105,249,161,366" kısımları lokasyon koordinat yerleri bu koordinatlardan örnek verecek olursak;

İlk değer (105) - Soldan mesafesi
İkinci değer (249) - Yukarıdan mesafesi
Üçüncü değer (161) - Soldan mesafesi + genişliği
Dördüncü değer (366) - Yukarıdan mesafesi + yüksekliği

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]

[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]