Відмінності між версіями «Створення веб-сторінок Одеська школа 27 Урок 3»
(→Нумеровані списки) |
|||
| Рядок 75: | Рядок 75: | ||
=== Маркеровані списки === | === Маркеровані списки === | ||
Для створення маркерованого списка служить тег <b><ul></b> (від <b>u</b>nordered <b>l</b>ist) та обов'язковий парний йому <b></ul></b> | Для створення маркерованого списка служить тег <b><ul></b> (від <b>u</b>nordered <b>l</b>ist) та обов'язковий парний йому <b></ul></b> | ||
| + | |||
| + | Допускається вкладення нумерованого списка в списки другого виду | ||
| + | |||
| + | Атрибути | ||
| + | |||
| + | <b>type</b> Тип маркера | ||
| + | <table border=1> | ||
| + | |||
| + | <tr> | ||
| + | <td>A | ||
| + | <td>Великі літери | ||
| + | <tr> | ||
| + | <td>a | ||
| + | <td> Малі літери | ||
| + | <tr> | ||
| + | <td>I | ||
| + | <td> Великі римскі цифри | ||
| + | |||
| + | <tr> | ||
| + | <td>i | ||
| + | <td> малі римскі цифри | ||
| + | |||
| + | <tr> | ||
| + | <td>1 | ||
| + | <td> Арабские цифры (по умолчанию) | ||
| + | |||
| + | </table> | ||
| + | |||
| + | <b>start</b> | ||
| + | |||
| + | Початкове значення для нумерованого списка при використанні арабських цифр | ||
| + | |||
| + | <b>title</b> | ||
| + | |||
| + | Спливаюча підказка | ||
| + | |||
| + | |||
| + | <h2 style = color:green;>Наприклад</h2> | ||
| + | |||
| + | <ul type=disk title="Top 5"> | ||
| + | <li> Іван Франко | ||
| + | <li> Тарас Шевченко | ||
| + | <li> Леся Українка | ||
| + | <li> Павло Загребельний | ||
| + | <li> Олесь Гончар | ||
| + | </ul> | ||
| + | |||
| + | <p style="font-size:14pt; color:blue;"> | ||
| + | |||
| + | А так виглядає сам HTML-код.</p> | ||
| + | |||
| + | <ul type=1 title="Top 5"><br> | ||
| + | <li> Іван Франко <br> | ||
| + | <li> Тарас Шевченко<br> | ||
| + | <li> Леся Українка<br> | ||
| + | <li> Павло Загребельний<br> | ||
| + | <li> Олесь Гончар<br> | ||
| + | </ul><br> | ||
Версія за 14:09, 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 Тип маркера
| A | Великі літери |
| a | Малі літери |
| I | Великі римскі цифри |
| i | малі римскі цифри |
| 1 | Арабские цифры (по умолчанию) |
start
Початкове значення для нумерованого списка при використанні арабських цифр
title
Спливаюча підказка
Наприклад
- Іван Франко
- Тарас Шевченко
- Леся Українка
- Павло Загребельний
- Олесь Гончар
А так виглядає сам HTML-код.
<ul type=1 title="Top 5">
<li> Іван Франко
<li> Тарас Шевченко
<li> Леся Українка
<li> Павло Загребельний
<li> Олесь Гончар
</ul>
