2015-05-27
520
1 HTML допускает задание в документах списков двух типов: маркированный и нумерованный.
2 Каждый элемент маркированного списка браузер предваряет маркером (меткой) в начале строки, а сами строки смещает вправо. Команда UL, задающая маркированный список, имеет следующую структуру:
< UL > < LI >первый элемент списка</ LI > < LI >второй элемент списка</ LI >... < LI >последний элемент списка</ LI ></ UL >
3 Конечный тег </ LI > не является обязательным.
4 Вид маркера, которую браузер помещает перед каждым элементом списка, настраивается при помощи атрибута type. Этот атрибут может отсутствовать или принимать одно из трех значений:
| Начальный тег | Вид метки на экране |
| <UL> |
|
| <UL type=circle> |
|
| <UL type=disc> |
|
| <UL type=square> |
|
5 В нумерованных списках каждый элемент снабжен номером, вид и начальное значение которого настраивается специальным атрибутом. Нумерованный список задается при помощи команды <OL>.
< OL > < LI >первый элемент</ LI > < LI >второй элемент</ LI >... < LI >последний элемент</ LI > </ OL >
|
|
|
6 Конечный тег </ LI > не является обязательным.
7 Вид номера определяется значением атрибута type.
| Начальный тег | Вид номера на экране |
| <OL> | Нумерация выполняется арабскими цифрами (1, 2, 3,...) |
| <OL type=1> | Нумерация выполняется арабскими цифрами (1, 2, 3,...) |
| <OL type=A> | Нумерация выполняется прописными буквами (A, B, C,...) |
| <OL type=a> | Нумерация выполняется строчными буквами (a, b, c,...) |
| <OL type=I> | Нумерация выполняется большими римскими цифрами (I, II…) |
| <OL type=i> | Нумерация выполняется малыми римскими цифрами (i, ii, iii,...) |
8 Вложенные списки. Элемент любого списка сам может быть списком. Уровень вложенности в принципе не ограничен, и это позволяет с успехом использовать списки для отображения сложных иерархических структур.
9 Скопируйте пример программы в Блокнот. Просмотрите при помощи браузера.
<HTML>
<HEAD>
<META http-equiv="Content-Type"
content="text/html; charset=windows-1251">
<TITLE>Как сделать хороший HTML-документ</TITLE>
</HEAD>
<BODY>
<H1 align=center>Как сделать хороший HTML-документ</H1>
<HR>
<OL type=I>
<LI>Структурировать материал
<OL type=1>
<LI>Разбить материал на главы, параграфы, пункты
<LI>Придумать заголовки частей
</OL>
<LI>Продумать стиль оформления
<OL type=1>
<LI>Выбрать цвета
<OL type=a>
<LI>Выбрать цвет фона
<LI>Выбрать цвет основного текста
<LI>Выбрать цвета для выделения отдельных элементов документа
</OL>
<LI>Зафиксировать способы оформления отдельных элементов
</OL>
10 Какой список отразился в HTML-документе?
нумерованный список
|
|
|
11 Изучите текст программы. Выделите в тексте ранее приведенной программы комментариями те строки, которые устанавливают (программируют) список первого уровня.
12 Напишите программу для отображения на экране вашего распорядка дня, содержащую не менее пяти пунктов списка. Вид списка выберите самостоятельно. Просмотрите программу при помощи браузера. В случае необходимости внесите изменения.
13 Продемонстрируйте преподавателю.
