Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
УМП по КИТСоздание Web-документов с помощью HTM....doc
Скачиваний:
30
Добавлен:
10.11.2018
Размер:
2.37 Mб
Скачать

3.4. Списки

Для выделения логических элементов текста и усиления зрительного эффекта используются списки. В Web-страницах применяются нуме- рованные и маркированные списки, отличаются они лишь способом оформления. Перед каждым пунктом маркированных списков ставятся графические элементы (точки, ромбики и другие маркеры). Пунктам нумерованных списков предшествуют цифры или буквы.

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

Для создания нумерованного списка используется комбинация двух парных тегов. Тег <OL> … </OL> определяет начало и конец нуме-рованного списка, а отдельные пункты списка задаются с помощью тега <LI> … </LI>.

Пункты нумерованного списка могут быть обозначены арабскими цифрами, большими или маленькими римскими цифрами, прописными или строчными буквами латинского алфавита.

По умолчанию все элементы нумерованного списка задаются араб-скими цифрами (1, 2, 3 и т.д.). Для изменения типа нумерации служит атрибут TYPE тега <OL>. Атрибут TYPE может принимать следующие значения:

  • TYPE="1" – арабские цифры;

  • TYPE="I" – римские большие цифры;

  • TYPE="i" – римские маленькие цифры;

  • TYPE="A" – прописные буквы латинского алфавита;

  • TYPE="a" – строчные буквы латинского алфавита.

Список, нумерованный прописными латинскими буквами, показан на рис. 3.5.

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

HTML-код, соответствующий приведенной на рис. 3.5 странице, должен выглядеть следующим образом:

<HTML>

<HEAD>

<TITLE> Нумерованный список</TITLE>

</HEAD>

<BODY>

<P> <B> Филиалы ЧИУП: </B> </P>

<OL TYPE="A">

<LI> Борисов </LI>

<LI> Молодечно </LI>

<LI> Бобруйск </LI>

<LI> Светлогорск </LI>

</OL>

</BODY>

</HTML>

Маркированные списки

Маркированные списки формируются с помощью комбинации двух парных тегов. Отдельные пункты списка задаются с помощью тега <LI> … </LI>, а начало и конец маркированного списка определяются с помощью тега <UL> … </UL>.

Пункты маркированного списка могут быть обозначены с помощью трёх различных маркеров: закрашенного кружка, незакрашенного кружка, закрашенного квадрата.

По умолчанию все элементы маркированного списка обозначаются с помощью закрашенного кружка. Для изменения типа маркеров служит атрибут TYPE тега <UL>. Атрибут TYPE может принимать следующие значения:

  • TYPE="disc" – закрашенный кружок;

  • TYPE="circle" – незакрашенный кружок;

  • TYPE="square" – закрашенный квадрат.

Список, маркированный закрашенными квадратами, показан на рис. 3.6.

Рис. 3.6. Маркированный список

HTML-код, соответствующий приведенной на рис. 3.6 странице, дол-жен выглядеть следующим образом:

<HTML>

<HEAD>

<TITLE> Маркированный список</TITLE>

</HEAD>

<BODY>

<P> <B> Факультеты ЧИУП: </B> </P>

<UL TYPE="square">

<LI> Факультет менеджмента </LI>

<LI> Учетно-экономический факультет </LI>

<LI> Юридический факультет </LI>

<LI>Отделение заочного обучения </LI>

</UL>

</BODY>

</HTML>

3.5. Бегущая строка

Бегущая строка – это анимационный эффект, при котором строка текста перемещается по странице. Текст может перемещаться как влево, так и вправо. Для создания бегущей строки используется парный тег:

<MARQUEE> … </MARQUEE>.

Между открывающим и закрывающим тегами записывается текст бегущей строки. Атрибуты тега, приведенные в табл. П 1, задают пара-метры перемещения текста. Запись тега в виде:

<MARQUEE DIRECTION = "RIGHT" LOOP = "INFINITE"

HEIGHT = "6O" BGCOLOR = "YELLOW">

ПОСТУПАЙТЕ В ЧИУП

</MARQUEE>

означает, что предложение ПОСТУПАЙТЕ В ЧИУП является бегущей строкой высотой (HEIGHT) 60 пикселей, перемещаемой вправо (RIGHT) бесконечное число раз (INFINITE) на желтом фоне (YELLOW).