Как сделать бегущую строку на сайте

Интернет

Возможно, Вам уже приходилось видеть на сайтах бегущие строки текста. Из этой статьи вы узнаете, как создать бегущую строку текста на веб-странице, а также на реальных примерах научитесь применять разные параметры бегущей строки текста. Что ж, приступим!

Знакомство с тегом <marquee>

Бегущая строка в html-документе создается тегом <marquee>, который имеет такие параметры, как ширина поля текста, высота и фоновый цвет. Рассмотрим это на примере.

Пример 1. Создадим бегущую строку с текстом «Это моя первая бегущая строка» шириной в 500 пикселей, высотой – 25, фоновым цветом – белым.
Вот так будет выглядеть html-код этой бегущей строки:

<marquee height="25" width="500" bgcolor="white">
Это моя первая бегущая строка
</marquee> 

Размещаем этот код между тегами <body> и </body> и получаем полный html-код веб-страницы:

<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25" width="500" bgcolor="white">
Это моя первая бегущая строка
</marquee>
</body>
</html>

Как сделать бегущую строку на сайте

Пример 2. Создадим бегущую строку с текстом «Это моя вторая бегущая строка» с теми же параметрами, что и в предыдущем примере.

<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25" width="500" bgcolor="white">
Это моя вторая бегущая строка
</marquee>
</body>
</html>

Как сделать бегущую строку на сайте

Пример 3. Создадим бегущую строку с текстом «Это моя новая бегущая строка», с красным фоновым цветом.

<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25" width="500" bgcolor="red">
Это моя новая бегущая строка
</marquee>
</body>
</html>

Как сделать бегущую строку на сайте

Попробуйте создать что-то подобное сами, изменив цвет фона или размеры поля.
Удачи!

Оцените статью
ЗнайКак.ру
Добавить комментарий

  1. Робеот

    Есть вопрос- а как к бегущей строке подключить кошелек, для оплаты за рекламу на сайте?
    Клиент должен сам ввести текст рекламы после оплаты.Можно ли это сделать на обычном
    HTML сайте( без движка).Спасибо!

    Ответить