Закрыть ... [X]

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

Закрыть ... [X]

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

Знакомство с тегом <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>

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


Источник: http://soft-am.ucoz.ru/news/kak_sdelat_begushhuju_stroku_na_sajte/2013-12-03-709


Поделись с друзьями



Рекомендуем посмотреть ещё:



Похожие новости


Гараж для авто своими руками
Как сделать детскую дорогу
Как сделать паштет из говяжий печени
Как сделать темные корни светлыми
Убрать отеки в домашних условиях
Исцеляют своими руками
Сумка в лодку своими руками
Как самому сделать канализацию в своем доме


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


Как сделать бегущую строку на ucoz
Бегущая строка (6 разновидностей) для uCoz - Скрипты для uCoz - Скрипты



ШОКИРУЮЩИЕ НОВОСТИ