Відмінності між версіями «Створення веб-сторінок Одеська школа 27 Урок 3»
Stest (обговорення • внесок) (→Вкладені списки) |
Stest (обговорення • внесок) (→Вкладені списки) |
||
Рядок 186: | Рядок 186: | ||
</ol><br> | </ol><br> | ||
<li> Олесь Гончар<br> | <li> Олесь Гончар<br> | ||
− | <ol><br> | + | <ol><br> |
− | <li>Тронка<br> | + | <li>Тронка<br> |
− | <li>Прапороносці<br> | + | <li>Прапороносці<br> |
− | <li>Собор<br> | + | <li>Собор<br> |
− | </ol><br> | + | </ol><br> |
</ul><br> | </ul><br> | ||
Версія за 00:17, 27 вересня 2012
Зміст
Урок 3
Списки
Для подання тексту в структурованому вигляді, коли кожен абзац виділено за допомогою графічної позначки або номера, призначені списки.
Теги
<ol> обов'язковий парний йому </ol> - створення нумерованого списку
<ul> обов'язковий парний йому </ul> - створення маркерованого списку
<li> НЕобов'язковий парний йому </li> - створення ЕЛЕМЕНТУ нумерованого або маркерованого списку
Нумеровані списки
Для створення нумерованого списка служить тег <ol> (від ordered list) та обов'язковий парний йому </ol>
Допускається вкладення нумерованого списка в списки другого виду
Атрибути
type Тип маркера
A | Великі англійські літери |
a | Малі англійські літери |
I | Великі римскі цифри |
i | малі римскі цифри |
1 | Арабські цифри (за замовчуванням) |
start
Початкове значення для нумерованого списка при використанні арабських цифр
title
Спливаюча підказка
Наприклад
- Іван Франко
- Тарас Шевченко
- Леся Українка
- Павло Загребельний
- Олесь Гончар
А так виглядає сам 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>
Вкладені списки
Наприклад
- Іван Франко
- Каменярі
- Борислав Сміється
- Захар Беркут
- Тарас Шевченко
- Сон
- Катерина
- Заповіт
- Леся Українка
- Лісова Пісня
- Камінний господар
- Бояриня
- Павло Загребельний
- Роксолана
- Я, Боган
- Думки на розхрист
- Олесь Гончар
- Тронка
- Прапороносці
- Собор
Сам HTML-код.
<ul type=square title="Українські літератори та їх твори">
<li> Іван Франко
<ol>
<li>Каменярі
<li>Борислав Сміється
<li>Захар Беркут
</ol>
<li> Тарас Шевченко
<ol>
<li>Сон
<li>Катерина
<li>Заповіт
</ol>
<li> Леся Українка
<ol>
<li>Лісова Пісня
<li>Камінний господар
<li>Бояриня
</ol>
<li> Павло Загребельний
<ol>
<li>Роксолана
<li>Я, Боган
<li>Думки на розхрист
</ol>
<li> Олесь Гончар
<ol>
<li>Тронка
<li>Прапороносці
<li>Собор
</ol>
</ul>
Завдання
Створіть HTML-сторінку за зразком поданим на рис. 1
Збережіть у свою папку у файл з іменем List.html.