Списки. Урок 04. Язык HTML предлагает три вида списков. Упорядоченные списки <ol>. Неупорядоченные списки <ul>. Список определений (<dt> для терминов и тегами <dd> для описаний).
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
Списки
Язык HTML предлагает три вида списков:
Как мы видим, элементы упорядоченных и неупорядоченных списков фиксируются тегами <li>, а элементы списка определений тегами <dt> для терминов и тегами <dd> для описаний.
После внедрения тегов <ol>, <ul>, <dl> наша тестовая страничка приняла вот такой вид:
article_004.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_004.zip ← скачайте пример, чтобы установить на свой сайт...
- Упорядоченные списки <ol>
- Неупорядоченные списки
- Список определений
- Упорядоченные списки
- Неупорядоченные списки <ul>
- Список определений
- Упорядоченные списки
- Этот вид списков автоматические дает номера (по умолчанию арабские цифры) своим элементам
- Неупорядоченные списки
- Этот вид списков перед своими элементами дает одинаковые символы (по умолчанию большие жирные точки)
- Список определений <dl>
- Этот вид списков характеризуется тем, что каждый элемент состоит из двух частей: термина и описания
<ol> <li>Retyping the same old thing time and time again.</li> <li>Failing to manage your email effectively.</li> <li>Getting sucked into pointless forum discussions.</li> <li>Failing to set a goal, before you switch the computer on.</li> </ol> <ul> <li>Перепечатывать одно и тоже много-много раз, снова и снова.</li> <li>Неумение эффективно управлять своей электронной почтой.</li> <li>Вовлекаться в бесцельные дискуссии на форумах.</li> <li>Неумение ставить себе цель еще до включения компьютера.</li> </ul> <dl> <dt>Retyping the same old thing time and time again.</dt> <dd>Перепечатывать одно и тоже много-много раз, снова и снова.</dd> <dt>Failing to manage your email effectively.</dt> <dd>Неумение эффективно управлять своей электронной почтой.</dd> <dt>Getting sucked into pointless forum discussions.</dt> <dd>Вовлекаться в бесцельные дискуссии на форумах.</dd> <dt>Failing to set a goal, before you switch the computer on.</dt> <dd>Неумение ставить себе цель еще до включения компьютера.</dd> </dl>
Как мы видим, элементы упорядоченных и неупорядоченных списков фиксируются тегами <li>, а элементы списка определений тегами <dt> для терминов и тегами <dd> для описаний.
После внедрения тегов <ol>, <ul>, <dl> наша тестовая страничка приняла вот такой вид:
article_004.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_004.zip ← скачайте пример, чтобы установить на свой сайт...
*** Машина-Функционал для передвижения по страничкам курса HTML ***
Вы кликнули поясняющий рисунок, который показывает, как работает тот или иной функционал. Кликать эти рисунки не надо, нет смысла.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок_03 :: Урок 04
Следующие странички, рекомендуемые для посещения и изучения:
Урок 05
Страничка сделана на основе контента курса HTML сайта kocby.ru