7.10 Списки

Списки - широко розповсюджена форма показу даних як в електронних так і

в друкованих документах. Мовою HTML передбачено використання трьох стандартних видів списків: маркірованого, нумерованого та списку визначень. Відзначимо, що від інших елементів HTMLна -сторінці стандартні списки відділяються порожніми рядками.

7.10.1 Маркіровані списки

Для визначення маркірованого списку використовується тег-контейнер<ul>, в середині якого розміщуються всі елементи списку. При цьому кожен пункт списку повинен починатись тегом<li>. Наведемо приклад HTML-коду маркірованого списку:

<body> Звичайний текст

<ul>

<li> Перший пункт маркірованого списку <li> Другий пункт маркірованого списку <li> Третій пункт маркірованого списку

</ul>

Звичайний текст

</body>

Відображення маркірованого списку у вікні браузера показане на рис. 7.8.

Як в тезі <ul>, так і в тезі <li> можливо використовувати необов’язковий параметр type, за допомогою якого визначається тип маркеру списку. Можливі значення цього параметру:

-disc - маркери відображаються заповненими колами;

-circle - маркери відображаються не заповненими колами;

-square -маркери відображаються заповненими квадратами.

115

Рис. 7.8 - Відображення маркірованого списку

Приклад використання різних значень параметруtype в тезі <li> маркірованого списку:

<ul>

<li type="disc"> Перший пункт маркірованого списку. type="disc"

<li type="square"> Другий пункт маркірованого списку. type="square" <li type="circle"> Третій пункт маркірованого списку. type="circle" </ul>

Відповідне відображення у вікні браузера показане на рис. 7.9.

Рис. 7.9 - Використання різних значень параметру type в тезі <li>

Якщо параметр type в тегах <ul> та <li> не використовується, то для всього списку використовується маркер типу "disc".

116

Для визначення нумерованого списку використовується тег-контейнер<ol>, в середині якого розміщуються всі елементи списку. При цьому кожен пункт списку повинен починатись тегом<li>. Наведемо приклад HTML-коду нумерованого списку:

<ol>

<li> Перший пункт нумерованого списку <li> Другий пункт нумерованого списку <li> Третій пункт нумерованого списку

</ol>

Відображення такого нумерованого списку у вікні браузера показане на рис. 7.10.

Рис. 7.10 - Відображення нумерованого списку

Досить часто тег <ol> використовується з необов’язковими параметрами type та start. При цьому параметр type використовується також в тезі <li>. Його призначенням є визначення одного з стандартних типів маркера. Відзначимо,

що для нумерованого списку існує п’ять стандартних типів . маркері Використання цього параметру в тезі<ol> розповсюджується на весь список, а використання в тезі <li> розповсюджується тільки на поточний пункт списку.

Відзначимо, що нумерація пунктів нумерованого списку не залежить від типу маркеру. Якщо параметр type в тегах <ol> та <li> не зазначено, то для всього списку використовується маркер типу "1".

Параметр start призначений для зміни початку нумерації пунктів списку і може використовуватись тільки в тезі<ol>. Для зміни нумерації пунктів в середині списку в тезі<li> використовується параметр value. Значеннями параметрів start та value можуть бути тільки натуральні числа.

7.10.3 Списки визначень

Список визначень використовується для розміщення наHTML-сторінці тексту, за змістом подібного до енциклопедії або словника. Тобто тексту, в

117

Впершій частині пункту записується термін, що потребує визначення.

Вдругій частині пункту записується текст, що пояснює зміст терміну. Список визначень задається за допомогою тегу-контейнеру<dl>. Для

визначення терміну використовується тег<dt>, а для визначення пояснення використовується тег <dd>.

Наведемо приклад списку визначень для розміщення наHTML-сторінці деяких стандартних термін в галузі Web-програмування:

<dl>

<dt>Інтернет (мережа Інтернет)

<dd>Сукупність мереж та обчислювальних засобів, які використовують

<dd>Адреса іншого мережевого інформаційного ресурсу у форматі URL, який тематично, логічно або будь-яким іншим способом пов'язаний з документом, у якому це посилання визначене.

</dl>

Відображення цього списку визначень у вікні браузера показане на рис.

7.11.

Рис. 7.11 - Список визначень

118