Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Ненумерованный список

Читайте также:
  1. Библиографический список
  2. Библиографический список
  3. БИБЛИОГРАФИЧЕСКИЙ СПИСОК
  4. Библиографический список
  5. Библиографический список
  6. БИБЛИОГРАФИЧЕСКИЙ СПИСОК
  7. Доходный список, данный великим князем Василием Ивановичем волостелю князю Ю.Л. Козловскому на кормление в Антоновском стану (1506 г., июня 29)

Списки

Список (list)отличается от обычного текста прежде всего тем, что пользователю не надо думать о нумерации его пунктов: эту задачу программа берет на себя. Если список дополняется новыми пунктами или укорачивается, нумерация корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изображения. В результате список принимает удобочитаемый, «фирменный» вид. Теги для создания списков можно условно разделить на две группы: одни определяют общий вид списка (и позволяют указывать атрибуты), а другие задают его внутреннюю структуру. В списках можно использовать стандартные атрибуты.

В НТМL имеются следующие виды списков: ненумерованный список (неупорядоченный) (Unordered Lists <UL>), нумерованный список (упорядоченный) (Ordered Lists <OL>) и список определений (<DL>).

Ненумерованный список

Самым простым является маркированный (ненумерованный) список.

Ненумерованный список предназначен для создания текста типа:

§ первый элемент списка;

§ второй элемент списка;

§ третий элемент списка.

Записывается данный список в виде последовательности:

<UL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Последний элемент списка</LI>

</UL>

Теги <UL> и </UL> являются своеобразным обрамлением списка. Он позволяет отделить один список от другого. Тег <LI> (List Item) обозначает каждый из пунктов списка. Конечный тег </LI> не является обязательным.

Для тега <UL> предусмотрен атрибут type, определяющий вид маркера, который браузер помещает перед каждым элементом списка. Этот атрибут может отсутствовать или принимать одно из трех значений:

Начальный тег   Вид метки на экране
<UL>   Обычный диск (зависит от браузера)
<UL type=circle> Окружность
<UL type=disc> Диск
<UL type=square> Квадрат

Пример:

 

Нумерованный список

В нумерованных списках каждый элемент снабжен номером, вид и начальное значение которого настраивается специальными атрибутами.

Нумерованный список задается при помощи команды <OL>:

<OL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Последний элемент списка</LI>

</OL>

Конечный тег </LI> не является обязательным.

Вид номера определяется значением атрибута type в теге <OL> :

Начальный тег Вид номера на экране
<OL> Нумерация выполняется арабскими цифрами (1, 2, 3 и т.д.)
<OL type=1> Нумерация выполняется арабскими цифрами (1, 2, 3 и т.д.)
<OL type=А> Нумерация выполняется прописными буквами (А, В, С и т.д.)
<OL type=а> Нумерация выполняется строчными буквами (a, b, c и т.д.)
<OL type=I> Нумерация выполняется большими римскими цифрами (I, II, III)
<OL type=i> Нумерация выполняется малыми римскими цифрами (i, ii, iii)

Естественную нумерацию элементов списка (с единицы) можно изменить при помощи атрибута start =n. Число n задает начальное значение нумерации. Если для нумерации используются буквы или римские цифры, то стартовое значение равно n- му элементу в системе нумерации (например, 4 означает D или IV).

Пример:

Для элемента <LI> может быть использован атрибут value, который определяет номер для текущего пункта списка:

value= номер

Соответственно, следующий пункт списка будет иметь очередной номер и т.д. При помощи атрибута value, если использовать его для первого в списке элемента <LI>,можно добиться такого же эффекта, что и при помощи атрибута start, или нарушить последовательность номеров, если переопределить другие элементы списка.

Списки определений

Теги списка (Definition List: <DL>, <DT>, <DD>) используют для создания списка терминов и их определений. Схема использования тега следующая.

Задается тегом <DL> и имеет следующую структуру:

<DL> <DT>Пункт 1 <DD>Определение пункта 1 <DD>Другое определение пункта1 <DT>Пункт 2 <DD>Определение пункта 2 </DL>

Определяемый термин записывается на одной строке, а его определение — на следующей, с небольшим отступом вправо. Тег <DL> позволяет создавать отдельные абзацы с отступом без нумерации или маркеров. Отступ делается от левого края. Если на странице несколько тегов <DL>, то текст постепенно сдвигается все больше вправо. В конце определения поместите закрывающий тег </DL>. Помните, что тег <DL> сдвигает только левую границу абзаца.

Термин «определение» носит условный характер. Абзацы, размещенные в списке, могут быть определениями, дополнениями, разъяснениями пунктов. По сути, пункт представляет собой заголовок, а определение – произвольный текст под заголовком.

На экране браузера список определений будет выглядеть так:

 

 

Вложенные списки

Еще один способ создания сложных списков – использование принципа вложения. Каждый элемент, определяющий пункт списка, может содержать еще один список. Вложенный список располагается с небольшим отступом вправо относительно списка верхнего уровня. Каждый из списков может быть создан и отлажен отдельно, а затем все составляющие могут быть объединены в один большой список.

Пример:

В примере нумерованные списки размещены внутри пунктов ненумерованного списка.


Дата добавления: 2015-08-03; просмотров: 82 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Задание 5. Наблюдение оптокинетического нистагма у человека.| Графика

mybiblioteka.su - 2015-2024 год. (0.008 сек.)