Материал: 1896
|
|
Окончание табл. 11 |
|
1 |
|
2 |
|
<OL> |
|
<OL>…</OL> – создает нумерованный список; |
|
<LI> |
|
<LI> – определяет каждый элемент списка и присваивает |
|
… |
|
номер |
|
<LI> |
|
|
|
</OL> |
|
|
|
<DL> |
|
<DL>…</DL> – создает список определений; |
|
<DT> |
|
<DT> – определяет каждый из терминов списка; |
|
<DD> |
|
<DD> – описывает каждое определение |
|
… |
|
|
|
<DT> |
|
|
|
<DD> |
|
|
|
</DL> |
|
|
|
|
1.3.1 Маркированный список |
||
Наиболее часто используется ненумерованный, или маркированный список. Каждый пункт такого списка начинается с миниатюрной пиктограммы. По умолчанию принимается маркировка . Можно задать другой способ маркировки. Для этого в тег <UL> добавляется ключевое слово TYPE.
Ниже приведены три возможных способа маркировки:
1.TYPE="CIRCLE" Незакрашенная окружность –
2.TYPE="DISC" Закрашенная окружность –
3.TYPE="SQUARE" Закрашенный квадрат –
Приведем пример маркированного списка, представим нашу первую Web-страницу primer.htm в виде списка.
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Internet</TITLE></HEAD><BODY>
<H1><P ALIGN="CENTER">Интернет и World Wide Web</H1> <BR>
<UL TYPE="DISC">
<LH><H2>Здесь вы можете узнать:</H2></LH> <BR>
<LI>Что такое Интернет <LI>Историю создания Интернета <LI>Основные понятия среды Интернета
</UL>
</BODY></HTML>
На рис. 25 показано, как будет выглядеть файл в окне браузера.
Рис. 25. Вид Web-страницы в окне браузера
1.3.2. Нумерованный список
Нумерованный список очень напоминает маркированный. Единственным отличием является то, что в нумерованном списке перед каждым пунктом вместо графических маркеров автоматически помещаются последовательные номера или буквы. Благодаря этому не придется вручную набирать номер каждого пункта списка.
По умолчанию списки HTML автоматически нумеруются с помощью арабских цифр – 1, 2, 3 и т. д. Можно задать другой способ нумерации, например, буквы (прописные или строчные) или римские цифры. Чтобы изменить стандартный тип нумерации, добавьте в тег <OL> ключевое слово TYPE.
Ниже приведены пять возможных способов нумерации:
1.TYPE="1" Стандартная цифровая нумерация – 1, 2, 3, ...
2.TYPE="A" Прописные буквы – A, B, C, D, ...
3.TYPE="a" Строчные буквы – a, b, c, d, ...
4.TYPE="I" Римские цифры – I, II, III, IV, V, ...
5.TYPE="i" Строчные римские цифры – i, ii, iii, iv, v, ...
Приведем пример, изменив маркированный список на нумерованный со стандартным типом нумерации на нашей первой Web-странице.
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Internet</TITLE></HEAD><BODY>
<H1><P ALIGN="CENTER">Интернет и World Wide Web</H1> <BR><OL><LH><H2>Здесь вы можете узнать:</H2></LH><BR> <LI>Что такое Интернет
<LI>Историю создания Интернета <LI>Основные понятия среды Интернета
</OL> </BODY></HTML>
На рис. 26 показано, как будет выглядеть файл в окне браузера.
Рис. 26. Вид Web-страницы в окне браузера
Изменим теперь стандартную нумерацию на нумерацию с прописными буквами.
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Internet</TITLE></HEAD><BODY>
<H1><P ALIGN="CENTER">Интернет и World Wide Web</H1><BR> <OL TYPE="A"><LH><H2>Здесь вы можете узнать:</H2></LH> <BR>
<LI>Что такое Интернет <LI>Историю создания Интернета <LI>Основные понятия среды Интернета
</OL> </BODY></HTML>
На рис. 27 показано, как будет выглядеть файл в окне браузера.
Рис. 27. Вид Web-страницы в окне браузера
Если необходимо, чтобы нумерация списка начиналась с определенного номера, надо добавить в тег параметр START=" ".
Приведем пример: нумерация списка начинается с номера 5.
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Internet</TITLE></HEAD><BODY>
<H1><P ALIGN="CENTER">Интернет и World Wide Web</H1><BR> <OL START="5"><LH><H2>Здесь вы можете узнать:</H2></LH> <BR>
<LI>Что такое Интернет <LI>Историю создания Интернета
<LI>Основные понятия среды Интернета
</OL>
</BODY></HTML>
На рис. 28 показано, как будет выглядеть файл в окне браузера.
Рис. 28. Вид Web-страницы в окне браузера
1.3.3. Списки определений
Списки определений используются не так часто, как маркированные или нумерованные списки, но также могут быть полезны в некоторых случаях. В списке определений для каждого пункта предоставляется не одна, а две строки, что может быть полезно, когда необходимо привести дополнительную информацию.
Приведем пример:
Текст программы в блокноте будет выглядеть следующим образом:
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows1251"><TITLE>Internet</TITLE></HEAD><BODY>
<H1><P ALIGN="CENTER">Интернет и World Wide Web</H1><BR> <DL><LH><H2>Здесь вы можете узнать:</H2></LH><BR> <DT>Что такое Интернет
<DD>Определение понятия <DT>Историю создания Интернета