<? include 'head.php' ?>
<html><head>
<title> HTML учебник / Тэги списков  </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="keywords" content="HTML учебник Тэги списков ">

<meta name="description" content="HTML учебник:  Тэги списков  ">
</head>

<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" text="#333333" link="#333333" vlink="#333333" bgcolor="#f0f7ef">

 <table width="80%" align="center"><tr><td>
 <!--заголовок--><table width="100%" cellpadding=1 cellspacing=0 border=0 bgcolor=#647062><tr><td><table width="100%" cellpadding=3 cellspacing=0 border=0 bgcolor=#ffffff><tr><td class=r align=middle><A href="index.php">Содержание</a> / Тэги списков</td></tr></table></td></tr></table><!--//-->
<h2>Тэги списков</h2>
<P>Существует три основных вида списков в HTML-документе: 
<UL>
  <LI><B>пронуменрованный</B> 
  <LI><B>непронуменрованный</B> 
  <LI><B>список описаний</B> </LI></UL>
<P>Вы можете создавать вложенные списки, используя различные тэги 
списков или повторяя одни внутри других. Для этого просто необходимо 
разместить одну пару тэгов (стартовый и завершающий) внутри другой. 
Будут ли элементы вложенного списка иметь те же маркеры, 
обозначающие элемент списка - зависит от броузера. Более подробно 
смотри в разделе "Вложенные списки". </P>
<hr align="left" width="50%" size="1" noshade>

<P><b>Пронумерованные списки</b> </P>
<P>В пронумерованном списке броузер автоматически вставляет номера 
элементов по порядку. Это означает, что если вы удалите один или 
несколько элементов пронумерованного списка, то остальные номера 
автоматически будут пересчитаны. </P>
<P>Пронумерованный список начинается стартовым тэгом &lt;OL&gt; и 
завершается тэгом &lt;/OL&gt;. Каждый элемент списка начинается с 
тэга &lt;LI&gt;. Например: </P>
<P><TT>&lt;OL&gt; <BR>&lt;LI&gt; Программирование <BR>&lt;LI&gt; 
Алгоритмизация <BR>&lt;LI&gt; Проектирование <BR>&lt;/OL&gt;</TT> 
<OL>
  <LI>Программирование 
  <LI>Алгоритмизация 
  <LI>Проектирование </LI></OL>
<P>Тэг &lt;OL&gt; может иметь параметры: </P>
<P><TT>&lt;<B>OL </B>TYPE=A|a|I|i|1 START=n&gt;</TT> </P>
<P>где: </P>
<P><B>TYPE</B> 
<UL>
  <P>Вид счетчика: </P></UL>
<UL>
  <UL>
    <LI>A - большие латинские буквы (A,B,C...) 
    <LI>a - маленькие латинские буквы (a,b,c...) 
    <LI>I - большие римские цифры (I,II,III...) 
    <LI>i - маленькие римские цифры (i,ii,iii...) 
    <LI>1 - обычные цифры (1,2,3...) </LI></UL></UL>
<P><B>START=n</B> 
<UL>
  <P>Число, с которого начинается отсчет </P></UL>
<P>Например: </P>
<P><TT>&lt;OL TYPE=I START=15&gt; <BR>&lt;LI&gt; Программирование 
<BR>&lt;LI&gt; Алгоритмизация <BR>&lt;LI&gt; Проектирование 
<BR>&lt;/OL&gt;</TT> 
<OL type=I start=15>
  <LI>Программирование 
  <LI>Алгоритмизация 
  <LI>Проектирование </LI></OL>
<hr align="left" width="50%" size="1" noshade>

<P><b>Непронумерованные списки. </b></P>
<P>Для непронумерованных списков броузер обычно использует маркеры 
для пометки элемента списка. Вид маркера, как правило, настраивает 
пользователь броузера. </P>
<P>Пронумерованный список начинается стартовым тэгом &lt;UL&gt; и 
завершается тэгом &lt;/UL&gt;. Каждый элемент списка начинается с 
тэга &lt;LI&gt;. Например: </P>
<P><TT>&lt;UL&gt; <BR>&lt;LI&gt; Программирование <BR>&lt;LI&gt; 
Алгоритмизация <BR>&lt;LI&gt; Проектирование <BR>&lt;/UL&gt;</TT> 
<UL>
  <LI>Программирование 
  <LI>Алгоритмизация 
  <LI>Проектирование </LI></UL>
<P>Тэг &lt;UL&gt; может иметь параметр: </P>
<P><TT>&lt;<B>UL </B>TYPE=disc|circle|square&gt;</TT> </P>
<P>Тип тэга &lt;UL&gt; определяет внешний вид маркера как вид по 
умолчанию (disc), круглый (circle) или квадратный (square). 
Например: </P>
<P><TT>&lt;UL TYPE=square&gt; <BR>&lt;LI&gt; Программирование 
<BR>&lt;LI&gt; Алгоритмизация <BR>&lt;LI&gt; Проектирование 
<BR>&lt;/UL&gt;</TT> 
<UL type=square>
  <LI>Программирование 
  <LI>Алгоритмизация 
  <LI>Проектирование </LI></UL>
<hr align="left" width="50%" size="1" noshade>

<P><b>Вложенные списки </b></P>
<P>Дадим пример вложенных списков: </P>
<P><TT>&lt;HTML&gt; <BR>&lt;HEAD&gt; <BR>&lt;TITLE&gt; Список 
сотрудников &lt;/TITLE&gt; <BR>&lt;/HEAD&gt; <BR>&lt;BODY&gt; 
<BR>&lt;H2&gt; Список сотрудников нашей фирмы &lt;/H2&gt; 
<BR>&lt;H3&gt; Составлено : 30 июля 1996 года &lt;/H3&gt; <BR>Данный 
список содержит фамилии, имена и отчества всех сотрудников нашей 
компании. &lt;P&gt; <BR>Список может быть использован только в 
служебных целях. &lt;P&gt; <BR>&lt;OL&gt; <BR>&lt;LI&gt; Дирекция 
<BR>&lt;UL&gt; <BR>&lt;LI&gt; Иванов И.И. <BR>&lt;LI&gt; Петров К.В. 
<BR>&lt;/UL&gt; <BR>&lt;LI&gt; Отдел маркетинга <BR>&lt;UL&gt; 
<BR>&lt;LI&gt; Варшавская Е.Л. <BR>&lt;LI&gt; Самсонов Д.М. 
<BR>&lt;/UL&gt; <BR>&lt;/OL&gt; <BR>&lt;/BODY&gt; 
<BR>&lt;/HTML&gt;</TT> </P>
<P>Вот, что вы увидите на экране броузера: </P>
<table border="1"><tr><td><H2 align=center>Список сотрудников нашей фирмы </H2>
<H3 align=center>Составлено : 30 июля 1996 года </H3>
<P>Данный список содержит фамилии, имена и отчества всех сотрудников 
нашей компании. </P>
<P>Список может быть использован только в служебных целях. 
<OL>
  <LI>Дирекция 
  <UL>
    <LI>Иванов И.И. 
    <LI>Петров К.В. </LI></UL>
  <LI>Отдел маркетинга 
  <UL>
    <LI>Варшавская Е.Л. 
    <LI>Самсонов Д.М. </LI></UL></LI></OL></td></tr></table>
<hr align="left" width="50%" size="1" noshade>

<H3 align=center>Элемент списка &lt;LI&gt; </H3>
<P>Тэг &lt;LI&gt; может иметь параметры: </P>
<P><TT>&lt;<B>OL </B>TYPE=disc|circle|squade&gt; или &lt;<B>OL 
</B>TYPE=A|a|I|i|1 VALUE=n&gt;</TT> </P>
<P>в зависимости от того, в списке какого вида находится данный 
элемент. </P>
<P><B>TYPE</B> 
<UL>
  <P>Вид маркера (см. &lt;UL&gt;) или счетчика (см.OL) </P></UL>
<P><B>VALUE=n</B> 
<UL>
  <P>Значение для элемента пронумерованного списка (его номер). Все 
  дальнейшие номера элементов списка будут отсчитываться от этого 
  номера. </P></UL>
<P>Например: </P>
<P><TT>&lt;OL TYPE=I START=15&gt; <BR>&lt;LI&gt; Программирование 
<BR>&lt;LI TYPE=i VALUE=25&gt; Алгоритмизация <BR>&lt;LI&gt; 
Проектирование <BR>&lt;/OL&gt;</TT> 
<OL type=I start=15>
  <LI>Программирование 
  <LI>Алгоритмизация 
  <LI>Проектирование </LI></OL>
<hr align="left" width="50%" size="1" noshade>

<P>Список определений </P>
<P>Список определений начинается с тэга &lt;DL&gt; и завершается 
тэгом &lt;/DL&gt;. Данный список служит для создание списков типа 
"термин"-"описание". Каждый термин начинается тэгом &lt;DT&gt; , а 
описание - тэгом &lt;DD&gt;. Например: </P>
<P><TT>&lt;DL&gt; <BR>&lt;DT&gt; &lt;B&gt; Отдел маркетинга 
&lt;/B&gt; <BR>&lt;DD&gt; Данный отдел занимается продвижением 
продуктов и услуг <BR>&lt;DT&gt; &lt;B&gt; Финансовый отдел 
&lt;/B&gt; <BR>&lt;DD&gt; Данный отдел занимается всеми финансовыми 
операциями <BR>&lt;DT&gt; &lt;B&gt; Отдел кадров &lt;/B&gt; 
<BR>&lt;DD&gt; Данный отдел занимается учетом и набором новых 
сотрудников фирмы, распределением отпусков, отслеживанием больничных 
листов и т.д. <BR>&lt;/DL&gt;</TT> 
 <table border="1"><tr><td>           <DL>
  <DT><B>Отдел маркетинга </B>
  <DD>Данный отдел занимается продвижением продуктов и услуг 
  <DT><B>Финансовый отдел </B>
  <DD>Данный отдел занимается всеми финансовыми операциями 
  <DT><B>Отдел кадров </B>
  <DD>Данный отдел занимается учетом и набором новых сотрудников 
  фирмы, распределением отпусков, отслеживанием больничных листов и 
  т.д. </DD></DL></td></tr></table>

 



</td></tr></table>
</body></html>
<? include 'foot.php' ?>