Отправляет email-рассылки с помощью сервиса Sendsay

Рецепты HTML

Рассылка закрыта

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Август 2002   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Влад Мержевич

Статистика

12.722 подписчиков
-26 за неделю
←   Все выпуски   →

Рецепты HTML


Информационный Канал Subscribe.Ru
Рецепты HTML
http://html.krsk.ru

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

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

Для установки маркированного списка используется тег UL и LI (Пример 1)

Пример 1. Создание маркированного списка

<html>
<head>
<body>

Что следует учитывать при тестировании сайта:
<ul>
 <li>работоспособность всех ссылок</li>
 <li>поддержку разных браузеров</li>
 <li>читабельность текста</li>
</ul>

</body>
</html>

Ниже показан результат примера 1.

Что следует учитывать при тестировании сайта:
  • работоспособность всех ссылок
  • поддержку разных браузеров
  • читабельность текста

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

Пример 2. Создание маркированного списка без отступов

<html>
<head>
<body>

Что следует учитывать при тестировании сайта:
 <li>работоспособность всех ссылок</li>
 <li>поддержку разных браузеров</li>
 <li>читабельность текста</li>

</body>
</html>

Ниже показан результат примера 2.

Что следует учитывать при тестировании сайта:
  • работоспособность всех ссылок
  • поддержку разных браузеров
  • читабельность текста
    		•

    Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора типа маркера используется параметр type=... тега UL. Вместо многоточия подставляется одно из трех значений указанных в таблице.

    Код HTML Пример
    <ul type="disc"> Что следует учитывать при тестировании сайта:
    • работоспособность всех ссылок
    • поддержку разных браузеров
    • читабельность текста
    <ul type="circle"> Что следует учитывать при тестировании сайта:
    • работоспособность всех ссылок
    • поддержку разных браузеров
    • читабельность текста
    <ul type="square"> Что следует учитывать при тестировании сайта:
    • работоспособность всех ссылок
    • поддержку разных браузеров
    • читабельность текста

    С помощью CSS этот список можно расширить и вместо встроенных символов использовать в качестве маркера рисунок.



    Copyright Влад Мержевич. По всем вопросам пишите мне по адресу inferos@mail.ru
    http://subscribe.ru/
    E-mail: ask@subscribe.ru     		Отписаться
    Убрать рекламу
    В избранное