হাইপারলিংক (Hyperlink) এর ব্যবহার করবেন যেভাবে।
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে (HTML পেজে <marquee> ট্যাগের ব্যবহার।) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো (HTML পেজে <marquee> ট্যাগের ব্যবহার।)
হাইপারলিংক (Hyperlink) এর ব্যবহার করবেন যেভাবে। তো চলেন দেরি না করে শুরু করা যাক।
হাইপারলিংক হচ্ছে একটি ওয়েব পেইজের কোন একটি শব্দ বা কতগুলো শব্দ বা কোন ইমেজের সাথে ওয়েব পেইজের। অন্য কোন অংশের বা অন্য কোন ওয়েব পেইজের সংযোগ স্থাপন করা । আরও সহজভাবে বলা যায় (একটি ওয়েব পেজ বা ওয়েব সাইটের সাথে অন্য একটি ওয়েব পেজে বা সাইটের সংযোগ স্থাপনের ব্যবস্থাই হলো হাইপারলিংক।) হাইপারলিংক অংশে মাউস দিয়ে ক্লিক করার মাধ্যমে লিংকটি যে অংশের বা ডকুমেন্টের সাথে যুক্ত যেখানে যাওয়া যায়।
হাইপারলিংক তৈরির HTML ট্যাগ হলো -<a> ও </a>। <a> ট্যাগের সাথে href নামের একটি অ্যাট্রিবিউট ব্যবহৃত হয় যা লিংকটির লোকেশন বা গন্তব্য নির্দেশ করে। হাইপারলিংক তৈরির সিনটেক্স বা গঠন।
যেমনঃ<a href ="Url" link content </a>
উদাহরণঃ <! DOCTYPE html>
<html>
<body>
<p>
<img src="right_ commerec.jpg " width="300" height="300">
<a href = "http://www.dcc.edu.bd"> Dhaka Commerce College </a>
</body>
</html>
উদাহরণ২
<! DOCTYPE html>
<html>
<body>
<p>
<img src="right_ moji.jpg" width="300" height="300">
<a href = "http://www.redpens24.blogspot.com"> Mojidul Islam</a>
(Simple Life or Simple boy )
</body>
</html>
উপরের <a href = "http://www.dcc.edu.bd"> Dhaka Commerce College </a> এই কোডের এর ফলে যা প্রদর্শিত হবে তা নিম্নরূপ।
ফলাফলঃ যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই আউটপুট পাওয়া যাবে।
উপরের Dhaka Commerce College লিংকে মাউস দিয়ে ক্লিক করলে ঢাকা কর্মাস কলেজ এর website (www.dcc.edu.bd)- এর প্রথম পেইজে বা হোম পেইজটি দেখা যাবে।
হাইপারলিংক গুলো ব্রাউজারে ডিফল্ট হিসাবে যেরূপ দেখা যাবে তা হলোঃ
১, যে হাইপারলিংকগুলোতে ক্লিক করা হয়নি অর্থাৎ, যে হাইপারলিংকগুলো visit করা হয়নি সেগুলো নীল রঙের হয় এবং হাইপারলিংকগুলোতে আন্ডার লাইন থাকে।
২, যে হাইপারলিংকগুলোতে ক্লিক করা হয়েছে অর্থাৎ, যে হাইপারলিংকগুলো visit করা হয়েছে সেগুলো বাদামী রঙের হয় এবং আন্ডার লাইন থাকে।
৩, সক্রিয় লিংকগুলোতে আন্ডারলাইন থেকে এবং এগুলো লাল রঙের হয়।
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে (HTML পেজে <marquee> ট্যাগের ব্যবহার।) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো (HTML পেজে <marquee> ট্যাগের ব্যবহার।)
হাইপারলিংক (Hyperlink) এর ব্যবহার করবেন যেভাবে। তো চলেন দেরি না করে শুরু করা যাক।
হাইপারলিংক হচ্ছে একটি ওয়েব পেইজের কোন একটি শব্দ বা কতগুলো শব্দ বা কোন ইমেজের সাথে ওয়েব পেইজের। অন্য কোন অংশের বা অন্য কোন ওয়েব পেইজের সংযোগ স্থাপন করা । আরও সহজভাবে বলা যায় (একটি ওয়েব পেজ বা ওয়েব সাইটের সাথে অন্য একটি ওয়েব পেজে বা সাইটের সংযোগ স্থাপনের ব্যবস্থাই হলো হাইপারলিংক।) হাইপারলিংক অংশে মাউস দিয়ে ক্লিক করার মাধ্যমে লিংকটি যে অংশের বা ডকুমেন্টের সাথে যুক্ত যেখানে যাওয়া যায়।
হাইপারলিংক তৈরির HTML ট্যাগ হলো -<a> ও </a>। <a> ট্যাগের সাথে href নামের একটি অ্যাট্রিবিউট ব্যবহৃত হয় যা লিংকটির লোকেশন বা গন্তব্য নির্দেশ করে। হাইপারলিংক তৈরির সিনটেক্স বা গঠন।
যেমনঃ<a href ="Url" link content </a>
উদাহরণঃ <! DOCTYPE html>
<html>
<body>
<p>
<img src="right_ commerec.jpg " width="300" height="300">
<a href = "http://www.dcc.edu.bd"> Dhaka Commerce College </a>
</body>
</html>
উদাহরণ২
<! DOCTYPE html>
<html>
<body>
<p>
<img src="right_ moji.jpg" width="300" height="300">
<a href = "http://www.redpens24.blogspot.com"> Mojidul Islam</a>
(Simple Life or Simple boy )
</body>
</html>
উপরের <a href = "http://www.dcc.edu.bd"> Dhaka Commerce College </a> এই কোডের এর ফলে যা প্রদর্শিত হবে তা নিম্নরূপ।
ফলাফলঃ যে কোন ব্রাউজার সফ্টওয়্যার (internet Explorer/Mozilla Firefox)ব্যবহার করে ফাইলটি রান করলেই আউটপুট পাওয়া যাবে।
উপরের Dhaka Commerce College লিংকে মাউস দিয়ে ক্লিক করলে ঢাকা কর্মাস কলেজ এর website (www.dcc.edu.bd)- এর প্রথম পেইজে বা হোম পেইজটি দেখা যাবে।
হাইপারলিংক গুলো ব্রাউজারে ডিফল্ট হিসাবে যেরূপ দেখা যাবে তা হলোঃ
১, যে হাইপারলিংকগুলোতে ক্লিক করা হয়নি অর্থাৎ, যে হাইপারলিংকগুলো visit করা হয়নি সেগুলো নীল রঙের হয় এবং হাইপারলিংকগুলোতে আন্ডার লাইন থাকে।
২, যে হাইপারলিংকগুলোতে ক্লিক করা হয়েছে অর্থাৎ, যে হাইপারলিংকগুলো visit করা হয়েছে সেগুলো বাদামী রঙের হয় এবং আন্ডার লাইন থাকে।
৩, সক্রিয় লিংকগুলোতে আন্ডারলাইন থেকে এবং এগুলো লাল রঙের হয়।
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…