ওয়েব ডিজাইন বাংলা ভিডিও টিউটোরিয়াল (from w3 School) এইসটিএমএল৫ পর্ব–৯

আসসালামু আলাইকুম। এইসটিএমএল বাংলা টিউটোরিয়ালের আজ ৯তম ক্লাসে আপনাকে স্বাগতম। আজকের ক্লাসে আমরা আলোচনা করবো এইসটিএমএল লিংক নিয়ে। কিভাবে লিংক ব্যাবহার করতে হয় এবং কতভাবে আমরা লিংক ব্যাবহার করতে পারি?

আমরা যখন বিভিন্ন ওয়েবসাইট ভিজিট করে তাকি তখন দেখি, কিছু লেখা অন্য কালার এর হয়ে থাকে, বিশেষ করে নীল রঙের হয়ে থাকে। আমরা যখন ওই লেখার উপরে মাইস নিয়ে যাই তখন আমাদের মাউসটি হাতের রুপ নিয়ে থাকে। আমরা যখন ওই লেখার উপরে ক্লিক করে থাকি তখন অন্য একটি ওবেসাইটে অথবা অন্য একটি অংশে আমাদের নিয়ে যায়। এই হলো এইচটিএমএল এর লিংক।

আপনার সাইেটে লিংক যুক্ত করার জন্য নিচের কোডটি খেয়াল করুন।

<a href=”http://google.com”> Go to google </a>

এখানে আমি লিংক এ গুগল এর লিংক যুক্ত করেছি। আপনারা আপনাদের প্রয়োজনমত লিংক যুক্ত করবেন।এখানে আমি লিংক হিসাবে অন্য একটি ওয়েবসাইটের লিংক ব্যাবহার করেছি। আমরা চাইলে আমাদের ওয়েবসাইটের অন্য একটি পেজকেও লিংক হিসাবে ব্যাবহার করতে পারি। এক্ষত্রে আমাদেরকে সঠিকভাবে তার পাথ ডিরেকশান ব্যাবহার করতে হবে। কিভাবে ব্যাবহার করবন তার বিস্তারিত ব্যাবহারিক বিবরণ নিচে দেয়া ভিডিওতে পাবেন। বাই ডিফল্ট যে লিংক কালার এবং হোবার কালার থাকে আমরা চাইলে চেন্জ করতে পারি।

লিংকে ক্লিক করার পরে সেই লিংকটি রানিং পেজ এ ওপেন হবে নাকি নতুন একটি পেজে ওপেন হবে তা আমরা target সিএসএস প্রপারটির মাধ্যমে নির্ধারন করে দিতে পারি।

আমরা চাইলে যেকোনো ইমেজকেও লিংক হিসাবে ব্যাবহার করতে পারি। এক্ষেত্রে img ট্যাগের আগে আমাদেরকে a ট্যাগ ব্যাবহার করতে হবে।

https://www.youtube.com/watch?v=P_Yj5p5KZjE&feature=youtu.be

Add Comment