Версія за 22:48, 26 вересня 2012

Урок 3

Списки

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

Теги

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

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

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

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

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

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

Атрибути

type Тип маркера

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 Тип маркера

title

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

Наприклад

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

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

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

Вкладені списки

Наприклад

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

Завдання

Створіть HTML-сторінку за зразком поданим на рис. 1 Збережіть у свою папку у файл з іменем List.html.