HTML - Маркизы

Рамка HTML - это прокручиваемый фрагмент текста, отображаемый либо горизонтально, либо вертикально вниз по вашей веб-странице в зависимости от настроек. Это создается с помощью тега HTML <marquees>.

Note- Тег <marquee> устарел в HTML5. Не используйте этот элемент, вместо этого вы можете использовать JavaScript и CSS для создания таких эффектов.

Синтаксис

Простой синтаксис для использования тега HTML <marquee> выглядит следующим образом:

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

Атрибуты тега <marquee>

Ниже приводится список важных атрибутов, которые можно использовать с тегом <marquee>.

Старший Нет Атрибут и описание
1

width

Устанавливает ширину выделения. Это может быть значение, например 10 или 20% и т. Д.

2

height

Это определяет высоту выделения. Это может быть значение, например 10 или 20% и т. Д.

3

direction

Это определяет направление, в котором должна прокручиваться область. Это может быть значение, например, вверх, вниз, влево или вправо .

4

behavior

Определяет тип прокрутки выделения. Это может иметь значение, например, прокрутка, слайд и чередование .

5

scrolldelay

Это определяет, как долго задерживаться между каждым прыжком. Это будет значение вроде 10 и т. Д.

6

scrollamount

Это определяет скорость выделения текста. Может иметь значение 10 и т. Д.

7

loop

Это указывает, сколько раз повторять цикл. Значение по умолчанию - БЕСКОНЕЧНО, что означает бесконечный цикл выделения.

8

bgcolor

Это определяет цвет фона с точки зрения имени цвета или шестнадцатеричного значения цвета.

9

hspace

Это определяет горизонтальное пространство вокруг выделения. Это может быть значение, например 10 или 20% и т. Д.

10

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>

Это даст следующий результат -