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

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

	Теги оформлення тексту

— Ми створили заголовок на першій сторінці, але заголовок, як вірно помітили Марта, заголовок зовсім некрасивий, - почав пан Веб.
— Що ж нам робити, Пане Веб?
— Лесику, ми познайомимося з тегами шрифта. Тег шрифта - це парний тег <FОNТ>...</FОNТ>
—Пане Веб, і цей тег зробить заголовок красивим?
—Красивим заголовко зроблять параметри тега <FОNT>. Зараз ми розглянемо таблицю з параметрами тега <FОNT>.

Параметри тега <FОNT>	Пояснення
color=red	параметр визначає колір тексту, наприклад, червоний. Можна вибирати будь-який колір, тільки англійською назвою.
size=7	параметр визначає розмір шрифта, розмір 1 - самий маленький, 7 - великий, за замовчуванням виконується розмір = 3
family=Garamond	параметр визначає назву шрифта. За замовчуванням використовується шрифт TimesNew Roman. Зауваження: якщо шрифт складається з кількох слів, то назва записується у подвійних лапках, наприклад, "Monotype Corsiva"

—Пане Веб, а як же це все написати нам з Лесиком на сторінці?
—Марта, а записується тег <FОNТ>...</FОNT> оcь так, наприклад, як на малюнку 7.
—Пане Веб, тоді ми отримуємо заголовок, як на малюнку 8?
—Так, Марта! Ти здогадалася вірно, але після написаного тега <FОNТ> треба обов'язково зберегти зміни, а у браузері сторінку index.html оновити (натиснути кнопку Оновити або на клавіатурі клавишу з написом F5).
—Пане Веб, а можна заголовок сторінки зробити у два рядки?
—Так, Лесику, це можна зробити тегом <ВR> - тег нового рядка, наприклад, як коди на малюнку 9 та результат на малюнку 10.

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

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

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

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

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

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

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