ওয়েবপেজে ছবি ব্যবহার করতে, <img> ট্যাগ ব্যবহার করুন। ট্যাগটি আপনাকে ইমেজ সোর্স, alt, width, height ইত্যাদি যোগ করতে দেয়। src হলো ইমেজ URL যোগ করার জন্য। alt হলো অল্টারনেট টেক্সট অ্যাট্রিবিউট, যা ছবি লোড না হলে দেখায়।
HTML-এ, ইমেজ সোর্স হিসেবে আপনার সিস্টেম ড্রাইভের পাথ যোগ করুন। তার জন্য, src অ্যাট্রিবিউটকে সিস্টেম ড্রাইভের পাথের লিংক হিসেবে সেট করুন যেখানে ছবিটি স্টোর করা আছে। উদাহরণস্বরূপ, file:/D:/images/logo.png
নিচে অ্যাট্রিবিউটগুলো দেওয়া হলো -
| Sr.No. | Attribute & Description |
|---|---|
| 1 | Alt ছবির অল্টারনেট টেক্সট |
| 2 | Height ছবির হাইট |
| 3 | Ismap সার্ভার-সাইড ইমেজ-ম্যাপ হিসেবে ছবি |
| 4 | Longdesc ছবির বিস্তারিত বর্ণনার URL |
| 5 | Src ছবির URL |
| 6 | Usemap ক্লায়েন্ট-সাইড ইমেজ-ম্যাপ হিসেবে ছবি |
| 7 | Width ছবির উইডথ |
মনে রাখবেন <img> ট্যাগের কোনো এন্ড ট্যাগ নেই।
সিস্টেম ড্রাইভ থেকে HTML-এ img ট্যাগের src সেট করার জন্য নিচের কোডটি চেষ্টা করুন।
নোট: এটি শুধু আপনার লোকাল সিস্টেমে কাজ করবে কারণ পাথ আপনার লোকাল ড্রাইভ।
<!DOCTYPE html> <html>
<head>
<title>HTML img tag</title>
</head>
<body>
<img src="file:/D:/images/logo.png" alt="Site Logo" width="50" height="50">
</body>
</html>
