🔖 লিংক ও ছবি (Links & Images)

ওয়েবসাইটের সবচেয়ে গুরুত্বপূর্ণ দুটি জিনিস হলো লিংক (যাতে ক্লিক করে অন্য পেজে যাওয়া যায়) এবং ছবি (যা পেজকে আকর্ষণীয় করে)।

📌 লিংক তৈরি করা (<a> Tag)

যেকোনো লিংক তৈরি করার জন্য Anchor <a> ট্যাগ ব্যবহার করা হয়। এর সবচেয়ে গুরুত্বপূর্ণ অ্যাট্রিবিউট হলো href।

<a href="https://facebook.com">ফেসবুকে যান</a>

লিংক নতুন ট্যাবে ওপেন করা: লিংকে ক্লিক করলে যেন তা নতুন ট্যাবে ওপেন হয়, সেজন্য target="_blank" অ্যাট্রিবিউট ব্যবহার করতে হয়।

<a href="https://google.com" target="_blank">গুগলে খুঁজুন</a>

📌 ছবি যুক্ত করা (<img> Tag)

পেজে ছবি দেখানোর জন্য Image <img> ট্যাগ ব্যবহার করা হয়। এটি একটি empty tag, অর্থাৎ এর কোনো closing tag নেই।

<img src="https://example.com/logo.png" alt="কোম্পানির লোগো" width="200" height="100">

গুরুত্বপূর্ণ অ্যাট্রিবিউট:

• src (Source): ছবির লিংক বা ফাইল পাথ।
• alt (Alternative Text): যদি কোনো কারণে ছবি লোড না হয়, তবে এই টেক্সটটি দেখাবে। এটি স্ক্রিন রিডার এবং SEO এর জন্য খুবই জরুরি।
• width & height: ছবির দৈর্ঘ্য ও প্রস্থ নির্ধারণ করে।

📌 ছবিতে লিংক যুক্ত করা

আপনি চাইলে একটি ছবির ওপর ক্লিক করলে অন্য পেজে যাওয়ার ব্যবস্থা করতে পারেন। এর জন্য <img> ট্যাগটিকে <a> ট্যাগের ভেতরে রাখতে হবে।

<a href="https://google.com">
  <img src="google-logo.png" alt="Google">
</a>