Первый урок   Второй урок   Третий урок   Четвёртый урок   Пятый урок   Шестой урок

Четвёртый урок.

Списки HTML.

1. Нумерованные списки.

Нумерованный список можно вывести с помощью тега:

<OL>
<LI> 1 строка списка
<LI> 2 строка списка
</OL>

Где <LI> -  каждый элемент такого списка. Нумерация проставляется автоматически. Пример:

 

<OL> <LI>яблоко</LI> <LI>груша</LI> <LI>помидор</LI> <LI>огурец</LI> </OL>

яблоко груша помидор огурец

Тэг <OL> может иметь следующие параметры:

<OL TYPE=" * ">, где * -

I - большие римские цифры

i - маленькие римские цифры

A - большие латинские буквы

a - маленькие латинские буквы

1 - обычные цифры

<OL START="Число, с которого будет начинаться отсчет в списке">

Например нам нужно вывести список с большими римскими цифрами начиная с 3.

 

3 4 5 6 7

<OL TYPE="I" START="3"> <LI>3</LI> <LI>4</LI> <LI>5</LI> <LI>6</LI> <LI>7</LI> </OL>

 

2. Непронумерованные списки.

Ненумерованный список можно вывести с помощью тега:

<UL>
<LI> 1 строка списка
<LI> 2 строка списка
</UL>

При этом каждый элемент такого списка обозначается тегом <LI>

 Пример:

Груша Яблоко Помидор

<UL> <LI>Груша</LI> <LI>Яблоко</LI> <LI>Помидор</LI> </UL>

Тэг <UL> может иметь следуюший атрибут:

<UL  TYPE=" * ">, где * 

1. DISK
2. CIRCLE
3. SQUARE

Например:

 

<UL TYPE="DISK"><LI> disc </UL>	DISK
<UL TYPE="CIRCLE"><LI> circle </UL>	CIRCLE
<UL TYPE="SQUARE"><LI> square </UL>	SQUARE

По умолчанию стоит  <UL TYPE="DISK">.

3. Списки определений:

   Пример:

<DL> <DT> Термин <DD> Его определение <DD> Следующее его определение </DL>

Термин Определение термина Следующее его определение

Для компактного списка определений используется атрибут:

<DL COMPACT>

<DL COMPACT> <DT> Термин <DD> Его определение <DD> Следующее его определение </DL>

Термин Определение термина Следующее его определение

На вот собственно и все. Переходим на пятый урок.

назад

 Первый урок   Второй урок   Третий урок   Четвёртый урок   Пятый урок   Шестой урок