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

Создать сайт самому? Не проблема!

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

При закрытии подписчики были переданы в рассылку "Сайт - мое дело" на которую и рекомендуем вам подписаться.

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

←   Март 2010   →
 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
Автор
OldCat

Статистика

1.329 подписчиков
0 за неделю
←   Все выпуски   →

Уроки HTML.Теги списков


Почтовая рассылка -  Создать сайт самому? Не проблема!       Номер рассылки - 5       Дата выпуска - 2010-03-10
 

Уроки HTML.Теги списков

В html документах используются три вида списков: пронумерованные, промаркированные и списки определений или как их еще называют – списки описаний. Отдельно о вложенных списках, то есть одного списка внутри другого. Создаются такие списки очень просто. Для этого достаточно расположить пару тегов (открывающий и закрывающий) внутри другой пары. Итак:

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

В случае формирования пронумерованных списков, браузер автоматически вставит номер элементов списка по порядку. То есть, если вам нужно будет убрать какие-либо элементы списка, то браузер автоматически пересчитает, те что остались.

Начало пронумерованного списка определяется открывающим тэгом <ol> а конец – закрывающим тэгом </ol>. Все элементы списка начинаются с тэга <li>. Например:

<ol>
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ol>

В визуальном режиме это будет выглядеть так:

  1. Сайт
  2. Блог
  3. Ресурс

 

Атрибуты тега <ol> - type и start.
Атрибут type устанавливает стиль нумерации элементов списка и может принимать следующие значения:

«А» - заглавные буквы A, B, C ...
«а» - строчные буквы a, b, c ...
«I» - большие римские числа I, II, III ...
«i» - маленькие римские числа i, ii, iii ...
«1» - арабские числа 1, 2, 3 ...
По умолчанию <ol type="1" >
Атрибут start. устанавливает первое число, с которого начинается нумерация элементов списка. Может быть: start="1,2,3.. и.т.д."
Например, нумерованный список:


<ol type="I" start="5">
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ol>

Будет выглядеть в визуальном режиме вот так:

V. Сайт
VI. Блог
VII. Ресурс

Списки промаркированные

Для промаркированных списков браузер применяет для отметки элемента списка маркеры. Вид маркера, обычно, определяется в таблице стилей.
Начало промаркированного списка определяется открывающим тэгом <ul> а конец – закрывающим тэгом </ol>. Все элементы списка начинаются с тэга <li>. Например:

<ul>
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ul>

В визуальном режиме это будет выглядеть так:

  • Сайт
  • Блог
  • Ресурс
Атрибут тега <ul> - type. Атрибут type устанавливает внешний вид маркера. Круглый (circle), квадратный (square) или дисковидный (disc), который, кстати, используется по умолчанию. Например:

<ul type="square">
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ul>

В визуальном режиме это будет выглядеть так:

  • Сайт
  • Блог
  • Ресурс

Вложенные списки

Вот такой небольшой пример:

<ol>
<li> Сайт
<ul>
<li>Страница сайта1
<li>Страница сайта2
</ul>
<li> Блог
<ul>
<li>Страница блога1
<li>Страница блога2
</ul>
</ul>

В визуальном режиме это будет выглядеть так:

Сайт

  • Страница сайта1
  • Страница сайта2

Блог

  • Страница блога1
  • Страница блога2

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

Список определений начинается с тэга <dl> и завершается тэгом </dl>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <dt> , а описание - тэгом <dd>. Например:

<dl>
<dl> <b> Статический сайт</b>
<DD> Содержит статическую информацию
<dt> <b> Динамический сайт</b>
<dd> Содержит динамическую информацию
<dt> <b> Сайт на движке</b>
<dd> Динамический сайт
</dl>

В визуальном режиме это будет выглядеть так:

Статический сайт
Содержит статическую информацию
Динамический сайт
Содержит динамическую информацию
Сайт на движке
Динамический сайт

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

Архив почтовой рассылки:

© Все права защищены. Копирование материалов - при обязательном указании авторства и ссылки на первоисточник

Реально ли создать сайт самому? Да вполне! Заходите на сайт рассылки  -  http://chvv.com.ua  - Мы вам поможем!
В избранное