Файл: www/ycheb/html_teach/07.php
Строк: 49
<?php
include '../../config.php';
$title='Учебник HTML';
aut();
head();
?>
<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>Пронумерованный список начинается стартовым тэгом <OL> и
завершается тэгом </OL>. Каждый элемент списка начинается с
тэга <LI>. Например: </P>
<P><TT><OL> <BR><LI> Программирование <BR><LI>
Алгоритмизация <BR><LI> Проектирование <BR></OL></TT>
<OL>
<LI>Программирование
<LI>Алгоритмизация
<LI>Проектирование </LI></OL>
<P>Тэг <OL> может иметь параметры: </P>
<P><TT><<B>OL </B>TYPE=A|a|I|i|1 START=n></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><OL TYPE=I START=15> <BR><LI> Программирование
<BR><LI> Алгоритмизация <BR><LI> Проектирование
<BR></OL></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>Пронумерованный список начинается стартовым тэгом <UL> и
завершается тэгом </UL>. Каждый элемент списка начинается с
тэга <LI>. Например: </P>
<P><TT><UL> <BR><LI> Программирование <BR><LI>
Алгоритмизация <BR><LI> Проектирование <BR></UL></TT>
<UL>
<LI>Программирование
<LI>Алгоритмизация
<LI>Проектирование </LI></UL>
<P>Тэг <UL> может иметь параметр: </P>
<P><TT><<B>UL </B>TYPE=disc|circle|square></TT> </P>
<P>Тип тэга <UL> определяет внешний вид маркера как вид по
умолчанию (disc), круглый (circle) или квадратный (square).
Например: </P>
<P><TT><UL TYPE=square> <BR><LI> Программирование
<BR><LI> Алгоритмизация <BR><LI> Проектирование
<BR></UL></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><HTML> <BR><HEAD> <BR><TITLE> Список
сотрудников </TITLE> <BR></HEAD> <BR><BODY>
<BR><H2> Список сотрудников нашей фирмы </H2>
<BR><H3> Составлено : 30 июля 1996 года </H3> <BR>Данный
список содержит фамилии, имена и отчества всех сотрудников нашей
компании. <P> <BR>Список может быть использован только в
служебных целях. <P> <BR><OL> <BR><LI> Дирекция
<BR><UL> <BR><LI> Иванов И.И. <BR><LI> Петров К.В.
<BR></UL> <BR><LI> Отдел маркетинга <BR><UL>
<BR><LI> Варшавская Е.Л. <BR><LI> Самсонов Д.М.
<BR></UL> <BR></OL> <BR></BODY>
<BR></HTML></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>Элемент списка <LI> </H3>
<P>Тэг <LI> может иметь параметры: </P>
<P><TT><<B>OL </B>TYPE=disc|circle|squade> или <<B>OL
</B>TYPE=A|a|I|i|1 VALUE=n></TT> </P>
<P>в зависимости от того, в списке какого вида находится данный
элемент. </P>
<P><B>TYPE</B>
<UL>
<P>Вид маркера (см. <UL>) или счетчика (см.OL) </P></UL>
<P><B>VALUE=n</B>
<UL>
<P>Значение для элемента пронумерованного списка (его номер). Все
дальнейшие номера элементов списка будут отсчитываться от этого
номера. </P></UL>
<P>Например: </P>
<P><TT><OL TYPE=I START=15> <BR><LI> Программирование
<BR><LI TYPE=i VALUE=25> Алгоритмизация <BR><LI>
Проектирование <BR></OL></TT>
<OL type=I start=15>
<LI>Программирование
<LI>Алгоритмизация
<LI>Проектирование </LI></OL>
<hr align="left" width="50%" size="1" noshade>
<P>Список определений </P>
<P>Список определений начинается с тэга <DL> и завершается
тэгом </DL>. Данный список служит для создание списков типа
"термин"-"описание". Каждый термин начинается тэгом <DT> , а
описание - тэгом <DD>. Например: </P>
<P><TT><DL> <BR><DT> <B> Отдел маркетинга
</B> <BR><DD> Данный отдел занимается продвижением
продуктов и услуг <BR><DT> <B> Финансовый отдел
</B> <BR><DD> Данный отдел занимается всеми финансовыми
операциями <BR><DT> <B> Отдел кадров </B>
<BR><DD> Данный отдел занимается учетом и набором новых
сотрудников фирмы, распределением отпусков, отслеживанием больничных
листов и т.д. <BR></DL></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>
<?php
echo gb.'<a href="../../ycheb">Учебники</a>'.div;
echo gb.'<a href="'.H.'enter">Прихожая</a>'.div;
foot(); ?>