Списки
Списки являются важным средством структуирования текста. В HTML имеются следующие виды списков:
- упорядоченные или нумерованные (использование цифр (арабских, римских), алфавита)
- неупорядоченные или ненумерованные (использование маркеров).
При любом из списков браузер "автоматически" производит отступ от края страницы.
Для изображения упорядоченных (нумерованных) списков применяют тег <OL>, для неупорядоченных - тег <UL>. Оба вида используют для элементов списка тег <LI>, который не имеет завршающего тега.
С помощью атрибута TYPE= для нумерованных списков можно выбрать любой список индексаций. Для этого следует задатсья аргументом:
- 1 - арабскими цифрами
- А - большими буквами
- а - малыми буквами
- I - римскими цифрами
Если необходимо задать начальный номер нумерации элементов списка, используют атрибут START= внутри тега <OL>.
<HTML>
<HEAD>
<TITLE>моя первая страничка</TITLE>
</HEAD>
<BODY>
<OL TYPE=I START=2>
<LI>начинаем нумерацию списка с цифры 2
<LI>затем следует цифра 3
<LI>и так далее...
</OL>
</BODY>
Пример |
|
С помошью атрибута TYPE= внутри тега <UL> можно также выбрать тип маркера для неупорядоченных (ненумерованных) списков. Для этого используют следующие аргументы:
- DISC - круг
- CIRCLE - окружность
- SQUARE - квадрат
<HTML>
<HEAD>
<TITLE>моя первая страничка</TITLE>
</HEAD>
<BODY>
<P>С помошью атрибута TYPE= внутри тега "UL" можно также выбрать тип маркера для неупорядоченных (ненумерованных) списков. Для этого используют следующие аргументы:
<UL TYPE=CIRCLE>
<LI>DISC - круг
<LI>CIRCLE - окружность
<LI>SQUARE - квадрат
</UL>
</BODY>
</HTML>
Пример |
С помошью атрибута TYPE= внутри тега "UL" можно также выбрать тип маркера для неупорядоченных (ненумерованных) списков. Для этого используют следующие аргументы:
|
Существует понятие специальных спиков, в которых каждый элемент состоит из двух частей. Такой список открывается тегом <DL>. Перед первой частью элемента (термином) ставится тег <DT>, а перед второй частью (определением) - тег <DD>.
<HTML>
<HEAD>
<TITLE>моя первая страничка</TITLE>
</HEAD>
<BODY>
<DL>
<DT>Термин1
<DD>При определении происходит больший отступ от края страницы, чем для термина
<DT>Термин2
<DD>При определении происходит больший отступ от края страницы, чем для термина
</DL>
</BODY>
</HTML>
Пример |
|
Рекомендуем почитать