Відмінності між версіями «Створення веб-сторінок Одеська школа 27 Урок 3»
Stest (обговорення • внесок) (→Вкладені списки) |
Stest (обговорення • внесок) |
||
Рядок 155: | Рядок 155: | ||
</ol> | </ol> | ||
</ul> | </ul> | ||
+ | |||
+ | <p style="font-size:14pt; color:blue;"> | ||
+ | |||
+ | Сам HTML-код.</p> | ||
+ | |||
+ | <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> | ||
== Завдання == | == Завдання == |
Версія за 00:07, 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.