Створення веб-сторінок Одеська школа 27 Урок 3

Урок 3

Списки

Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.

Теги

<ol> обов'язковий парний йому </ol> - створення нумерованого списку

<ul> обов'язковий парний йому </ul> - створення маркерованого списку

<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку

Нумеровані списки

Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера

A	Великі літери
a	Малі літери
I	Великі римскі цифри
i	малі римскі цифри
1	Арабські цифри (за замовчуванням)

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

Спливаюча підказка

Наприклад

1. Іван Франко
2. Тарас Шевченко
3. Леся Українка
4. Павло Загребельний
5. Олесь Гончар

А так виглядає сам HTML-код.

<ol type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ol>

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

Для створення маркерованого списка служить тег <ul> (від unordered list) та обов'язковий парний йому </ul>

Допускається вкладення нумерованого списка в списки другого виду

Атрибути

type Тип маркера

disk	Закрашенный кружок. За замовчуванням
circle	Незакрашенный кружок
square	Квадратик

title

Спливаюча підказка

Наприклад

• Іван Франко
• Тарас Шевченко
• Леся Українка
• Павло Загребельний
• Олесь Гончар

А так виглядає сам HTML-код.

<ul type=square title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>