HTML <marquee> ট্যাগ

<marquee> ট্যাগ ওয়েব পেজে টেক্সট বা ইমেজ উল্লম্ব বা অনুভূমিকভাবে স্ক্রোল করতে ব্যবহৃত হয়। উদাহরণ: ব্রেকিং নিউজ, জনপ্রিয় আর্টিকেল ইত্যাদি। সাধারণত এটি বাম থেকে ডানে স্ক্রোল করে।

নোট: <marquee> ট্যাগ HTML5-এ ডিপ্রিকেটেড (অপ্রচলিত)। আধুনিক ওয়েব ডেভেলপমেন্টে CSS অ্যানিমেশন বা JavaScript ব্যবহার করা উচিত।

প্রধান অ্যাট্রিবিউটগুলো:

অ্যাট্রিবিউট	মান	বিবরণ
behavior	scroll, slide, alternate	স্ক্রোলের ধরন নির্ধারণ করে
bgcolor	rgb, hex, color name	ডিপ্রিকেটেড - পृष्ठভূমির রঙ
direction	up, down, left, right	স্ক্রোলের দিক নির্ধারণ করে
height	পিক্সেল বা %	মার্কির উচ্চতা
hspace	পিক্সেল	উল্লম্ব জায়গা
loop	সংখ্যা	কতবার লুপ হবে (ডিফল্ট: INFINITE)
scrolldelay	সেকেন্ড	প্রতি জাম্পের মধ্যে বিলম্ব
scrollamount	সংখ্যা	প্রতি জাম্পের দূরত্ব
width	পিক্সেল বা %	মার্কির প্রস্থ
vspace	পিক্সেল	অনুভূমিক জায়গা

উদাহরণ

<!DOCTYPE html> <html> <head> <title>HTML</title> </head> <body> <h1>ডেমো হেডিং</h1> <p>এটি ডেমো টেক্সট।</p>    <marquee direction = "right">এটি চলমান টেক্সট।</marquee> </body> </html>

আধুনিক বিকল্প (CSS):

.marquee {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 10s linear infinite;
}
@keyframes marquee {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}