HTML এ marquee ট্যাগটি ব্যবহার করে ওয়েবপেজে scrolling text তৈরি করা যায়। এই marquee tag টি দিয়ে text বা ছবি স্বয়ংক্রিয়ভাবে বাম, ডান, উপরে বা নিচের দিকে scroll করা যায়। যদিও marquee ট্যাগটি HTML5 এ deprecated হয়ে গেছে, তবে এটি এখনও পুরনো Browser এ কাজ করে। এই ব্লগে আমরা জানবো marquee ট্যাগ কিভাবে কাজ করে এবং তার কিছু attributes।
Table of Contents
What is Tag in HTML ?
HTML এ ট্যাগ হল একটি কোড এলিমেন্ট যেটি, একটি webpage এর গঠন এবং বিষয়বস্তু কে define করতে ব্যবহৃত হয় যেমন – marquee ট্যাগ।
Html Tag সম্পর্কিত পোস্টটি পড়তে এখানে ক্লিক করুন।
Syntax of Marquee Tag
এই ট্যাগটির মাধ্যমে কোনো টেক্সট বাম দিক থেকে ডান দিকে স্ক্রল করবে।এটি হলো marquee ট্যাগের default behaviour।
<marquee> এই টেক্সটটি বাম থেকে ডান দিকে স্ক্রল করবে। </marquee>Output
marquee ট্যাগের গুরুত্বপূর্ণ কিছু Attributes
Html Attribute সম্পর্কিত পোস্টটি পড়তে এখানে ক্লিক করুন।
1. width এবং height
height এবং width attribute এর সাহায্যে আমরা স্ক্রলিং এলিমেন্টের height এবং width সেট করতে পারি।
<marquee width="400px" height="50px" style='border:1px solid red'>
width 300 px and height 50px.
</marquee>Output
2. bgcolor
bgcolor attribute এর সাহায্যে আমরা স্ক্রলিং এলিমেন্টের background-color সেট করতে পারি।
<marquee bgcolor="yellow">হলুদ ব্যাকগ্রাউন্ড সহ টেক্সট।</marquee>Output
3. scrollamount
scrollamount attribute এর সাহায্যে আমরা স্ক্রলিং এলিমেন্টের গতি (speed) সেট করতে পারি।
<marquee scrollamount="10">দ্রুত স্ক্রলিং টেক্সট। </marquee>Output
4. behavior
behavior attribute এর সাহায্যে আমরা স্ক্রলিং এলিমেন্টের behavior সেট করতে পারি। by default behavior attribute এর তিনটি ভ্যালু আছে – scroll , slide এবং alternate .
1. Scroll
<marquee behavior="scroll"> scroll </marquee>Output
2. Slide
<marquee behavior="slide"> slide </marquee>Output
3. Alternate
<marquee behavior="alternate"> alternate </marquee>Output
Example of marquee tag
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Marquee উদাহরণ</title>
</head>
<body>
<h2> HTML Marquee ট্যাগ </h2><br>
<marquee direction="right" behavior="alternate" scrollamount="5" bgcolor="lightblue" width="400px" height="70px">
Breaking News
</marquee>
</body>
</html>
Output
HTML Marquee ট্যাগ
উপসংহার
HTML এর <marquee> ট্যাগটি ওয়েবপেজে সহজে স্ক্রলিং টেক্সট বা কনটেন্ট যোগ করতে ব্যবহৃত হয়। যদিও এটি আধুনিক HTML5 এ deprecated , তবে ছোটখাটো স্ক্রলিং ইফেক্টের জন্য এটি এখনও মাঝে মাঝে ব্যবহৃত হয়। বড় এবং জটিল প্রকল্পে এই ধরনের অ্যানিমেশন তৈরির জন্য CSS Animation বা JavaScript ব্যবহার করা শ্রেয়।
F.A.Q
HTML এ marquee ট্যাগ কী ?
<marquee> ট্যাগ HTML এ ব্যবহার করা হয় স্ক্রলিং টেক্সট বা ইমেজ তৈরি করতে, যা বাম, ডান, উপরে বা নিচে চলতে পারে।
HTML5 এ কি marquee ট্যাগ এখনও ব্যবহৃত হয় ?
না, HTML5 এ <marquee> ট্যাগ deprecated হয়েছে, তবে কিছু ব্রাউজারে এটি এখনও কাজ করে।
কিভাবে marquee ট্যাগের গতি নিয়ন্ত্রণ করবেন ?
scrollamount অ্যাট্রিবিউট ব্যবহার করে গতি নিয়ন্ত্রণ করা যায়। উদাহরণ: <marquee scrollamount="10">।
marquee ট্যাগের background color কিভাবে পরিবর্তন করবেন ?
bgcolor অ্যাট্রিবিউট ব্যবহার করে ব্যাকগ্রাউন্ডের রঙ নির্ধারণ করা যায়। উদাহরণ: <marquee bgcolor=”yellow”>।
marquee ট্যাগ দিয়ে টেক্সট কোন দিকে সরাতে পারেন ?
direction অ্যাট্রিবিউট ব্যবহার করে বাম, ডান, উপরে এবং নিচের দিকে টেক্সট সরানো যায়।
marquee ট্যাগের behavior অ্যাট্রিবিউট কী ?
behavior তিনভাবে কাজ করে: scroll (ডিফল্ট), slide (এক পাশে থামে), এবং alternate (দুই পাশে বাউন্স করে)।
HTML marquee ইমেজ স্ক্রল করতে পারে ?
হ্যাঁ, <img> ট্যাগকে <marquee> এর ভিতরে ব্যবহার করে ইমেজ স্ক্রল করা যায়।
marquee ট্যাগ কি সব ব্রাউজারে কাজ করে ?
কিছু ব্রাউজারে এটি কাজ করলেও, সব আধুনিক ব্রাউজারে এটি পুরোপুরি কাজ করে না।
HTML marquee এর বিকল্প কী ?
CSS animation এবং JavaScript দিয়ে একই প্রভাব তৈরি করা যায়।
JavaScript দিয়ে marquee কিভাবে নিয়ন্ত্রণ করবেন ?
JavaScript ব্যবহার করে marquee থামানো বা পুনরায় শুরু করা যায়।
