HTML Links ও Anchors

লেসন ১০ / ৪৪

Link (Anchor Tag)

HTML-এ link তৈরি করতে <a> tag ব্যবহার করা হয়।

<a href="https://google.com">Google</a>
<a href="/about.html">About Us</a>
<a href="#section1">সেকশনে যান</a>
<a href="mailto:info@example.com">ইমেইল করুন</a>
<a href="tel:+8801712345678">কল করুন</a>

target Attribute

<a href="..." target="_blank">নতুন ট্যাবে খুলবে</a>
<a href="..." target="_self">একই ট্যাবে (default)</a>
⚠️ target="_blank" ব্যবহার করলে rel="noopener noreferrer" যোগ করুন — নিরাপত্তার জন্য।

Image Link (ছবি ক্লিকযোগ্য)

<a href="https://example.com">
    <img src="logo.png" alt="Logo">
</a>

Download Link

<a href="file.pdf" download>PDF ডাউনলোড করুন</a>
<a href="file.pdf" download="my-book.pdf">কাস্টম নামে</a>

পেজের ভিতরে navigate (Fragment)

<!-- Link -->
<a href="#chapter2">অধ্যায় ২ এ যান</a>

<!-- Target -->
<h2 id="chapter2">অধ্যায় ২</h2>