HTML-マーキー

HTMLマーキーは、設定に応じてWebページ全体に水平または垂直に表示されるスクロールテキストです。これは、HTML <marquees>タグを使用して作成されます。

'_注意-HTML5で非推奨となった<marquee>タグ。この要素は使用しないでください。代わりに、JavaScriptとCSSを使用してこのような効果を作成できます。_

構文

HTML <marquee>タグを使用する簡単な構文は次のとおりです-

<marquee attribute_name = "attribute_value"....more attributes>
   One or more lines or text message or image
</marquee>

<marquee>タグの属性

以下は、<marquee>タグで使用できる重要な属性のリストです。

Sr.No	Attribute & Description
1	width これは、マーキーの幅を指定します。これには、10％や20％などの値を指定できます。
2	height これは、マーキーの高さを指定します。これには、10％や20％などの値を指定できます。
3	direction これは、マーキーがスクロールする方向を指定します。これには、up、down、left _、 right_などの値を指定できます。
4	behavior これは、マーキーのスクロールのタイプを指定します。これには、scroll、slide _、 alternate_などの値を設定できます。
5	scrolldelay これは、各ジャンプ間の遅延時間を指定します。これは10などの値になります。
6	scrollamount これは、マーキーテキストの速度を指定します。これには、10などの値を設定できます。
7	loop これは、ループする回数を指定します。デフォルト値はINFINITEです。これは、マーキーが無限ループすることを意味します。
8	bgcolor これは、色の名前または色の16進値で背景色を指定します。
9	hspace これは、マーキーの周りの水平方向のスペースを指定します。これには、10％や20％などの値を指定できます。
10	vspace これは、マーキーの周りの垂直方向のスペースを指定します。これには、10％や20％などの値を指定できます。

以下は、マーキータグの使用方法を示すためのいくつかの例です。

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

目次

HTML-マーキー

構文

<marquee>タグの属性

例-1

例-2

例-3

例-4