HTML-выделение — это прокручиваемый фрагмент текста, который отображается горизонтально или вертикально на вашей веб-странице в зависимости от настроек. Это создается с помощью тега HTML <marquees>.
Примечание. Тег <marquee> устарел в HTML5. Не используйте этот элемент, вместо этого вы можете использовать JavaScript и CSS для создания таких эффектов.
Примечание. Тег <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>.
| Sr.No | Атрибут и описание |
|---|---|
| 1 |
ширина Это определяет ширину выделения. Это может быть значение, например, 10 или 20% и т. Д. |
| 2 |
рост Это определяет высоту выделения. Это может быть значение, например, 10 или 20% и т. Д. |
| 3 |
направление Это указывает направление, в котором область должна прокручиваться. Это может быть значение, например, вверх, вниз, влево или вправо . |
| 4 |
поведение Здесь указывается тип прокрутки области. Это может иметь значение как прокрутка, слайд и альтернатива . |
| 5 |
scrolldelay Это указывает, как долго задерживать между каждым прыжком. Это будет иметь значение как 10 и т. Д. |
| 6 |
scrollamount Это определяет скорость выделенного текста. Это может иметь значение как 10 и т. Д. |
| 7 |
петля Это указывает, сколько раз зациклить. Значением по умолчанию является INFINITE, что означает, что выделение выполняется бесконечно. |
| 8 |
BGCOLOR Это определяет цвет фона в терминах имени цвета или шестнадцатеричного значения цвета. |
| 9 |
HSPACE Это указывает горизонтальное пространство вокруг выделенной области. Это может быть значение, например, 10 или 20% и т. Д. |
| 10 |
VSPACE Это определяет вертикальное пространство вокруг выделенной области. Это может быть значение, например, 10 или 20% и т. Д. |
ширина
Это определяет ширину выделения. Это может быть значение, например, 10 или 20% и т. Д.
рост
Это определяет высоту выделения. Это может быть значение, например, 10 или 20% и т. Д.
направление
Это указывает направление, в котором область должна прокручиваться. Это может быть значение, например, вверх, вниз, влево или вправо .
поведение
Здесь указывается тип прокрутки области. Это может иметь значение как прокрутка, слайд и альтернатива .
scrolldelay
Это указывает, как долго задерживать между каждым прыжком. Это будет иметь значение как 10 и т. Д.
scrollamount
Это определяет скорость выделенного текста. Это может иметь значение как 10 и т. Д.
петля
Это указывает, сколько раз зациклить. Значением по умолчанию является INFINITE, что означает, что выделение выполняется бесконечно.
BGCOLOR
Это определяет цвет фона в терминах имени цвета или шестнадцатеричного значения цвета.
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>
Это даст следующий результат —