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

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

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



Маркированный, в принципе то же самое, что и нумерованный список, просто вместо порядковых номеров перед каждым элементом стоят разного рода значки, обычно точки, кружочки либо квадраты.

Для того чтобы вывести маркированный список используется парный тег <ul></ul>, а каждый элемент списка выводится уже с помощью тегов <li></li>.

Например, для того чтобы вывести список из четырех пунктов необходимо написать следующее:

<ul>
<li>Алгебра</li>
<li>Геометрия</li>
<li>Физика</li>
<li>История</li>
</ul>

В браузере код будет отображаться следующим образом:

  • Алгебра
  • Геометрия
  • Физика
  • История

Для того, чтобы изменить внешний вид маркера у тега <ul> есть атрибут type, который может принимать значения disc, circle, square, то есть круг, окружность и квадрат соответственно.

Пример использования атрибута type:

Код:

<ul type="disc">
<li>Алгебра</li>
<li>Геометрия</li>
<li>Физика</li>
<li>История</li>
</ul>

Будет выглядеть как:

  • Алгебра
  • Геометрия
  • Физика
  • История

Код:

<ul type="circle" >
<li>Алгебра</li>
<li>Геометрия</li>
<li>Физика</li>
<li>История</li>
</ul>

Будет выглядеть как:

  • Алгебра
  • Геометрия
  • Физика
  • История

Код:

<ul type="square" >
<li>Алгебра</li>
<li>Геометрия</li>
<li>Физика</li>
<li>История</li>
</ul>

Будет выглядеть как:

  • Алгебра
  • Геометрия
  • Физика
  • История


Поделитесь статьёй с друзьями:


Автор: Олег Каминский| Дата: 2012-01-26| Просмотров:(2796)| Комментов:(0)



Комментарии:

Добавить Ваш комментарий:

Введите сумму чисел с картинки: