Створення сайту

Головна 1. Початок роботи	2. Мова 3. Текст	4. Прикраси 5. Зображення	6. Таблиця 7. Список	8. Гіперпосилання 9. Галерея	10. Корисне 11. Зв'язок

	Теги лінії та біжучого рядка

— На титульній сторінці нашого сайту ми створили заголовок, але хотілося б що якось прикрасити нашу сторінку, - почав пан Веб.
— Як це нам зробити, Пане Веб?
— Лесику, ми це зробимо за допомогою тегів лінії <HR> та парного тегу біжучого рядка <MARQUE>...</MARQUE>
—Пане Веб, і як рядок може біжати?
—Все по черзі. Тег лінії <HR> має параметри, які визначають вигляд лінії

Параметри тега <HR>	Пояснення
color=red	параметр визначає колір лінії, наприклад, червоний. Можна вибирати будь-який колір, тільки англійською назвою.
size=3	параметр визначає товщину лінії у пікселях, можна задавати лінії будь якої товщини.
width=50%	параметр визначає довжинц лінії у відсотках від ширини вікна. За замовчуванням відображається лінія на всю ширину вікна. Зауваження: можна задавати довжину лінії у пікселях: 300, 500, 150... тощо.
align=right	параметр визначає розташування лінії на сторінці: left, right, center.

—Пане Веб, а як же це все написати нам з Лесиком на сторінці?
—Марта, а записується тег <HR> оcь так, наприклад, як на малюнку 11.
—Пане Веб, я здогадалася! Ми отримуємо кольорові лінії, що на малюнку 12!
—Так, Марта! Вірно. Не забувати після написаного тегу , але після написаного тега <HR> треба обов'язково зберегти зміни, а у браузері сторінку index.html оновити (натиснути кнопку Оновити або на клавіатурі клавишу з написом F5).
—Пане Веб, а де ж біжучий рядок?
—Лесику, біжучий рядок робиться парним тегом <MARQUEE>...</MARQUEE>.

Параметри тега <MARQUEE>>	Пояснення
color=yellow	параметр визначає колір смужки біжучого рядка, наприклад, жовтий. Можна вибирати будь-який колір, тільки англійською назвою.
hight=20	параметр визначає висоту смужки біжучого рядка у пікселях, можна задавати смужку біжучого рядка будь якої висоти.
width=50%	параметр визначає довжину біжучого рядка у відсотках від ширини вікна. За замовчуванням відображається біжучий рядок на всю ширину вікна.
align=right	параметр визначає розташування лінії на сторінці: left, right, center.

—Пане Веб, а як за допомогою ціх параметрів зробити біжучий рядок? Наприклад, ми хочемо, щоб рухалося речення Андерсена "Життя саме по собі є найпрекраснішою казкою!".
—Чудово, Лесику! Чудові слова ви обрали з Мартою. Подивися на малюнку 13, як треба написати код сторінки з рухомим рядком, а на малюнку 14 - як відображає цей код браузер.

Діємо!
1. Працюємо у відкритому файлі index.html
3.У відкритому вікні Блокнота додати теги <HR> та <MARQUEE>як на малюнку 13.
4. У меню програми обрати пункт Файл—Зберегти. Файл не закривати!
5. Перейти до відкритого файла у браузері. Та у відкритому вікні натиснути кнопку Оновити (заокруглена стрілочка біля рядку адреси або клавіша на клавіатурі з написом F5 ) На сторінці з'явился червоний заголовок? І все виглядає, як на мал.14? Вітаю! Всі дії зроблено вірно!

—Пане Веб, сторінка стала яскравою, а чи можна додати малюнок?
—Марта, дійсно, як можна розповідати про казки, якщо немає малюнків! Далі розглянемо додавання зображень .

мал. 11    Щоб збільшити зображення натисні на ньому лівою кнопкою миші

мал. 12    Щоб збільшити зображення натисні на ньому лівою кнопкою миші

мал. 13   Щоб збільшити зображення натисні на ньому лівою кнопкою миші

мал. 14   Щоб збільшити зображення натисні на ньому лівою кнопкою миші

Головна 1. Початок роботи	2. Мова 3. Текст	4. Прикраси 5. Зображення	6. Таблиця 7. Список	8. Гіперпосилання 9. Галерея	10. Корисне 11. Зв'язок