Списки в HTML

Для того, чтобы создать на веб-странице списки нам потребуется тег <ul>...</ul> (unordered list - ненумерованный список) - это контейнер, внутри которого мы будем прописывать пункты. Каждый пункт начинается с тега <li>...</li>:

Списки в HTML

В браузере этот список будет таким:

 

Списки в HTML

При помощи атрибута type мы можем указать вид маркеров, например, <ul type="circle">...<ul>:

Списки в HTML

<ul type="square">...</ul>:

Списки в HTML

По умолчанию тип маркеров стоит disc.

Нумерованный список

Для создания нумерованного списка нам потребуется тег <ol>...</ol> (ordered list - нумерованный список). Каждый пункт этого списка также начинается с тега <li>....</li>, но вместо обычного маркера в данном случае будут цифры. При помощи атрибута type, мы можем указать вид маркера: 

<ol type="A">...</ol>
Списки в HTML

<ol type="a">...</ol>
Списки в HTML

<ol type="I">...</ol>
Списки в HTML

Сделать нумерацию в списке по убыванию поможет атрибут reversed <ol reversed>...</ol>. Атрибут start задает число, с которого будет начинаться список <ol start="2">...</ol>

Списки в HTML

Список определений

Такой список начинатеся с тега <dl>...</dl>, который является контейнером для тега <dt>...</dt>, создающего термин, и тега <dd>...</dd>, создающего определение:

Списки в HTML

Каждый термин можно заключить между тегами <i>...</i>, чтобы сделать наклонное начертание шрифта. Пример в браузере:

Списки в HTML

Видеоматериал по этому уроку: 

http://youtu.be/NLGPsGJaG_Q

Источник: http://psd-html-css.ru/html/spiski-v-html

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Списки в HTML | | 2012-03-20 11:31:00 | | Статьи Web-мастеру | | Для того, чтобы создать на веб-странице списки нам потребуется тег ... (unordered list - ненумерованный список) - это контейнер, внутри которого мы будем прописывать пункты. Каждый пункт начинается с | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: