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

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


HTML-এ অ্যানিমেটেড ইমেজ হলো ওয়েব পেজে এমন একটি ইমেজ যা চলতে থাকে। এটি GIF ফরম্যাটে থাকে, অর্থাৎ Graphics Interchange Format ফাইল।

HTML-এ অ্যানিমেটেড ইমেজ যোগ করা খুব সহজ। আপনাকে <img> ট্যাগ src অ্যাট্রিবিউটসহ ব্যবহার করতে হবে। src অ্যাট্রিবিউট ইমেজের URL যোগ করে। এছাড়া height এবং width অ্যাট্রিবিউট ব্যবহার করে ইমেজের উচ্চতা ও প্রস্থ সেট করুন।

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

উদাহরণ

নিচের কোড চালিয়ে HTML-এ অ্যানিমেটেড ইমেজ ব্যবহার করুন −

<!DOCTYPE html> <html>    <head>       <title>Animated Image</title>    </head>    <body>       <h1>অ্যানিমেটেড ইমেজ</h1>       <img src="https://media.giphy.com/media/3o6UBpHgaXFDNAuttm/giphy.gif">    </body> </html>

  1. HTML-এ <q> ট্যাগ ব্যবহার করে সংক্ষিপ্ত উদ্ধৃতি দেওয়া

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

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

  4. HTML-এ formnovalidate অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?