হাইপারলিংক(Hyperlink)
ওয়েবসাইটের বিভিন্ন ধরণের তথ্যাবলীর ভেতর ভার্চুয়াল সংযোগ স্থাপন করাকে হাইপারলিংক(Hyperlink) বলে। সাধারণত লিংক করা টেক্সট অন্ডারলাইন এবং নীল রঙের দেখায়। লিংক ওয়েবসাইটের একটা গুরুত্বপূর্ণ উপাদান কারণ আমরা যে কোন ওয়েবসাইটের হোমপেজ থেকে অন্যান্য বিভিন্ন সেকশন বা পেজে গমন করি আর তা সম্ভব হয় লিংক করার মাধ্যমে। লিংক করার জন্য এঙ্কর (< a > < /a >) ট্যাগ ব্যবহার করা হয়।
হাইপারলিংক এর সুবিধা :
- লিংক করার মাধ্যমে একই ওয়েবসাইটের বিভিন্ন পেজ বা অন্য ওয়েবসাইটে খুব সহজে যওয়া যায়।
- ব্রাউজারকারীর সময় বাঁচে।
- লিংক সম্পর্কিত তথ্য দ্রুত প্রদর্শন করা যায়।
< a > ট্যাগ এর অ্যাট্রিবিউটস:
- href=”url” যা হাইপার রেফারেন্স লিংকের ঠিকানা নির্ধারণ করে।
- target=”_blank” নতুন উইন্ডোতে পেজ ওপেন করতে ব্যবহৃত হয়।
- এছাড়া title ও style অ্যাট্রিবিউটস ব্যবহার করা যায় যা এইচএসসির জন্য প্রয়োজন নেই।
HTML লিংক সিনট্যাক্স :
< a href=”url” > Link Text < /a >
যেমন, ICT টেক্সটে ক্লিক করে Facebook ওয়েবসাইটটি ওপেন করার এইচটিএমএল কোড হলো-
< a href=”http://www.facebook.com” > ICT < /a >
এখানে, ICT লেখাটিতে ক্লিক করলে Facebook ওয়েবসাইটটি ওপেন হবে। এক্ষেত্রে মনে রাখতে হবে, যে টেক্সট-এ ক্লিক করতে বলবে বা যে টেক্সট-এর সাথে লিংক করতে হবে সেটি উভয় এঙ্কর (< a > < /a >) ট্যাগের মাঝে লিখতে হবে। আর লিংক করে যে সাইট বা পেজে যেতে বলবে , সেই পেজ বা সাইট এর url (ঠিকানা) href এর ভ্যালু হিসেবে বসবে। url লেখার ক্ষেত্রে (এক্সটারনাল এর জন্য) প্রথমে http:// দিয়ে লিখতে হবে।
হাইপারলিংক এর প্রকারভেদ :
১. ইন্টারন্যাল হাইপারলিংক(Internal Hyperlink)
২. এক্সটারনাল হাইপারলিংক(External Hyperlink)
ইন্টারন্যাল হাইপারলিংক(Internal Hyperlink):
একই ওয়েবসাইটের একপেজের তথ্যের সাথে অন্য পেজের লিংক তৈরি করাকে ইন্টারন্যাল হাইপারলিংক বলে। ইন্টারন্যাল লিংক এর জন্য url এ শুধুমাত্র সার্ভারে অবস্থিত ফাইলের নাম উল্লেখ করতে হয়। যেমন- < a href=”courses.html” > This is Courses Link < /a > এখানে This is Courses Link টেক্সটির সাথে courses.html পেজের লিংক করা হয়েছে। This is Courses Link টেক্সটির উপর মাউস পয়েন্টার নিয়ে ক্লিক করলে একই ওয়েবসাইটে থাকা courses.html নামক পেজটি ওপেন হবে।
এক্সটারনাল হাইপারলিংক(External Hyperlink):
পৃথক পৃথক সার্ভারে অবস্থিত একটি ওয়েবপেজের সাথে অন্য পেজের লিংক তৈরি করাকে এক্সটারনাল হাইপারলিংক বলে। এক্সটারনাল হাইপারলিংক এর জন্য url এ প্রোটোকল(http), হোস্টনেম ও ফাইল নেম উল্লেখ করার প্রয়োজন হয়। যেমন- < a href=”http://www.google.com” > This is Courses Link < /a > এখানে This is Courses Link টেক্সটির সাথে www.google.com ওয়েবসাইটের লিংক করা হয়েছে। This is Courses Link টেক্সটির উপর মাউস পয়েন্টার নিয়ে ক্লিক করলে www.google.com ওয়েবসাইটটি ওপেন হবে।
ইমেজের সাথে লিংক :
ict.png নামক ইমেজের সাথে www.moedu.gov.bd সাইটের লিংক তৈরির কোড-
< a href=”http://www.moedu.gov.bd” > < img src=”ict.png” > < /a >
Note: যেহেতু আমরা ইমেজের সাথে লিংক করবো তাই ইমেজ (< img src=”ict.png” > ) কে উভয় এঙ্কর (< a > < /a >) ট্যাগের মাঝে দেওয়া হয়েছে । এবং লিংক করে যে সাইটে যাবো সেটি (www.moedu.gov.bd) অ্যাট্রিবিউট href এর ভ্যালু হিসেবে বসানো হয়েছে।
ই-মেইলের সাথে লিংক :
send email টেক্সট এ ক্লিক করে habibictcare2021@gmail.com এ ই-মেইল পাঠানোর কোড-
< a href=”mailto:habibictcare2021@gmail.com” > send email < /a >
Note : ওয়েবসাইটের সাথে লিংক করতে http প্রোটোকল ব্যবহৃত হয় এবং ই-মেইলের ক্ষেত্রে mailto: ব্যবহৃত হয়।
লিংক-এ target অ্যাট্রিবিউট এর ব্যবহার :
লিংক করা ফাইল বা পেজ বা ওয়েবসাইটটি কোথায় ওপেন হবে সেটি নির্ধারণে target অ্যাট্রিবিউট ব্যবহার করা হয়। target অ্যাট্রিবিউট ব্যবহারের ফলে ব্রাউজার একটি নতুন উইন্ডো তৈরি করে। এক্ষেত্রে আগের উইন্ডো এবং নতুন উইন্ডো দুটিই বহাল থাকবে এবং নতুনটির পশ্চাতে আগেরটি অবস্থান করবে। যেমন-
< a href=”http://www.facebook.com” target=”_blank” > Go to Facebook < /a >
এখানে, Go to Facebook এ ক্লিক করলে নতুন একটি উইন্ডোতে Facebook ওপেন হবে এবং বর্তমানে যে পেজটিতে আছি সেটিও থাকবে।
চতুর্থ অধ্যায় লেকচার-১০: এইচটিএমএল টেবিল (HTML Table) তৈরি।
Written by:
Author at www.habibictcare.com
Email:habibbzm2018@gmail.com
Cell: +8801712-128532,+8801913865284