Текстові елементи на вебсторінці. Форматування тексту
Мотивація навчальної діяльності
Контроль знань
Завдання.
Створити вебсторінку за зразком. Файл HTML-коду зберегти у свою папку.
Сприйняття та осмислення нового матеріалу
ТЕКСТОВІ ЕЛЕМЕНТИ
Заголовок певного рівня
Учитель демонструє та пояснює, після чого учні виконують завдання<h№ [align=left/center/right/justify]>Текст заголовка</h№>
№ - число від 1 по 6. Вказує на рівень заголовка. Заголовок 1 рівня (<h1>) вважається найголовніший. Рівні 2,3,...,6 - підзаголовки з відповідним підпорядкуванням вищому собі рівню.
ALIGN - вирівнювання заголовка (тексту та ін. об’єкта) в рядку (по горизонталі). Допускаються наступні значення:
LEFT - по лівій стороні;
CENTER - по центру;
RIGHT - по правій стороні;
JUSTIFY - за шириною (текст вирівнюється з лівого і правого боків шляхом розтягування проміжків між словами)
Абзац
Учитель демонструє та пояснює, після чого учні виконують завдання<p [align=вирівнювання]>Текст абзацу</p>
Продовження абзацу з наступного рядка
Учитель демонструє та пояснює тег<br>текст
Завдання.
З другого речення розпочати новий абзац.
Вирішення: перед реченням "Розташована в гірському ..." вставити тег <p>Зробити так, щоб це речення продовжувало абзац, але починалося з нового рядка.
Вирішення: замінити тег <p> на <br>
ФОРМАТУВАННЯ СИМВОЛІВ
Шрифт тексту
Учням демонструється, пояснюється написання тегів<font [color=колір] [size=розмір] [face=шрифт]>текст</font>
Накреслення символів
Учням демонструється, пояснюється написання тегів<b> текст </b> - напівжирний
<i> текст </i> - курсив
<u> текст </u> - підкреслений