বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ৯ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML টেক্সট / Text ফরম্যাটিং / Formatting সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ৭ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML লিঙ্কস / Links নিয়ে । তাহলে শুরু করা যাক ।
লিংক প্রায় সব ওয়েব পেজ পাওয়া যায় । লিংক ব্যবহারকারীদের পাতা থেকে পাতা তাদের পথ ক্লিক করার অনুমতি দেয় ।
এইচটিএমএল হাইপারলিঙ্কস / Hyperlinks (লিঙ্কস):
এইচটিএমএল ট্যাগ <a> একটি হাইপারলিংক সংজ্ঞায়িত করে ।
একটি হাইপারলিঙ্কস ( অথবা লিঙ্কস ) দিয়ে আপনি একটি শব্দের উপর , কত গুলো শব্দের উপর ,
ইমেজের উপর যে কোন লিঙ্ক দিতে পারেন । এবং সে শব্দের উপর , কত গুলো শব্দের উপর ,
ইমেজের উপর আপনি ক্লিক করলে ঐ লিঙ্ক এ চলে যাবে অথবা ডকুমেন্ট এ চলা যাবে ।
আপনি যদি কোনো ওয়েব পৃষ্ঠায় একটি লিঙ্ক ওভার কার্সার সরানো, তীর একটু হাত পরিণত হবে । <a> এলিমেন্ট সবচেয়ে গুরুত্বপূর্ণ বৈশিষ্ট্য লিঙ্ক এর গন্তব্য যা নির্দেশ করে href অ্যাট্রিবিউট দিয়ে ।
সব ব্রাউজারে নিম্নরূপ ডিফল্টরূপে, লিঙ্ক প্রদর্শন করা হবে:
একটি অদেখা লিংক আন্ডারলাইন এবং নীল হয় ।
একটি পরিদর্শন লিঙ্ক আন্ডারলাইন এবং রক্তবর্ণ হয় ।
একটি সক্রিয় লিঙ্ক আন্ডারলাইন এবং লাল হয় ।
এইচটিএমএল লিংক বাক্য গঠন প্রণালীঃ
একটি এইচটিএমএল লিঙ্ক এর জন্য সহজ কোড । এটা ভালো দেখায়:
<a href="url">Link text</a>
Href অ্যাট্রিবিউট একটি লিঙ্ক গন্তব্য নির্ধারণ করে ।
উদাহরণঃ
<a href="http://www.techtuneser.blogspot.com.com/">Visit Techtuneser</a>
এটা ব্রাউজার এ দেখাবে Visit Techtuneser এভাবে । এখানে আপনি ক্লিক করলে টেকটিউনসার এর প্রথম পাতা এ যাবে ।
টিপসঃ শুধু "লিংক টেক্সট" টেক্সট হতে হবে না. এটি একটি চিত্র বা অন্য কোন এইচটিএমএল উপাদান হতে পারে ।
এইচটিএমএল লিংক - লক্ষ্য / Target অ্যাট্রিবিউটঃ
টার্গেট অ্যাট্রিবিউট যেখানে সংযুক্ত ডকুমেন্ট খোলার জন্য নির্ধারণ করা হয় ।
উদাহরণ নীচে একটি নতুন ব্রাউজার উইন্ডোতে বা একটি নতুন ট্যাবে লিঙ্ক ডকুমেন্ট খুলবেঃ
<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
এইচটিএমএল লিংক - আইডি / ID অ্যাট্রিবিউটঃ
আইডি অ্যাট্রিবিউট একটি এইচটিএমএল ডকুমেন্ট এর ভিতরে একটি বুকমার্ক তৈরি করতে ব্যবহার করা যেতে পারে ।
বুকমার্ক কোন বিশেষ পদ্ধতিতে প্রদর্শিত হয় না. তারা পাঠক অদৃশ্য ।
উদাহরণঃ
একটি HTML ডকুমেন্ট এর ভিতরে একটি আইডি সহ একটি নোঙ্গর / Anchor:
<a id="tips">Useful Tips Section</a>
একই ডকুমেন্ট ভিতরে "প্রয়োজনীয় টিপস ধারা" একটি লিঙ্ক তৈরি করুন:
<a href="#tips">Visit the Useful Tips Section</a>
অথবা, আরেকটি পাতা থেকে "প্রয়োজনীয় টিপস ধারা" একটি লিঙ্ক তৈরি করুন:
<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>
এইচটিএমএল লিঙ্ক ট্যাগঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ৯ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML টেক্সট / Text ফরম্যাটিং / Formatting সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ৭ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML লিঙ্কস / Links নিয়ে । তাহলে শুরু করা যাক ।
লিংক প্রায় সব ওয়েব পেজ পাওয়া যায় । লিংক ব্যবহারকারীদের পাতা থেকে পাতা তাদের পথ ক্লিক করার অনুমতি দেয় ।
এইচটিএমএল হাইপারলিঙ্কস / Hyperlinks (লিঙ্কস):
এইচটিএমএল ট্যাগ <a> একটি হাইপারলিংক সংজ্ঞায়িত করে ।
একটি হাইপারলিঙ্কস ( অথবা লিঙ্কস ) দিয়ে আপনি একটি শব্দের উপর , কত গুলো শব্দের উপর ,
ইমেজের উপর যে কোন লিঙ্ক দিতে পারেন । এবং সে শব্দের উপর , কত গুলো শব্দের উপর ,
ইমেজের উপর আপনি ক্লিক করলে ঐ লিঙ্ক এ চলে যাবে অথবা ডকুমেন্ট এ চলা যাবে ।
আপনি যদি কোনো ওয়েব পৃষ্ঠায় একটি লিঙ্ক ওভার কার্সার সরানো, তীর একটু হাত পরিণত হবে । <a> এলিমেন্ট সবচেয়ে গুরুত্বপূর্ণ বৈশিষ্ট্য লিঙ্ক এর গন্তব্য যা নির্দেশ করে href অ্যাট্রিবিউট দিয়ে ।
সব ব্রাউজারে নিম্নরূপ ডিফল্টরূপে, লিঙ্ক প্রদর্শন করা হবে:
একটি অদেখা লিংক আন্ডারলাইন এবং নীল হয় ।
একটি পরিদর্শন লিঙ্ক আন্ডারলাইন এবং রক্তবর্ণ হয় ।
একটি সক্রিয় লিঙ্ক আন্ডারলাইন এবং লাল হয় ।
এইচটিএমএল লিংক বাক্য গঠন প্রণালীঃ
একটি এইচটিএমএল লিঙ্ক এর জন্য সহজ কোড । এটা ভালো দেখায়:
<a href="url">Link text</a>
Href অ্যাট্রিবিউট একটি লিঙ্ক গন্তব্য নির্ধারণ করে ।
উদাহরণঃ
<a href="http://www.techtuneser.blogspot.com.com/">Visit Techtuneser</a>
এটা ব্রাউজার এ দেখাবে Visit Techtuneser এভাবে । এখানে আপনি ক্লিক করলে টেকটিউনসার এর প্রথম পাতা এ যাবে ।
টিপসঃ শুধু "লিংক টেক্সট" টেক্সট হতে হবে না. এটি একটি চিত্র বা অন্য কোন এইচটিএমএল উপাদান হতে পারে ।
এইচটিএমএল লিংক - লক্ষ্য / Target অ্যাট্রিবিউটঃ
টার্গেট অ্যাট্রিবিউট যেখানে সংযুক্ত ডকুমেন্ট খোলার জন্য নির্ধারণ করা হয় ।
উদাহরণ নীচে একটি নতুন ব্রাউজার উইন্ডোতে বা একটি নতুন ট্যাবে লিঙ্ক ডকুমেন্ট খুলবেঃ
<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
এইচটিএমএল লিংক - আইডি / ID অ্যাট্রিবিউটঃ
আইডি অ্যাট্রিবিউট একটি এইচটিএমএল ডকুমেন্ট এর ভিতরে একটি বুকমার্ক তৈরি করতে ব্যবহার করা যেতে পারে ।
বুকমার্ক কোন বিশেষ পদ্ধতিতে প্রদর্শিত হয় না. তারা পাঠক অদৃশ্য ।
উদাহরণঃ
একটি HTML ডকুমেন্ট এর ভিতরে একটি আইডি সহ একটি নোঙ্গর / Anchor:
<a id="tips">Useful Tips Section</a>
একই ডকুমেন্ট ভিতরে "প্রয়োজনীয় টিপস ধারা" একটি লিঙ্ক তৈরি করুন:
<a href="#tips">Visit the Useful Tips Section</a>
অথবা, আরেকটি পাতা থেকে "প্রয়োজনীয় টিপস ধারা" একটি লিঙ্ক তৈরি করুন:
<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>
এইচটিএমএল লিঙ্ক ট্যাগঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন