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>Это даст следующий результат -