HTML href বোতামের সাথে সম্পর্কিত প্রধান সমস্যা হল যে বিভিন্ন ব্রাউজারে সামঞ্জস্যপূর্ণ দেখায় এমনভাবে বোতামটিকে স্টাইল করা কঠিন হতে পারে। উপরন্তু, একটি href অ্যাট্রিবিউট সহ একটি অ্যাঙ্কর ট্যাগ ব্যবহার করার সময়, লিঙ্কটি ডিফল্টরূপে একই উইন্ডোতে খুলবে, যা নির্দিষ্ট ধরণের লিঙ্কগুলির জন্য পছন্দসই নাও হতে পারে। অবশেষে, যদি href অ্যাট্রিবিউটটি সঠিকভাবে কনফিগার করা না হয় তবে বোতামে ক্লিক করলে একটি ত্রুটি পৃষ্ঠা হতে পারে।
<button><a href="">Click Here</a></button>
1. কোডের এই লাইনটি HTML এ একটি বোতাম উপাদান তৈরি করে।
2. বোতাম উপাদানের ভিতরে, একটি খালি href অ্যাট্রিবিউট সহ একটি অ্যাঙ্কর ট্যাগ রয়েছে৷
3. অ্যাঙ্কর ট্যাগে "এখানে ক্লিক করুন" লেখা রয়েছে।
HREF এর সংজ্ঞা
HREF হল হাইপারটেক্সট রেফারেন্স এবং এটি একটি HTML অ্যাট্রিবিউট যা একটি হাইপারলিঙ্ককে সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি একই ওয়েবসাইট বা একটি ভিন্ন ওয়েবসাইটে একটি পৃষ্ঠার সাথে অন্য পৃষ্ঠা লিঙ্ক করতে ব্যবহৃত হয়। HREF বৈশিষ্ট্য লিঙ্কের গন্তব্য নির্দিষ্ট করে এবং অন্যান্য HTML উপাদানগুলির সাথে ব্যবহার করা যেতে পারে যেমন , , এবং
আমি কি HTML বোতামে HREF ব্যবহার করতে পারি?
না, HTML এ একটি বোতাম উপাদানে একটি href বৈশিষ্ট্য ব্যবহার করা সম্ভব নয়। বাটন উপাদান href বৈশিষ্ট্য সমর্থন করে না। যাইহোক, আপনি জাভাস্ক্রিপ্ট ব্যবহার করে বোতামটিতে একটি ক্লিক ইভেন্ট লিসেনার যোগ করতে পারেন যা ক্লিক করলে ব্যবহারকারীকে একটি ভিন্ন পৃষ্ঠায় নিয়ে যাবে।
আপনি কিভাবে একটি বোতাম হিসাবে একটি href স্টাইল করবেন
HTML এ একটি বোতাম হিসাবে একটি অ্যাঙ্কর ট্যাগ স্টাইল করতে, আপনি নিম্নলিখিত কোড ব্যবহার করতে পারেন:
তারপর আপনার স্টাইলশীটে নিম্নলিখিত CSS যোগ করুন:
.বোতাম {
ব্যাকগ্রাউন্ড-রঙ: #4CAF50; /*সবুজ*/
সীমানা: কোনোটিই নয়;
সাদা রং;
প্যাডিং: 15px 32px;
টেক্সট-সারিবদ্ধ: কেন্দ্র;
পাঠ্য-সজ্জা: কিছুই নয়;
প্রদর্শন: ইনলাইন-ব্লক; ফন্ট-আকার: 16px; মার্জিন: 4px 2px; কার্সার: পয়েন্টার;}