কম্পিউটার টিউটোরিয়াল

HTML পেজে ইমেজ ইনসার্ট (Insert) করা

HTML পেজের যেকোনো সেকশনে সহজে ইমেজ ইনসার্ট করা যায়। HTML পেজে ইমেজ ইনসার্ট করতে <img> ট্যাগ ব্যবহার করুন। এটি একটি エンプটি ট্যাগ, শুধু অ্যাট্রিবিউটস ধারণ করে কারণ ক্লোজিং ট্যাগের প্রয়োজন নেই।

বস মনে রাখবেন যে আপনার <body>...</body> ট্যাগের ভিতরে <img> ট্যাগ ব্যবহার করা উচিত। src অ্যাট্রিবিউট ইমেজ সোর্স অর্থাৎ ইমেজের URL যোগ করতে ব্যবহৃত হয়। alt অ্যাট্রিবিউট বিকল্প টেক্সট যোগ করতে, width প্রস্থ যোগ করতে, এবং height ইমেজের উচ্চতা যোগ করতে ব্যবহৃত হয়।

HTML পেজে ইমেজ ইনসার্ট (Insert) করা

উদাহরণ

নিচের কোড চেষ্টা করুন HTML পেজে ইমেজ ইনসার্ট করতে:

<!DOCTYPE html> <html>    <head>       <title>HTML img Tag</title>    </head>    <body>       <img src="https://www.tutorialspoint.com/html/images/test.png" alt="Simply Easy Learning" width="200" height="80">    </body> </html>

আউটপুট

HTML পেজে ইমেজ ইনসার্ট (Insert) করা

  1. HTML-এ ইমেজকে লিংক (Link) হিসেবে ব্যবহার করা

  2. HTML পেজে অ্যানিমেটেড ইমেজ (Animated Image) ব্যবহার করা

  3. HTML পেজে বৃত্ত কীভাবে আঁকবেন?

  4. HTML পেজ থেকে রিডাইরেক্ট করার পদ্ধতি