Per koci ru ad astra!

Курс HTML :: Списки. Урок 04.

Настройка сайта

Проверка javascript.

Светофор, свет красный

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

Вероятные причины проблемы: в настройках браузера отключена возможность выполнения javascript и/или в данный момент имеются проблемы подключения к Интернету.

Решение проблемы: устраните причины, указанные выше и нажмите CTRL-F5 для перезагрузки софта и контента этой странички.

Должно помочь.


Рекомендую курсы
Рекомендаций не видно по причине отключенного javascript.


Домен inumo.ru


Урок 04. Списки.
HTML - основа основ Интернета. Базовый курс. Списки. Урок 04. Язык HTML предлагает три вида списков. Упорядоченные списки <ol>. Неупорядоченные списки <ul>. Список определений (<dt> для терминов и тегами <dd> для описаний).
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
Списки
Язык HTML предлагает три вида списков:
  1. Упорядоченные списки <ol>
  2. Неупорядоченные списки
  3. Список определений
Упорядоченный список выше, а неупорядоченный будет иметь такой вид:
  • Упорядоченные списки
  • Неупорядоченные списки <ul>
  • Список определений
Список определений используется реже, его особенностью является то, что каждый элемент состоит из двух частей: термина и описания:
Упорядоченные списки
Этот вид списков автоматические дает номера (по умолчанию арабские цифры) своим элементам
Неупорядоченные списки
Этот вид списков перед своими элементами дает одинаковые символы (по умолчанию большие жирные точки)
Список определений <dl>
Этот вид списков характеризуется тем, что каждый элемент состоит из двух частей: термина и описания
Теперь дополним нашу тестовую страничку тегами <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

© KOCI.INUMO.RU :: перепечатка материалов разрешается с указанием ссылки на домен KOCI.INUMO.RU ©