উদাহরণ ১: বাহ্যিক লিঙ্ক

একটি বাহ্যিক ওয়েবসাইটে লিঙ্ক।

কোড:

<a href="https://www.example.com" target="_blank">এক্সাম্পল ওয়েবসাইটে যান</a>
        

ব্যাখ্যা: target="_blank" লিঙ্কটি নতুন ট্যাবে খোলে।

উদাহরণ ২: অভ্যন্তরীণ লিঙ্ক

একই ওয়েবসাইটের অন্য পেজে লিঙ্ক।

কোড:

<a href="about.html">আমাদের সম্পর্কে পেজ</a>
        

দ্রষ্টব্য: এই উদাহরণে about.html ফাইলটি থাকতে হবে।

উদাহরণ ৩: অ্যাঙ্কর লিঙ্ক

একই পেজের নির্দিষ্ট অংশে নিয়ে যাওয়ার জন্য।

কোড:

<a href="#section1">সেকশন ১-এ যান</a>
...
<h2 id="section1">সেকশন ১</h2>
        

সেকশন ১

এটি সেকশন ১। অ্যাঙ্কর লিঙ্কে ক্লিক করলে এখানে চলে আসবে।

উদাহরণ ৪: ইমেল এবং ডাউনলোড লিঙ্ক

ইমেল খোলা বা ফাইল ডাউনলোডের জন্য লিঙ্ক।

কোড:

<a href="mailto:example@example.com">ইমেল পাঠান</a>
<a href="sample.pdf">পিডিএফ ডাউনলোড করুন</a>
        

দ্রষ্টব্য: ডাউনলোড লিঙ্কের জন্য sample.pdf ফাইলটি থাকতে হবে।

উদাহরণ ৫: সিএসএস দিয়ে লিঙ্ক স্টাইলিং

সিএসএস ব্যবহার করে লিঙ্কের চেহারা পরিবর্তন করা।

কোড:

<style>
    .custom-link {
        background-color: #3498db;
        color: white;
        padding: 8px 15px;
        border-radius: 5px;
        text-decoration: none;
    }
    .custom-link:hover {
        background-color: #2980b9;
    }
</style>
<a href="https://www.example.com" class="custom-link">কাস্টম স্টাইলের লিঙ্ক</a>