HTML | тег <marquee>

Опубликовано: 1 Марта, 2022

Тег <marquee> в HTML используется для создания прокручиваемого текста или изображения на веб-страницах. Он прокручивается либо по горизонтали слева направо, либо справа налево, либо по вертикали сверху вниз или снизу вверх.

Синтаксис:
Элемент выделения идет парами. Это означает, что тег имеет открывающие и закрывающие элементы.

АТРИБУТЫ	ЦЕННОСТИ	ОПИСАНИЕ
bgcolor	Название цвета	Определите цвет фона для выделения.
направление	Вверх, вниз, влево, вправо	Определите направление прокрутки контента
петля	Число	Указывает, сколько раз содержимое перемещается. Значение по умолчанию бесконечно.
рост	px или%	Определите высоту шатра
ширина	px или%	Определите ширину рамки
hspace	px	Укажите горизонтальное пространство вокруг выделения	vspace	px	Укажите вертикальное пространство вокруг области выделения

Example:

<!DOCTYPE html>
<html>
<head>
    <title>Marquee Tag</title>
    <style>
    .main {
        text-align:center;
    }
    .marq {
        padding-top:30px;
        padding-bottom:30px;
    }
    .geek1 {
        font-size:36px;
        font-weight:bold;
        color:white;
        padding-bottom:10px;
    }
    </style>
</head> 
  
<body>
    <div class = "main">
    <marquee class="marq" bgcolor = "Green" direction = "left" loop="" >
        <div class="geek1">GeeksforGeeks</div>
        <div class="geek2">A computer science portal for geeks</div>
    </marquee>
    </div>
</body>
</html>                    

Выход:

Тег Marquee

Компьютерщики

Портал информатики для гиков

Example:

<!DOCTYPE html>
<html>
<head>
    <title>Marquee Tag</title>
    <style>
    .main {
        text-align:center;
        font-family:"Times New Roman";
    }
    .marq {
        padding-top:30px;
        padding-bottom:30px;
    }
    .geek1 {
        font-size:36px;
        font-weight:bold;
        color:white;
        text-align:center;
    }
    .geek2 {
        text-align:center;
    }
    </style>
</head> 
  
<body>
    <div class = "main">
    <marquee class="marq" bgcolor = "Green" direction = "up" loop="" >
        <div class="geek1">GeeksforGeeks</div>
        <div class="geek2">A computer science portal for geeks</div>
    </marquee>
    </div>
</body>
</html>                    

Выход:

Тег Marquee

Компьютерщики

Портал информатики для гиков

Example:

<!DOCTYPE html>
<html>
<head>
    <title>Marquee Tag</title>
    <style>
    .main {
        text-align:center;
        font-family:"Times New Roman";
    }
    .marq {
        padding-top:30px;
        padding-bottom:30px;
    }
    .geek1 {
        font-size:36px;
        font-weight:bold;
        color:white;
        text-align:center;
    }
    .geek2 {
        text-align:center;
    }
    </style>
</head> 
  
<body>
    <div class = "main">
    <marquee class="marq" bgcolor = "Green" direction = "down" loop="" >
        <div class="geek1">GeeksforGeeks</div>
        <div class="geek2">A computer science portal for geeks</div>
    </marquee>
    </div>
</body>
</html>                    

Выход:

Тег Marquee

Компьютерщики

Портал информатики для гиков

HTML Web технологии

HTML | тег <marquee>

РЕКОМЕНДУЕМЫЕ СТАТЬИ