Отримання знань

дистанційна підтримка освіти школярів


Рядок, що біжить (рос. бегущая строка)

Ваша сторінка стане гарнішою, якщо вона перестане бути статичною, тобто щось буде рухатися. Цього можна досягти, використавши тег <Marquee>.

 

Цей тег може мати вже знайомі атрибути:

height="10"  -  задає висоту стрічки 10 пікселів,

width="270" -  ширину стрічки 270 пікселів,

bgcolor="#339933"  - колір фону стрічки, що біжить,

align="center" - вирівнювання по центру.

 

Можна змінювати поведінку рядка за допомогою атрибутів direction  і behavior. Перший визначає напрямок руху, другий - тип руху.

Атрибут direction матиме одне з чотирьох значень:

down - ↓

left - ←

right - →

up - ↑. 

По замовчуванню має значення "left".

 

Атрибут вehavior може приймати такі значення:

"alternate" об'єкт рухається між правим і лівим краєм,

"scroll" (укр. сувій) об'єкт рухається в напрямку, заданому атрибутом direction, ховається за межами області, після чого починає рухатися з початку

"slide" об'єкт рухається в напрямку, заданому атрибутом direction, доходить до краю області і зупиняється.

По замовчуванню "scroll".


Для того, щоб текст Hello world рухався по екрану, треба написати стрічку

<marquee behavior="scroll" >Hello, world</marquee>

Атрибут scrollamount  задає швидкість руху у пікселях. По замовчуванню має значення 6.

 

Завдання 7. Створіть на сторінці p2.html  три різних рядки, що біжать. Використайте різні атрибути.

Завдання 8. Намалюйте простий малюнок у Paint. Збережіть у папці html. Зробіть його рухомим на сторінці p2.html.

Використані джерела інформації:

1. Алленова Н. HTML - первые шаги // http://postroika.ru.

2. Браун М., Хоникатт Дж. Использование HTML 4, 4-е издание. Специальное издание: Пер. с англ. - М.; СПб.; К.: Издательский дом «Вильямс», 1999. - 784с.


В системі: гості - (1); користувачі - (0)