Перегляд вихідного коду сторінки Створення веб-сторінок Одеська школа 27 Урок 3

<h1> Урок 3 </h1>

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

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

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

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

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

Для створення нумерованого списка служить тег <b>&lt;ol></b> (від <b>o</b>rdered <b>l</b>ist) та обов'язковий парний йому <b>&lt;/ol></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>

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

<p style="font-size:14pt; color:blue;"> 

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

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

=== Маркеровані списки ===
Для створення маркерованого списка служить тег <b>&lt;ul></b> (від <b>u</b>nordered <b>l</b>ist) та обов'язковий парний йому <b>&lt;/ul></b>

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

Атрибути
 
<b>type</b>  Тип маркера
<table border=1>

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

<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>

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