ИЛИ

или
, или в списке есть элементы без тега
• ?

  Вообще говоря, такого допускать не следует, так как некоторые «строгие» броузеры в этом случае не будут отображать практически ничего. Большинство популярных броузеров, правда, попытаются угодить даже автору странички, написавшему такой код. Например, Internet Explorer 5, если встретит теги

• без тега начала списка, интерпретирует их как маркированный список, хотя и не будет выделять его отступом, а не помеченные тегом
• элементы списка оставит без маркера. Однако, повторяю, это из ряда вон выходящие случаи.

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

  Разумеется, отступы здесь обозначены только для наглядности — чтобы не перепутать, какой закрывающий тег к какому открывающему тегу относится.

  Далее, при вложении нескольких маркированных списков хочется каждый из них обозначить своим типом маркера. Некоторые броузеры так и делают по умолчанию. Например, Internet Explorer элементы первого списка из серии вложенных обозначает закрашенным кружком, элементы вто­рого — незакрашенным кружком, а элементы всех следующих — квадратиком. Однако, во-первых, так поступают не все броузеры, а во-вторых, нам может захотеться изменить порядок маркеров. Для явного определения типа маркера в теге

  следует установить атрибут TYPE=. У него могут быть три значения: "disc", "square" и "circle", что означает, соответственно, закрашенный кружок, квадратик и незакрашенный кружок.

  В теге нумерованного списка

  можно установить атрибут TYPE= для определения типа нумерации. Если не указано ничего или установлено значение TYPE=”1”, то нумерация происходит обычными цифрами. Если установить TYPE="I" или "i", то получится нумерация римскими цифрами (соответственно, с использованием прописных или строчных букв).

  И, наконец, для буквенных обозначений элементов списка устанавливают атрибут TYPE="A" или "а". Кроме того, иногда может потребоваться начать нумерацию не с единицы, а с какого-нибудь иного числа. Для этого существует атрибут START=. Например, запись

  вызовет нумерацию элементов списка, начиная с числа 43. Далее пойдут элементы с номерами 44, 45 и т. д.

  Может возникнуть естественный вопрос: а как использовать другие типы маркеров списков — разнообразные галочки, цветные кружки и прочие, которые мы так часто видим в WWW! Действительно, такая возможность есть, однако мы рассмотрим ее несколько позже, а пока приведем пример веб-странички фирмы «Лентяй» с использованием вложенных списков:

  Фирма"ЛЕНТЯЙ"

  Фирма «ЛЕНТЯЙ»

  Haшa фирма предоставляет следующие услуги:

  43. Бытовые услуги

      • Вкручивание электрических лампочек

      • Услуги по наведению чистоты

      • Подметание пола
      • Bынeceниe мусора из квартиры
      • посуды

• Приготовление пищи
• Koмпьютepныe услуги
• Дeфpaгмeнтaция жестких дисков
• Переустановка Windows

Для того, чтобы воспользоваться нашими услугами, следует:

1. Зарегистрироваться (<А HREF="reg.html">Здесь)
2. Заполнить форму заказа (<А HREF="forml.htm1"> Здесь )

3. Подтвердить заказ:

4. Получив письмо с паролем подтверждения, послать пустой ответ, нажав "Reply"

5. Заполнить форму-подтверждение заказа

(<А HREF="form2.html">здесь)

1. Приготовить деньги для оплаты услуг

   (См. Файл spiski2.html)

   Графические маркеры

   Итак, выше мы упомянули о возможности создания графических маркеров списков. Она настолько привлекла создателей веб-страниц, что для их удобства были созданы специальные средства. Действительно, одно дело, когда маркерами списка являются стандартные кружочки или квадратики, и совсем другое — когда каждый сам имеет возможность создать маркер! Маркером может быть все что угодно — от просто цветных и немного выпуклых кружков и квадратов до изощренных миниатюрных художественных работ. Однако обратите внимание на то, что именно миниатюрных: маркеры списков должны по размеру как-то соответствовать высоте текстовой строки, и забота об этом ложится на автора еще на этапе создания изображения. Старайтесь создавать подоб­ные изображения сразу в «натуральную величину». Если создавать сна­чала крупные рисунки, а потом просто уменьшать их, то при уменьшении они могут стать неузнаваемыми! Все дело в том, что компьютер «не зна­ет» , какие детали рисунка важны для нашего восприятия. Если при уменьшении исчезнут важные детали, результат будет ужасным. Если исчезнут второстепенные детали, качество восприятия ухудшится, но общее впе-; чатление останется.

   Чтобы проиллюстрировать возможность вставки в список графических маркеров, воспользуемся одним из примеров — веб-страницей фирмы «Лентяй». Если помните, там мы создали два списка:

   маркированный (список услуг) и нумерованный (порядок оформления заказа). Теперь, допустим, мы хотим заменить кружки в маркированном списке на красные треугольники.

   Сначала надо создать такой треугольник в любой программе, предназначенной для работы с изображениями. В нашем примере мы тоже создали такой треугольник, даже отбрасывающий небольшую тень, и назвали этот файл marker1.jpg. Теперь вспомним, как мы задавали тип маркера списка:

   Чтобы пойти дальше, заменим атрибут TYPE= на атрибут STYLE= (как, кстати, и положено делать в соответствии со спецификацией HTML 4.0):

   Tenepь, чтобы заменить кружок на графический маркер, заменим свойство list-style-type на свойство list-style-image и определим местоположение нашего файла-рисунка:

   Вот и все! Можно наслаждаться списком с графическими маркерами. Обратите внимание на то, что при указании имени файла мы заключили его не в обычные двойные кавычки, а в одинарные. Это сделано потому, что все значение атрибута STYLE= заключено в двойные кавычки. Поэтому если бы мы ошибочно написали

   то кавычка перед словом Images была бы воспринята как закрывающая, то есть атрибуту STYLE= было бы присвоено значение "list-style-image: url(", a все, что следует за этим, стало бы еще одним, нераспознанным атрибутом тега

   .

   Рамки

   Рамки (или фреймы — Frame) — мощный механизм представления информации на Web-страницах. С помощью рамок экран разделяется на несколько областей, в каждой из которых отображается содержимое отдельной страницы и даже Web-узла.

   Создание рамок

   Для создания рамок (областей страницы) иcпользуют флаг и парный ему флаг , а для их описания — флаги < FRAME >. Начнем с простого примера.

   Создайте в текстовом редакторе два маленьких Web-документа и сохраните их как файлы a.htm и b.htm. Эти страницы будут отличаться только названиями.

   Файл a.htm:

   <ТIТLЕ>Рамки. Страничка A

   <ВОDY>страничка А

   Файл b.htm:

   Рамки. Страничка B

   <ВОDY>страничка В

   Создайте базовую страницу, на которой будут отображаться рамки, и сохраните baza.htm:

   Paмки

   Откройте страницу baza.htm в программе просмотра, и Вы увидите, что она состоит из двух областей:

   Приведем небольшой комментарий к использованию флага . В нем указывается, что экран подразделяется на две колонки (параметр COLS), каждая из которых занимает ровно половину экрана (COLS="50°/o, 50%").

   Флаг < FRAME SET> представляет собой флаг-контейнер, то есть флаг, который может включать в себя другие флаги. Флаг - контейнер заканчивается парным ему флагом . Флаг не является флагом - контейнером и не требует парного закрывающего флага.

   Как разделить страницу на большее число областей?

   Создайте четыре HTML-файла: a.htm, b.htm, c.htm, d.htm. Кроме того, измените цвет фона каждой страницы, для чего используйте атрибут BGCOLOR флага BODY: на странице А укажите цвет FFOOFF, на странице В — OOFFOO, на странице С — FFFFOO и на странице D —FFFFFF.

   Файл a.htm:

   <Т1ТLЕ>Рамки. Страничка A

   Фрейм А розового цвета

   Файл b.htm:

   <Т1ТLЕ>Рамки. Страничка B

   Фрейм В зеленого цвета •

   Файл c.htm:

   <Т1ТЬЕ>Рамки. Страничка C

   фрейм С желтого цвета

   Файл d.htm:

   <Т1ТЪЕ>Рамки. Страничка D

   фрейм D белого цвета

   |Базовая страница demo.htm: (в нашем случае – это и есть index.html)

   <Т1ТLЕ>Демонстрация фреймов

   FRAMESET COLS="25%, 25%, 25%, 25%">

   Откройте файл demo.htm в программе просмотра. На экране компьютера Вы увидите, как выглядят созданные Вами рамки

   Можно ли сделать рамки разного размера? Да вайте попробуем!

   Отредактируйте Ваш файл demo.htm и сохранитe его как demo2.htm:

   •

   <Т1ТLЕ>Демонстрация фреймов 2

   *">

   Обратите внимание, что размер четвертой ;cамой правой рамки указан не числовым значением, символом «*». Это означает, что данная рамка должна занимать всю оставшуюся площадь главной стра-ицы. ^; Просмотрите файл на экране:

   Размеры рамок можно задавать не только в процентах, но и в пикселях. Например, можно указать, что каждая из четырех рамок имеет горизонтальный размер в 60 пикселей:

   <Т1ТLЕ>Демонстрация фреймов 3