Повні розв’язки, як у зошиті. Хочеш розібратися самостійно — під кожним завданням є «Пояснення з репетитором».
Сторінка 135
Завдання 16
Застосування тегів форматування
Демонструвати на власній сторінці дію тегів `<B>`, `<I>`, `<U>`, `<SUB>`, `<SUP>` та отримати пораду щодо покращення оформлення.
Розв’язання
Напишіть текст у файлі з розширенням `.html`.
Вставте відкриваючий тег `<B>` перед словом, яке хочете виділити жирним, і закриваючий `</B>` після нього; аналогічно використайте `<I>`, `<U>`, `<SUB>`, `<SUP>`.
Відкрийте файл у браузері та перевірте, чи правильно відобразилися стилі.
Відповідь: Текст з жирним, курсивом, підкресленням та індексами відображається в браузері; покращити сторінку можна за рахунок додавання посилань або зображень.
Завдання 17
Обговорення прикладу форматування
Обговорити, як використати приклад форматування (мал. 9.2) для створення власних сторінок; висловити припущення та перевірити його, міняючись ролями.
Розв’язання
Огляньте зображення (мал. 9.2) та визначте, які теги використані для кожного ефекту.
Обговоріть у парі, чи можна замінити старі теги на новіші (наприклад, `<FONT>` на CSS), і аргументуйте свою думку.
Спробуйте відтворити схожий вигляд тексту в HTML-коді.
Відповідь: Приклад форматування допомагає створювати привабливі заголовки та акценти; покращення сторінки можливе через гармонійний поєднання кольорів і шрифтів.
Завдання 18
Створення списків у HTML
Використати онлайн-тренажер для практики створення списків; додати на сторінку маркований список (теги `<UL>`, `<LI>`).
Розв’язання
Відкрийте браузер і перейдіть на сайт тренажера за посиланням (або напишіть код у текстовому редакторі).
Введіть текст списку між відкриваючим тегом `<UL>` та закриваючим `</UL>`.
Для кожного пункту вставте пару тегів `<LI>...</LI>`.
Відповідь: Сторінка містить маркований список з трьома елементами; для повного списку також можна використати нумерований список за тегами `<OL>` і `</OL>`.
