5.2. Практична частина

1. Створити у своїй папці файл lab5.html.

2. Вставити зображення в HTML-документ з урахуванням: ширини, висоти, вирівнювання, спливаючих підказок і т.д. (рис. 2.1)

Рис. 2.1 - Зразки вирівнювання зображення щодо тексту

3. Створити список визначень згідно з прикладом. Використовувати для цього теги <dl>, <dt> и <dl>.

   Тег
   	Тег - це спеціальний символ розмітки, який застосовується для вставки різних елементів на веб-сторінку, таких як: малюнки, таблиці, посилання та ін., і для зміни їх вигляду.
   HTML-документ
   	Звичайний текстовий файл, який може містити в собі текст, теги та стилі. Зображення та інші об'єкти зберігаються окремо. Вміст такого файла зазвичай називається HTML-код.
   Сайт
   	Сайт - це набір окремих веб сторінок, які пов'язані між собою посиланнями і єдиним оформленням.

4. Створити маркований список використовуйте тег <ul>:

У мові HTML передбачені такі основні типи списків:

маркований нумерований список визначень

Змінити зовнішній вигляд маркера на квадрат:

У мові HTML передбачені такі основні типи списків:

маркований нумерований список визначень

5. Створити нумерований список.

У мові HTML передбачені такі основні типи списків:

маркований нумерований список визначень

Здійснити нумерацію римськими цифрами і змінити початок нумерації з числа XV.

У мові HTML передбачені такі основні типи списків:

маркований нумерований список визначень

6. Створити список з багаторівневою нумерацією.

Глава 3. Використання графіки на Web-сторінках

Фонове зображення Вбудоване зображення Вирівнювання зображень Розміри виведеного зображення Рамка навколо зображення Практична робота 3.1 Практична робота 3.2 Практична робота 3.3

7. Позначити початок кожного з п'яти розділів лабораторної роботи як іменований якір: <a name="spisok1">, <a name="spisok2"> і т.д.

8. На початку сторінки додати список посилань на всі розділи лабораторної роботи. Пам'ятайте, що при посиланні на іменований якір слід використовувати знак # перед ім'ям якоря.

9. Додати внизу документа посилання на офіційний сайт ОНАХТ, яка буде відкриватися в новому вікні.

10. Друге зображення в документі зробити посиланням на пошукову систему Yandex, яка буде відкриватися в новому вікні.

11. У файлі index.html, розробити список, що містить посилання на завдання лабораторних робіт 4 і 5.

12. Створіть новий файл my.html і записати в ньому: нумерований список з відомих мов програмування, маркований список з відомих колірних палітр.

13. Додати посилання на файл my.html в файл index.html.

14. Показати і захистити виконану роботу викладачеві.