تگ HTML <marquee> یک قطعه متن متحرک است که به صورت افقی یا عمودی در صفحه وب شما نمایش داده می‌شود، بسته به تنظیمات. این تگ توسط استفاده از <marquee> ایجاد می‌شود.
توجه: تگ <marquee> در HTML5 منسوخ شده است. از این عنصر استفاده نکنید؛ به جای آن می‌توانید از JavaScript و CSS برای ایجاد اثرهای متحرک استفاده کنید.
سینتکس (Syntax)
سینتکس ساده‌ای برای استفاده از تگ <marquee> به شکل زیر است:
<marquee attribute_name = "attribute_value"....سایر ویژگی‌ها>
یک یا چند خط یا پیام متن یا تصویر
</marquee>در اینجا، شما می‌توانید ویژگی‌های مختلفی را مانند سرعت، جهت حرکت (افقی یا عمودی)، حالت متن (پیوسته یا تکراری) و … برای تنظیم حرکت متن مشخص کنید.
تگ marquee
ویژگی‌های مهمی که می‌توانید با تگ <marquee> استفاده کنید به شرح زیر است:
-
width (عرض): این ویژگی عرض مارکی را مشخص می‌کند. مقدار آن می‌تواند به صورت عددی مانند 10 یا درصدی مانند 20٪ باشد.
-
height (ارتفاع): این ویژگی ارتفاع مارکی را مشخص می‌کند. مقدار آن می‌تواند به صورت عددی مانند 10 یا درصدی مانند 20٪ باشد.
-
direction (جهت): این ویژگی جهت حرکت مارکی را مشخص می‌کند. مقادیر ممکن شامل up (بالا)، down (پایین)، left (چپ) یا right (راست) هستند.
-
behavior (رفتار): این ویژگی نوع حرکت مارکی را مشخص می‌کند. مقادیر ممکن شامل scroll (پیمایش)، slide (اسلاید) و alternate (متناوب) هستند.
-
scrolldelay (تأخیر اسکرول): این ویژگی زمان تأخیر بین هر بار اسکرول را مشخص می‌کند. مقدار آن می‌تواند به صورت عددی مانند 10 باشد.
-
scrollamount (سرعت اسکرول): این ویژگی سرعت متن مارکی را مشخص می‌کند. مقدار آن می‌تواند به صورت عددی مانند 10 باشد.
-
loop (حلقه): این ویژگی تعداد بارهای تکرار مارکی را مشخص می‌کند. مقدار پیش‌فرض INFINITE است که به معنای تکرار بی‌پایان است.
-
bgcolor (رنگ پس‌زمینه): این ویژگی رنگ پس‌زمینه مارکی را به صورت نام رنگ یا مقدار HEX رنگ مشخص می‌کند.
-
hspace (فضای افقی): این ویژگی فضای افقی اطراف مارکی را مشخص می‌کند. مقدار آن می‌تواند به صورت عددی مانند 10 یا درصدی مانند 20٪ باشد.
-
vspace (فضای عمودی): این ویژگی فضای عمودی اطراف مارکی را مشخص می‌کند. مقدار آن می‌تواند به صورت عددی مانند 10 یا درصدی مانند 20٪ باشد.
در زیر چند نمونه برای نشان دادن استفاده از تگ marquee آورده شده است:
مثال 1
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
</body>
</html>مثال 2
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee width = "50%">This example will take only 50% width</marquee>
</body>
</html>مثال 3
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee direction = "right">This text will scroll from left to right</marquee>
</body>
</html>مثال 4
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee direction = "up">This text will scroll from bottom to up</marquee>
</body>
</html>
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام