Відмінності між версіями «Створення веб-сторінок Одеська школа 27 Урок 3»

Матеріал з Iteach WIKI
Перейти до: Навігація, пошук
Рядок 84: Рядок 84:
  
 
<tr>
 
<tr>
<td>A
+
<td>disk
<td>Великі літери  
+
<td>Закрашенный кружок. По умолчанию  
 
<tr>
 
<tr>
<td>a
+
<td>circle
<td> Малі літери 
+
<td> Незакрашенный кружок
 
<tr>
 
<tr>
<td>I
+
<td>square
<td> Великі римскі цифри
+
<td> Квадратик
 
+
<tr>
+
<td>i
+
<td> малі римскі цифри
+
 
+
<tr>
+
<td>1
+
<td> Арабские цифры (по умолчанию) 
+
 
+
 
</table>
 
</table>
  

Версія за 14:11, 26 вересня 2012

Урок 3

Списки

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

Теги

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

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

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

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

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

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

Атрибути

type Тип маркера

A Великі літери
a Малі літери
I Великі римскі цифри
i малі римскі цифри
1 Арабские цифры (по умолчанию)

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

disk Закрашенный кружок. По умолчанию
circle Незакрашенный кружок
square Квадратик

start

Початкове значення для нумерованого списка при використанні арабських цифр

title

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


Наприклад

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

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

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