Поряд з абзацами та заголовками існує ще один важливий елемент сторінки - це списки. Такі елементи, напевно, знайомі всім користувачам Інтернету. Вони є перерахуванням чогось (список) за пунктами. Біля кожного пункту списку зазвичай стоїть зафарбований кружок (він називається маркер списку).
Списки створюються за допомогою тега <ul>,
всередині якого обов'язково повинні йти теги
<li>. Тег ul задає сам список,
а в тезі li слід розміщувати пункти
списку (тобто одному li відповідає один
маркер списку). Дивіться приклад:
<ul>
<li>пункт списку</li>
<li>пункт списку</li>
<li>пункт списку</li>
<li>пункт списку</li>
<li>пункт списку</li>
</ul>
:
Нумеровані списки
Списки, створені через тег ul, називаються
невпорядкованими списками. Така назва
їм дано тому, що існують ще й впорядковані
списки, у яких замість маркерів-крапок будуть
маркери-цифри. Такі списки замість тегу ul
мають тег <ol>, а пункти таких списків
також створюються через теги li.
Зручність впорядкованих списків у тому, що я можу вставити новий пункт списку в будь-яке місце - і нумерація сама перебудується (тобто вам не доводиться за нею стежити у випадку будь-яких змін, як було б у тому випадку, якби ви розставляли її вручну).
Давайте зробимо впорядкований список, використовуючи
тег ol:
<ol>
<li>пункт списку</li>
<li>пункт списку</li>
<li>пункт списку</li>
<li>пункт списку</li>
<li>пункт списку</li>
</ol>
:
Зауваження
Отдельно теги li использовать нельзя,
только в составе списков. Кроме того, нельзя
вкладывать списки в абзацы и наоборот. Списки
в списки вкладывать можно, такое практикуется.
Окремо теги li використовувати не можна,
лише у складі списків. Крім того, не можна
вкладати списки в абзаци та навпаки. Списки
у списки вкладати можна, таке практикується.