Відмінності між версіями «Створення веб-сторінок Одеська школа 27 Урок 3»
(→Маркеровані списки) |
(→Маркеровані списки) |
||
| Рядок 100: | Рядок 100: | ||
<h2 style = color:green;>Наприклад</h2> | <h2 style = color:green;>Наприклад</h2> | ||
| − | <ul type= | + | <ul type=square title="Top 5"> |
<li> Іван Франко | <li> Іван Франко | ||
<li> Тарас Шевченко | <li> Тарас Шевченко | ||
| Рядок 112: | Рядок 112: | ||
А так виглядає сам HTML-код.</p> | А так виглядає сам HTML-код.</p> | ||
| − | <ul type= | + | <ul type=square title="Top 5"><br> |
<li> Іван Франко <br> | <li> Іван Франко <br> | ||
<li> Тарас Шевченко<br> | <li> Тарас Шевченко<br> | ||
Версія за 14:22, 26 вересня 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>
