ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 06.04.2021

Просмотров: 446

Скачиваний: 1

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
background image

 6

 

 

Рис

. 3. 

Пример

 

нумерованного

 

списка

 

с

 

разрывом

 

последовательности

 

1.3. 

Параметры

 

тега

 

<OL> 

Тег

 

составления

 

нумерованных

 

списков

 <OL> 

может

 

включать

 

пара

-

метры

 

ТУРЕ

START

 

и

 

COMPACT

Параметр

 

TYPE

 

используется

 

для

 

указания

 

типа

 

нумерованного

 

списка

Помимо

 

обычных

 

арабских

 

цифр

 

могут

 

применяться

 

большие

 

и

 

маленькие

 

римские

 

цифры

а

 

также

 

строчные

 

и

 

прописные

 

латинские

 

буквы

 (

листинг

 

1.3, 

рис

. 4). 

Листинг

 1.3.

 

Примеры

 

использования

 

разных

 

типов

 

нумерованного

 

списка

 

<HTML> 
   <HEAD> 
   <

Т

I

Т

L

Е

>

Примеры

 

использования

 

разных

 

типов

 

    

нумерованного

 

списка

</

Т

ITLE> 

   </HEAD> 
   <BODY BGCOLOR="#FFFFFF" TEXT="black" 
    LINK="#OOFFOO" ALINK="#OOFFOO" VLINK="blue"> 
  <OL TYPE="1"> 
    <FONT SIZE="4"><

В

>

Арабские

 

цифры

</

В

></FONT> 

   <LI>Drop Shadow; 
   <LI>Bevel and Emboss; 
   <LI>Color Overlay. 
  </OL> 
  <OL TYPE="I"> 
    <FONT SIZE="4"><

В

>

Большие

 

римские

  


background image

 7

                               

цифры

</

В

></FONT> 

   <LI>Drop Shadow; 
   <LI>Bevel and Emboss; 
   <LI>Color Overlay. 
  </OL> 
  <OL TYPE="A"> 
    <FONT SIZE="4"><

В

>

Прописные

 

латинские

  

                                 

буквы

</B</FONT> 

   <LI>Drop Shadow; 
   <LI>Bevel and Emboss; 
   <LI>Color Overlay. 
  </OL> 
</BODY> 
</HTML> 
 

 

 

Рис

. 4. 

Пример

 

использования

 

разных

 

типов

 

нумерованного

 

списка

 

 

Все

 

значения

 

параметра

 

TYPE

 

приведены

 

в

 

таблице

 1.1. 

 

 
 


background image

 8

Т а б л и ц а

  1 . 1    

Значения

 

параметра

 

TYPE

 

тега

 

<OL> 

Значение

 

Описание

 

TYPE="1" 

Нумерация

 

арабскими

 

цифрами

 

TYPE=" I" 

Нумерация

 

большими

 

римскими

 

цифрами

 

TYPE="i" 

Нумерация

 

маленькими

 

римскими

 

цифрами

 

TYPE="A" 

Нумерация

 

прописными

 

латинскими

 

буквами

 

TYPE="a" 

Нумерация

 

строчными

 

латинскими

 

буквами

 

 

Типом

 

нумерации

используемым

 

по

 

умолчанию

является

 

TYPE="I"

поэтому

 

при

 

создании

 

нумерованных

 

списков

 

такого

 

типа

 

необязательно

 

задавать

 

значение

 

параметра

 TYPE

 (

сам

 

параметр

 

также

 

можно

 

опустить

). 

Параметр

 

START

 

позволяет

 

начинать

 

нумерованный

 

список

 

не

 

с

 

первой

 

позиции

При

 

этом

 

значением

 

этого

 

параметра

 

может

 

быть

 

только

 

число

-

вой

 

эквивалент

 

конкретного

 

типа

 

списка

Например

чтобы

 

начать

 

список

созданный

 

на

 

основе

 

нумерации

 

большими

 

латинскими

 

буквами

с

 

буквы

 

F, 

надо

 

указать

 

следующую

 HTML-

конструкцию

<OL TYPE="A" START="6"> 

В

 

данном

 

случае

 

значением

 

параметра

 

START

 

будет

 

являться

 

цифра

 6, 

т

к

буква

 F – 

шестая

 

по

 

счету

 

буква

 

в

 

латинском

 

алфавите

Параметр

 

COMPACT

 

изначально

 

был

 

предусмотрен

 

для

 

списков

ото

-

бражение

 

которых

 

должно

 

производиться

 

в

 

компактном

 

виде

например

с

 

использованием

 

меньшего

 

размера

 

шрифта

меньшего

 

отступа

 

от

 

края

 

страницы

 

или

 

меньшего

 

расстояния

 

между

 

пунктами

 

списка

Однако

 

на

 

практике

 

этот

 

параметр

 

почти

 

не

 

используется

поскольку

 

наиболее

 

рас

-

пространенные

 

браузеры

 

никак

 

не

 

реагируют

 

на

 

его

 

применение

к

 

тому

 

же

 

Консорциум

 W3C 

в

 

последней

 

спецификации

 HTML 

вообще

 

не

 

рекомен

-

дует

 

использовать

 

параметр

 

COMPACT

В

 

завершение

 

разговора

 

о

 

создании

 

нумерованных

 

списков

 

следует

 

до

-

бавить

что

 

возможно

 

смешанное

 

использование

 

различных

 

типов

 

нумера

-

ции

 

в

 

пределах

 

одного

 

списка

Например

первый

 

пункт

 

списка

 

можно

 

за

-

дать

 

типом

 

арабских

 

цифр

второй

 – 

буквенным

 

способом

третий

 – 

с

 

по

-

мощью

 

римских

 

цифр

 

и

 

т

д

.  

Однако

 

браузеры

 

по

-

разному

 

реагируют

 

на

 

такое

 

смешение

 

стилей

 

ото

-

бражения

 

списков

К

 

примеру

, HTML-

конструкция

<OL TYPE="1"> 
<LI>Drop Shadow 
<LI TYPE="A">Bevel and Emboss 
<LI TYPE="i">Color Overlay 
<LI>Outer Glow 
<LI TYPE="I">Stroke 
</OL> 


background image

 9

будет

 

интерпретирована

 

браузером

 Internet Explorer 

так

как

 

показано

 

на

 

рис

. 5 – 

в

 

списке

 

четвертый

 

по

 

счету

 

пункт

 «Outer Glow» 

озаглавлен

 

араб

-

ской

 

цифрой

 4. 

 

 

 

Рис

. 5. 

Отображение

 

списка

 

со

 

смешанной

 

нумерацией

 

в

 Internet Explorer 

 

Другие

 

браузеры

 

могут

 

расценить

 

пропуск

 

типа

 

нумерации

 

в

 

пункте

 

«Outer Glow» 

как

 

команду

 

отображать

 

данные

 

по

 

предыдущему

 

типу

 

(

маленькие

 

римские

 

цифры

). 

1.4. 

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

 

списки

 

Другим

 

распространенным

 

способом

 

структуризации

 

информационных

 

данных

 

является

 

создание

 

маркированных

 

списков

Маркированный

 

спи

-

сок

 

представляет

 

собой

 

ненумерованный

 

или

 

неупорядоченный

 (Unordered 

List) 

перечень

 

элементов

для

 

заголовка

 

которых

 

используются

 

специаль

-

ные

 

маркеры

В

 

качестве

 

маркеров

 

выступают

 

специальные

 

символы

на

-

зываемые

 

буллетами

 (bullets). 

Для

 

создания

 

маркированных

 

списков

 

применяется

 

тег

-

контейнер

 

<UL>

внутри

 

которого

 

располагаются

 

элементы

 

самого

 

списка

  (

как

 

и

 

в

 

случае

 

с

 

нумерованными

 

списками

используется

 

тег

 

<LI>

не

 

требующий

 

закрывающего

 

тега

) (

листинг

 1.4, 

рис

. 6). 

Листинг

 1.4.

 

Пример

 

маркированного

 

списка

 

<HTML> 
   <HEAD> 
   <TITLE>

Пример

 

маркированного

 

списка

</TITLE> 

   </HEAD> 
  <BODY BGCOLOR="#FFFFFF" TEXT="black" 
    LINK="#00FF00"  ALINK="#00FF00" VLINK="blue"> 
   <H3>

Пример

 

маркированного

 

списка

</H3> 


background image

 

10

   <HR ALIGH="CENTER" NOSHADE WIDTH="98%"> 
    <FONT FACE="Tahoma"> 
    <B>

Популярные

 

редакторы

 

векторной

 

графики

:</B> 

    </FONT> 
    <UL> 
       <LI>CorelDRAW 
       <LI>Adobe Illustrator 
       <LI>Macromedia FreeHand 
    </UL> 
   </BODY> 
</HTML> 

 

 

 

Рис

. 6. 

Пример

 

маркированного

 

списка

 

1.5. 

Параметры

 

тега

 

<UL>

 

Тег

 

маркированного

 

списка

 

<UL>

 

может

 

содержать

 

два

 

основных

 

па

-

раметра

TYPE

 

и

 

COMPACT

Параметр

 

TYPE

 

отвечает

 

за

 

форму

 

отображае

-

мого

 

браузером

 

маркера

Всего

 

существует

 

три

 

возможных

 

значения

 

дан

-

ного

 

параметра

 

TYPE=disc

 – 

значение

используемое

 

по

 

умолчанию

 (

указание

 

необя

-

зательно

), 

которое

 

отображает

 

маркер

 

в

 

виде

 

закрашенного

 

круга

 

TYPE=circle

 – 

маркер

 

отображается

 

в

 

виде

 

незакрашенного

 

круга

 

(

кольца

); 

 

TYPE=square

 – 

отображение

 

маркера

 

в

 

виде

 

закрашенного

 

квадрата