Самостійна робота 1
Тема: Поглиблене вивчення тегів форматування тексту та логічної розмітки.
Мета: Вивчити специфічні теги HTML5 для роботи з цитатами, термінами, комп'ютерним кодом та редакторськими правками.
1. Опрацюйте документацію (наприклад, MDN Web Docs) та підготуйте короткий звіт (можна у форматі HTML-сторінки) про призначення та приклади використання таких тегів:
1. <abbr> — як правильно вказувати розшифровку абревіатур?
2. <dfn> — як виділити термін, що визначається в тексті?
3. <cite> та <q> — у чому різниця між посиланням на джерело та короткою цитатою?
4. <address> — чому цей тег не можна використовувати просто для поштової адреси?
5. <ins> та <del> — як показати історію редагування тексту (видалене та додане)?
6. <code>, <kbd>, <samp>, <var> — теги для оформлення технічних текстів.
2. Створіть HTML-сторінку (файл self_work_1.html), яка імітує наукову або технічну статтю. Вимоги до контенту:
1. Використовуйте <blockquote> для великої цитати та <cite> для вказівки автора або назви книги.
2. Опишіть коротку інструкцію з будь-якої ІТ-теми (наприклад, "Як скопіювати файл у терміналі"). Використовуйте:
o <kbd> для клавіш (наприклад, <kbd>Ctrl</kbd>+<kbd>C</kbd>);
o <code> для назви команди;
o <pre> для блоку коду.
3. Використовуйте тег <abbr> з атрибутом title для термінів (наприклад, HTML, CSS, СУБД).
4. Продемонструйте оновлення інформації: старе значення закресліть за допомогою <del>, а нове додайте через <ins>.
5. Використовуйте семантичний тег <time
datetime="2026-01-03"> для вказівки дати.
3. Знайдіть інформацію про тег <bdo> (Bi-Directional Override).
Продемонструйте на сторінці приклад тексту, який відображається справа наліво (дзеркально) за допомогою цього тега.