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

AspavA · 10 Nisan 2022, 21:08

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 Kod: Kodu kopyalamak için üzerine çift tıklayın!


 
<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...]

Xaero · 10 Nisan 2022, 21:20

Emeğine sağlık reis

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Html 5 Sitene ----- ve Müzik Ekleme (HTML 5)	CeSaRCripS	HTML/CSS/JavaScript	0	15 Aralık 2012 20:18
Coğrafi Konum, Özel Konum, Matematik Konum	Liaaa	Genel Coğrafya	0	07 Kasım 2012 14:35
IRC Linkleme	Soulfly	Unreal IRCd	4	10 Ekim 2009 11:53

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Etiketlemek istediğiniz kullanıcılar arasına virgül koyunuz. Örnek: nokta,sukunet,NucLear

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.