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

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

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

Для создания списков в HTML предусмотрен элемент UL, требующий наличия закрывающего тега. Пункты списка находятся внутри элемента UL. Каждый пункт начинается с элемента LI.

У элемента UL есть атрибут type, определяющий вид маркера списка. Он может принимать следующие значения:

• circle – создает маркер в виде круга, белого внутри;

• square – создает маркер в виде квадрата;

• disc – создает маркер в виде круга, закрашенного черным цветом.

Маркер можно выбирать любой, на ваш взгляд наиболее соответствующий виду страницы.

В листинге 2.5 представлен пример создания маркированных списков с разными маркерами.

Листинг 2.5. Маркированные списки

<html

<head>

<title>Списки</title>

<body>

<ul type="circle">

<li>Венера</li>

<li>Земля</li>

<li>Юпитер</li>

<li>Марс</li>

</ul>

<ul compact type="square" >

<li>Венера</li>

<li>Земля</li>

<li>Юпитер</li>

<li>Марс</li>

</ul>

<ul compact type="disc" >

<li>Венера</li>

<li>Земля</li>

<li>Юпитер</li>

<li>Марс</li>

</ul>

</body>

</html>

Результат обработки кода из листинга 2.5 показан на рис. 2.5. Здесь видно, как выглядят разные маркеры списков.

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

При создании маркированных списков с помощью элемента LI можно задать вид маркера отдельно для каждого пункта списка.

В листинге 2.6 приведен пример создания списка с разными маркерами для различных пунктов.

Листинг 2.6. Список с разными маркерами

<html>

<head>

<title>Списки</title>

<body>

<ul>

<li type="circle">Земля</li>

<li type="circle">Марс</li>

<li type="square">Солнце</li>

<li type="circle">Венера</li>

<li type="disc">Луна</li>

</ul>

</body>

</html>

Результат обработки браузером кода из листинга 2.6 представлен на рис. 2.6.

Рис. 2.6. Список с разными маркерами

В примере различные маркеры отмечают объекты разных типов.

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

В HTML есть возможность создать список с графическими маркерами. Для этого нужно вместо элемента LI подставить картинку с желаемым изображением. Элемент UL укажет браузеру, что надо сделать отступ, а с помощью элемента BR можно перенести строку.

В листинге 2.7 представлен пример создания списка с графическими маркерами.

Листинг 2.7. Список с графическими маркерами

<html>

<head>

<title>Списки</title>

<body>

<ul>

<img src="marker.jpg" />Венера<br />

<img src="marker.jpg" />Марс<br />

<img src="marker.jpg" />Земля<br />

</ul>

</body>

</html>

Результат обработки кода из листинга 2.7 показан на рис. 2.7.

Рис. 2.7. Список с графическими маркерами

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

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

8.6.1 Список Инициализаторов

Из книги C++ автора Хилл Мюррей

8.6.1 Список Инициализаторов Когда описанная переменная является составной (класс или массив), то инициализатор может состоять из заключенного в фигурные скобки, разделенного запятыми списка инициализаторов для членов составного объекта, в порядке возрастания индекса


Список терминов

Из книги Как найти высокооплачиваемую работу с помощью Internet автора Рудинштейн Марк


1.10. Список литературы

Из книги Реферат, курсовая, диплом на компьютере автора Баловсяк Надежда Васильевна

1.10. Список литературы Важность правильного оформления списка литературы переоценить сложно. Этот, на первый взгляд, небольшой раздел сразу привлекает внимание руководителей и проверяющих работы. Поэтому советую отнестись к созданию и оформлению перечня использованных


Контрольный список

Из книги Facebook: как найти 100 000 друзей для вашего бизнеса бесплатно автора Албитов Андрей

Контрольный список Итак, вы узнали, как собрать 100 000 друзей на вашу страницу Facebook. Пора за работу! Вот список задач, которые вам предстоит решить:– Создать страницу на Facebook (если нет).Это сделать легко, зайдите на Facebook.com. Если есть вопросы, прочитайте раздел «Помощь». От


СПИСОК ЛІТЕРАТУРИ

Из книги Вступ до інженерії програмного забезпечення автора Сидоров М. О.

СПИСОК ЛІТЕРАТУРИ 1. Basilli V.R. Viewing Maintenance as Reuse-Oriented Software Development/V.R. Basilli //IEEE Software. 1990. - June. -P. 19-25.2. Boehm B.W. Improving Software Productivity / B.W. Boehm // Computer. - 1987. - Vol. 20, n.9. - P. 43 - 57.3. Boehm B.W. Software Engineering Economics / B.W. Boehm - Englewood Cliffs, Ш.: Prentice-Hall, 1981. - 257 p.4. Boehm B.W. Spiral Model of software Development and Enhancement / B.W. Boehm // Computer. - 1988, - May. - P.


9.3.4. Список контактов

Из книги Первые шаги с Windows 7. Руководство для начинающих автора Колисниченко Денис Н.

9.3.4. Список контактов Skype — это не только виртуальный телефон. Щелкните на контакте правой кнопкой, и вы увидите дополнительные возможности Skype (рис. 9.38). Вы можете:? Начать Чат — Skype позволяет заменить сервисы обмена короткими сообщениями вроде ICQ. Да, вы можете не только


23.4.4. Список

Из книги Linux: Полное руководство автора Колисниченко Денис Николаевич

23.4.4. Список Виджит CList представляет собой список, состоящий из нескольких колонок. Ячейки такого списка могут содержать текстовые значения. Мы можем обратиться отдельно к каждой ячейке списка. Создать список можно одной из функций:GtkWidget *gtk_clist_new(gint columns);GtkWidget


Список литературы

Из книги КОМПАС-3D для студентов и школьников. Черчение, информатика, геометрия автора Большаков Владимир

Список литературы 1. Анрах Дж. Т. Удивительные фигуры: оптические иллюзии, поражающие воображение / Пер. с англ. Т. С. Курносенко. М.: ООО «Издательство АСТ»: ООО «Издательство Астрель», 2002. — 125 с.2. Баранова И. В. КОМПАС-3В для школьников. Черчение и компьютерная графика.


1.10. Список литературы

Из книги Видеосамоучитель создания реферата, курсовой, диплома на компьютере автора Баловсяк Надежда Васильевна

1.10. Список литературы Составление списка литературы – важный этап в написании работы. Этот небольшой раздел сразу привлекает внимание проверяющих. Поэтому рекомендуется отнестись к созданию и оформлению перечня использованных источников особо тщательно.Список


3. Список

Из книги Инфобизнес за один день автора Ушанов Азамат

3. Список «10 способов, как сделать то-то», «17 секретов, как добиться успеха», «Пять способов, как избежать неудачи» – статья, видеоурок или скрин-каст. Это делается легко, потому что любой вопрос можно разбить на несколько частей, секретов, фишек и технологий, и описать их в


4.3.2. Черный список

Из книги Анонимность и безопасность в Интернете. От «чайника» к пользователю автора Колисниченко Денис Николаевич

4.3.2. Черный список Иногда возникает ситуация, когда вы не хотите больше получать письма от кого-либо из отправителей. Речь не о спаме, просто испортились отношения. Тогда можно добавить этого отправителя в черный список. Рассмотрим, как это сделать в веб-интерфейсе сервиса


5.11.1. Обобщенный список

Из книги C++ для начинающих автора Липпман Стенли

5.11.1. Обобщенный список Наш класс ilist имеет серьезный недостаток: он может хранить элементы только целого типа. Если бы он мог содержать элементы любого типа – как встроенного, так и определенного пользователем, – то его область применения была бы гораздо шире.


Список кораблей

Из книги Домены. Все, что нужно знать о ключевом элементе Интернета автора Венедюхин Александр

Список кораблей Едва ли не каждого, кто хоть как-то связан по роду деятельности с Интернетом, занимал вопрос: что за путь изберут для запуска открытой регистрации?Кириллический домен с самого начала проектировали как домен, получить имя в котором сможет каждый.Обсуждение


Список типов .NET

Из книги автора

Список типов .NET * Целые типы Вещественные типы Логический тип Символьный тип Перечислимый и диапазонный типы Статические массивы Динамические массивы Записи Множества Файлы Указатели Процедурный тип Последовательности