Web-конструирование

Содержание:

HTML

CSS

JavaScript

Версия для печати

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

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

    Для установки маркированного списка используется тег 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 этот список можно расширить и вместо встроенных символов использовать в качестве маркера рисунок.


    Практическая работа

    счетчик посещений
    © 2010 Е. Яковлева E-mail: lena_ngpu@mail.ru
    Сайт управляется системой uCoz