مفهوم Marquee در HTML

4 سال پیش

4/5 - (1 امتیاز)

مفهوم Marquee در HTML

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش مفهوم Marquee در HTML خواهیم پرداخت.

Marquee HTML یک متن پیمایشی است که به صورت افقی در صفحه وب شما یا به صورت عمودی بسته به تنظیمات نمایش داده می شود. این با استفاده از تگ <HTML <marquees ایجاد می شود.

توجه – تگ <marquee> در HTML5 منسوخ شد. از این عنصر استفاده نکنید، در عوض می توانید از JavaScript و CSS برای ایجاد چنین جلوه هایی استفاده کنید.

نحو تگ <marquee>

یک نحو ساده برای استفاده از تگ <marquee HTML به شرح زیر است –

&lt;marquee attribute_name = "attribute_value"....more attributes&gt;
   One or more lines or text message or image
&lt;/marquee&gt;

One or more lines or text message or image

</marquee>

در زیر لیستی از ویژگی های مهم وجود دارد که می تواند با تگ <marquee> استفاده شود.

width

این عرض marquee را مشخص می کند. این می تواند مقداری مانند 10 یا 20٪ و غیره باشد.

height

این ارتفاع marquee را مشخص می کند. این می تواند مقداری مانند 10 یا 20٪ و غیره باشد.

direction

این مسیری را که باید marquee حرکت کند مشخص می کند. این می تواند مقداری مانند بالا، پایین، چپ یا راست باشد.

behavior

این نوع پیمایش marquee را مشخص می کند. این می تواند مقداری مانند پیمایش، اسلاید و جایگزین داشته باشد.

scrolldelay

این زمان تاخیر بین هر پرش را مشخص می کند. این مقدار مانند 10 و غیره خواهد داشت.

scrollamount

این سرعت متن marquee را مشخص می کند. این می تواند مقداری مانند 10 و غیره داشته باشد.

loop

این چند بار حلقه زدن را مشخص می کند. مقدار پیش فرض INFINITE است، به این معنی که marquee بی وقفه حلقه می زند.

bgcolor

این رنگ زمینه را از نظر نام رنگ یا مقدار hex رنگ مشخص می کند.

hspace

این فضای افقی اطراف marquee را مشخص می کند. این می تواند مقداری مانند 10 یا 20٪ و غیره باشد.

vspace

این فضای عمودی اطراف marquee را مشخص می کند. این می تواند مقداری مانند 10 یا 20٪ و غیره باشد.

در زیر چند مثال برای نشان دادن استفاده از تگ marquee آورده شده است.

مثال – 1

&lt;!DOCTYPE html&gt;
&lt;html&gt;

   &lt;head&gt;
      &lt;title&gt;HTML marquee Tag&lt;/title&gt;
   &lt;/head&gt;
    
   &lt;body&gt;
      &lt;marquee&gt;This is basic example of marquee&lt;/marquee&gt;
   &lt;/body&gt;
    
&lt;/html&gt;

<!DOCTYPE html>

<html>

<head>

<title>HTML marquee Tag</title>

</head>

<body>

<marquee>This is basic example of marquee</marquee>

</body>

</html>

خروجی

This is basic example of marquee

1	This is basic example of marquee

مثال- 2

&lt;!DOCTYPE html&gt;
&lt;html&gt;

   &lt;head&gt;
      &lt;title&gt;HTML marquee Tag&lt;/title&gt;
   &lt;/head&gt;
    
   &lt;body&gt;
      &lt;marquee width = "50%"&gt;This example will take only 50% width&lt;/marquee&gt;
   &lt;/body&gt;
    
&lt;/html&gt;

<!DOCTYPE html>

<html>

<head>

<title>HTML marquee Tag</title>

</head>

<body>

<marquee width = "50%">This example will take only 50% width</marquee>

</body>

</html>

خروجی

This is basic example of marquee

1	This is basic example of marquee

مثال – 3

&lt;!DOCTYPE html&gt;
&lt;html&gt;

   &lt;head&gt;
      &lt;title&gt;HTML marquee Tag&lt;/title&gt;
   &lt;/head&gt;

   &lt;body&gt;
      &lt;marquee direction = "right"&gt;This text will scroll from left to right&lt;/marquee&gt;
   &lt;/body&gt;
    
&lt;/html&gt;

<!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>

خروجی

This is basic example of marquee

1	This is basic example of marquee

مثال – 4

&lt;!DOCTYPE html&gt;
&lt;html&gt;

   &lt;head&gt;
      &lt;title&gt;HTML marquee Tag&lt;/title&gt;
   &lt;/head&gt;
    
   &lt;body&gt;
      &lt;marquee direction = "up"&gt;This text will scroll from bottom to up&lt;/marquee&gt;
   &lt;/body&gt;
    
&lt;/html&gt;

<!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

4/5 - (1 امتیاز)

نویسنده مطلب saber

مفهوم Marquee در HTML

مفهوم Marquee در HTML

نحو تگ <marquee>

مثال – 1

مثال- 2

مثال – 3

مثال – 4

لیست جلسات قبل آموزش HTML

دیدگاه شما

بدون دیدگاه

مفهوم Marquee در HTML

نحو تگ <marquee>

مثال – 1

مثال- 2

مثال – 3

مثال – 4

لیست جلسات قبل آموزش HTML

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه