2.10. Списки в html документі
У мові HTML підтримуються нумеровані й маркіровані списки, а також списки визначень. Усі типи списків допускають вкладеність. Аналогічно таблицям, списки створюються в тілі HTML-документа.
Нумерований список починається з відкриваючого дескриптора <ol>, за яким ідуть елементи <li> … </li>. Приклад списку показаний на рис. 9.
Рис. 9. Створення нумерованого списку в HTML-документі
Якщо до тегу <ol> застосовується таблиця стилів, то елементи <li> успадковують ці властивості. Атрибути дескриптора <ol> дозволяють управляти відображенням нумерованого списку:
<ol type="A | a | I | i | 1">...</ol>
Нумеровані списки являють собою набір елементів з їхніми порядковими номерами. Вид і тип нумерації залежить від параметрів тегу <ol>, який і використовується для створення списку. У якості маркерів можуть бути наступні символи:
• заголовні латинські букви;
• рядкові латинські букви;
• заголовні римські цифри;
• рядкові римські цифри;
• арабські цифри.
За замовчуванням у нумерованих списках використовуються арабські цифри.
<ol start="число">
<li>Елемент списку</li>
</ol>
Атрибут start встановлює номер, з якого буде починатися список. При цьому не має значення, який тип списку встановлений за допомогою type, параметр start однаково працює й з римськими й з арабськими числами.
Пункти маркованого списку позначаються маркерами. За замовчуванням маркери відображаються у вигляді кіл, зафарбованих чорним кольором. Маркований список починається з дескриптора <ul>, за яким ідуть елементи <li>. Якщо до тегу <ul> застосовується таблиця стилів, то елементи <li> успадковують ці властивості. Для того щоб змінити форму маркера, треба в дескрипторі <li> задати атрибут type. Для маркірованого списку маркери можуть приймати один із трьох видів: кружок (disc), окружність (circle) і квадрат (square):
<ul type="disc | circle | square">...</ul>.
Приклад маркованого списку зображено на рис. 10.
Рис. 10. Створення маркованого списку в HTML-документі
Список визначень - це перелік термінів, за якими йде їх опис. Список визначень форматується в такий спосіб: термін починається з початку рядка, а в наступному рядку з відступом від лівого краю розташовується опис терміну.
Список визначень починається з відкриваючого дескриптора <dl>, за яким ідуть пункти списку, обумовлені за допомогою дескрипторів <dt> і <dd>; <dt> формує термін, a <dd> - опис (рис. 11).
Рис. 11. Створення списку визначень
- Тема I. Основи будови, функціонування та сервіси глобальної комп’ютерної мережі Інтернет
- 1. Загальна характеристика та етапи розвитку глобальної комп’ютерної мережі Інтернет
- 2. Інтернет з'єднання
- 2.1. Протоколи комп’ютерних мереж в Інтернеті
- 2.2. Локальна мережа (Local-area networks - laNs)
- 2.3. Глобальна мережа (Wide-area networks - waNs)
- 2.4. Віртуальні приватні мережі (Virtual private network - vpn)
- 2.4.1. Переваги використання віртуальних приватних мереж
- 3. Служби глобальної комп’ютерної мережі Інтернет
- 4. Мережні дані та класифікація комп’ютерних мереж
- 5. Мережні пристрої
- 5.1. Network interface card (nic) – мережний адаптер
- 5.2. Установка nic та модему
- 5.3. Мережні топології
- 6. Короткий огляд високошвидкісного і комутованого підключення
- 7. Опис tcp/ip. Тестування підключення за допомогою утиліти ping
- Список рекомендованих джерел інформації
- 1. Мережні моделі
- 1.1. Використання рівнів для опису передачі інформації
- 1.2. Модель osi
- 1.4. Однорангова модель взаємодії (peer-to-peer communications)
- 1.5. Модель tcp/ip
- 1.6. Складові процесу інкапсуляції
- 2. Система адресації комп’ютерів у мережі Інтернет
- 3. Ідентифікація комп’ютерів у мережі Інтернет за допомогою символьних імен - dns
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 1.1. Концептуальна модель web
- 1.2. Характеристики World Wide Web
- 1.3. Організації www
- 2. Елементи Web - документів
- 2.1. Етапи розвитку мови html
- 2.2. Інші мови розмітки
- 2.3. Ієрархія dom
- 2.4. Структура html документа
- 2.5. Елементи, дескриптори і атрибути
- 2.6. Дескриптори, що визначають структуру html-документа
- 2.7. Включення зображень в Web-сторінку
- 2.8. Гіпертекстові посилання
- Зовнішній вид фрагмента коду html у вікні навігатора
- 2.9. Таблиці
- 2.10. Списки в html документі
- 2.11. Фрейми
- Список рекомендованих джерел інформації
- Тема III. Основи Web-дизайну
- 3.6. Поддержка стилей
- 3.6.1 Встраиваемые стили
- 3.6.2 Включаемые стили
- 3.6.3 Связываемые стили
- 3.6.4. Импортируемые стили и правило @import
- 4.1. Формати графічних файлів Web-сторінок
- 4.1.1. Формат jpeg
- 4.1.2. Формат gif
- 4.1.4. Який формат краще
- 4.2. Звук в документах html
- 5. Додатки cgi
- 5.1. Створення форм
- 5.1.1. Опис форми
- 5.1.2. Створення органів керування для форми
- 5.1.3. Приклад документа html із формою
- 5.2. Передача даних програмі cgi
- 5.2.1. Метод get
- 5.2.2. Метод post
- 5.2.3. Порівняння - get і post
- Список рекомендованих джерел інформації
- Лабораторна робота №1
- 2. Вміти використовувати мережні команди для одержання інформації про топологію та конфігурацію мережі, мережне обладнання робочих станцій та працездатність комп’ютерної мережі.
- 1. Визначення апаратного забезпечення робочої станції
- 2. Вивчення роботи мережних команд в режимі емуляції dos (командному рядку).
- Net send 15-09 Як справи, друже. Як працює мережа?
- 3. Дослідження підключення локальної мережі класу до глобальної мережі Internet.
- Ping.Exe -t ім’я робочої станції викладача
- Ping.Exe -l розмір пакету ім’я робочої станції
- Ping.Exe -w інтервал ім’я робочої станції
- 4. Висновки за результатами лабораторної роботи
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №2
- 2. Набуття навичок використання служби електронної пошти Інтернет із Web-інтерфейсом.
- 1. Створення облікового запису у програмі поштового клієнту ms Outlook Express:
- 2. Відправка повідомлень у програмі електронної пошти ms Outlook Express:
- 3. Прийом повідомлень у програмі електронної пошти ms Outlook Express:
- 4. Створення ієрархії папок для повідомлень.
- 5. Включення у повідомлення різних об’єктів.
- 6. Перегляд і збереження вкладених файлів.
- 7. Робота з адресною книгою.
- 8. Відправка кореспонденції із використанням Адресної книги.
- 9. Створення власного підпису.
- 10. Створення електронних листів із використанням вбудованих шаблонів.
- 11. Відповідь на електронні листи.
- 12. Робота з електронною поштою Web-базування:
- 13. Висновки за результатами лабораторної роботи.
- Лабораторна робота №4
- Вивчити структуру побудови та елементи html-документа.
- Вивчити застосування непарних міток та Esc-послідовностей у html-документах.
- Вивчити засоби та дескриптори фізичного форматування тексту в html-документах.
- Завдання
- Висновки за результатами роботи
- Контрольні питання
- Список рекомендованої літератури