Главная страница / Интернет / Как сделать бегущую строку на сайте

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

Понравилась статья? Размести её на своём сайте скопировав код ниже:
<a href="http://applepages.kz/ru/view_element.php?id=1394">Как сделать бегущую строку на сайте</a>

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

Знакомство с тегом

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

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

Это моя первая бегущая строка

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

 Моя бегущая строка 

Это моя первая бегущая строка

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

 Моя бегущая строка 

Это моя вторая бегущая строка

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

 Моя бегущая строка 

Это моя новая бегущая строка

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

Возможно Вы искали:
- Как сделать дизайн для сайта?
- Как сделать красивый баннер в Macromedia Flash (Теория)
- Как сделать онлайн-игру
- Как сделать приветствие во Flash
- Как сделать рекламу в интернет

на вверх ↑

Ваши комментарии:

Оставить сообщение

* Ник:
* Сообщение:
	Защита от автоматического добавления записи

* Код картинки:

	* обязательные поля для заполнения