Rambler's Top100 Старый русский почтовик! Оплата в WM! Самый активный, самый надежный!
Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!
SEO sprint - Всё для максимальной раскрутки!
Форум русских рыболовов Финляндии

Рыбалка в Финляндии



главная
что нужно
HTML-редакторы
графические
редакторы
знакомство с HTML
стиль сайта
план страницы
заголовок
документа
работа с
редактором
тело документа
вопросы хостинга
форматирование
текста
форматирование
шрифта
списки
ссылки
еще о ссылках
звук
выкладываем
страницу в сеть


ТЕГИ СПИСКОВ

   Для предоставления информации на страницах сайтов в виде списков в языке HTML предусмотрен специальный набор тегов. Они дают возможность составлять:
  1. Нумерованые или упорядоченные списки.
  2. Компактные или маркированные списки.
  3. Списки определений.
  4. Списки меню.
   a.Нумерованные списки создаются при помощи тега-контейнера <OL> . . .</OL>. Пример применения этого тега у Вас перед глазами.
Тег имеет параметры:
  • TYPE - задает тип маркера, которым отмечается список. Этот параметр может принимать значения:
    • A - задает маркеры в виде заглавных латинских букв.
    • a - задает маркеры в виде строчных латинских букв.
    • I - задает маркеры в виде больших римских цифр.
    • i - задает маркеры в виде маленьких римских цифр.
    • 1 - задает маркеры в виде арабских цифр.
    По умолчанию принимается значение 1, т. е. нумерация ведется арабскими цифрами.
  • COMPACT - в настоящее время не рекомендуется к употреблению.
  • START - позволяет начать нумерацию списка не с единицы. Принимает значение порядкового номера элемента, с которого Вы хотите начать нумерацию.
Синтаксис записи: <OL type=1 start=10> . . .</OL>
Каждый элемент списка внутри этого тега помещается в тег-контейнер <LI> . . .</LI>. Закрывающий элемент тега LI может быть опущен.
   В качестве примера составим еще один нумерованный список. HTML-код его выглядит так: <OL type=I start=6>Летние месяцы года: <LI>Июнь <LI>Июль <LI>Август </OL>
На странице сайта это будет выглядеть так:
    Летние месяцы года:
  1. Июнь
  2. Июль
  3. Август
   b.Маркированные списки создаются при помощи тега-контейнера <UL> . . .</UL>. Тег имеет параметры:
  • TYPE - задает тип маркера, которым отмечается список. Этот параметр может принимать значения:
    1. = disc - маркеры отображаются закрашенными кружками.
    2. = circle - маркеры отображаются не закрашенными кружками.
    3. = square - маркеры отображаются закрашенными квадратами.
    Параметр type можно употреблять как для всего списка, так и для каждого элемента в отдельности.
  • Парметр COMPACT - в настоящее время не рекомендуется к употреблению.
Каждый элемент списка внутри этого тега помещается в тег-контейнер <LI> . . .</LI>. Закрывающий элемент тега LI может быть опущен.
   Кроме того есть недокументированная возможность выводить в качестве маркеров выводить всяческие симпатичные штучки.
    Для этого необходимо:
    favicon.gif[145 байт] Найти симпатичную штучку.
    favicon.gif[145 байт] Сделать ее миниатюрную копию желательно (но не обязательно) в формате gif.
    favicon.gif[145 байт] Вставить вместо тега LI.
    favicon.gif[145 байт] Поставить после каждого элемента списка тег BR.
Я надеюсь, понятно рассказал. Для большей ясности приведу кусок кода, с помощью которого сделан этот список:
<UL>Для этого необходимо:<BR>
<IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Найти симпатичную штучку.<BR>
<IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Сделать ее миниатюрную копию желательно (но не обязательно) в формате gif.<BR>
<IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Вставить вместо тега LI.<BR>
<IMG SRC="img/favicon.gif" ALT="favicon.gif[145 байт]" WIDTH="20" HEIGHT="20" BORDER="0"> Поставить после каждого элемента списка тег BR.<BR>
</UL>

Замечу попутно, что язак HTML имеет еще множество неизученных возможностей и комбинаций кодов. Так что экспериментируйте, фантазируйте, дерзайте, одним словом - и у Вас могут получиться уникальные вещи!
   c.Списки определений создаются при помощи тега-контейнера <DL> . . .</DL>. Внутри контейнера определяемый термин помечается тегом <DT>, а абзац с его определением - тегом <DD>. Для тегов DT и DD закрывающие элементы не обязательны. Пример такого списка:

Разделение млекопитающих животных по типу питания.

Травоядные.
Животные, питающиеся растительной пищей.
Хищники.
Животные, питающиеся другими животными.
Всеядные.
Человек.
   d.Списки меню создаются при помощи тегов <DIR> и <MENU>. В спецификации HTML-4.0 отмечены как отмененные, хотя все еще поддерживаются ведущими браузерами. Задумывались, как более компактные по сравнению с обычными списками. Современными браузерами отображаются точно так же, как компактные списки.

Создать свой сайт


Рейтинг@Mail.ru liveinternet.ru: показано число посетителей за сегодня


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.

Покупайте на OHO.ru:
Покупайте на OHO.ru: