نوشتن نظر کلیک کنید

HTML – نوارهای متحرک (Marquees)

آخرین بروزرسانی: ۱۰ فروردین ۱۴۰۳

تگ 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>

HTML – نوارهای متحرک (Marquees)

سینتکس (Syntax)

تگ marquee

مثال 1

مثال 2

مثال 3

مثال 4

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

HTML – نوارهای متحرک (Marquees)

سینتکس (Syntax)

تگ marquee

مثال 1

مثال 2

مثال 3

مثال 4

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

JavaScript – تاریخ‌ها (Dates)

JavaScript – آرایه‌های ثابت (Array Const)

JavaScript – تکرار آرایه‌ها (Array Iteration)

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید