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

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

Списки определений выглядят несколько иначе, чем другие типы списков. Для описания каждого пункта списка в этом случае применяется два тега, а не один тег <li>. Тег <dt> задает отдельный элемент, то есть определяемый термин, а тег <dd> - остальную информацию, которая выводится на следующей строке с отступом. Вторая строка информации называется определением. Взглянув один раз на список определений, вы поймете, откуда такое название.

Идеальное использование списков такого типа это словарь. С помощью HTML вы можете легко задать каждый термин и его определение. Однако скоро вы узнаете о многих других применениях таких списоков. В этом примере первой строчкой списка будет название музыкальной комманды, а второй - краткий комментарий.

Мои любимые музыкальные комманды: <ul> <dt><b>Prodigy</b> <dd><i>Группа родилась в 90х годах. С самого начала состояла из 4х участников: Lime, Keith, Maxim и Leeroy. В 2000 году Leeroy решил покинуть группу и начать сольную карьеру...</i> <dt><b>Bjork</b> <dd><i>Девушка начала заниматься музыкой в очень раннем возрасте. Она работала совместно с SugarCubes, но быстра ушла из комманды: сразу после выхода неудавшегося их 2го совместного альбома...</i> </ul>

Вот что мы получим в результате:

Мои любимые музыкальные комманды:

Prodigy

Группа родилась в 90х годах. С самого начала состояла из 4х участников: Lime, Keith, Maxim и Leeroy. В 2000 году Leeroy решил покинуть группу и начать сольную карьеру...

Bjork

Девушка начала заниматься музыкой в очень раннем возрасте. Она работала совместно с SugarCubes, но быстра ушла из комманды: сразу после выхода неудавшегося их 2го совместного альбома...

Списки в списках

Одно из замечательных свойств списков - это возможность вкладывать их друг в друга. Вложение списков в списки позволяет вам создать несколько уровней организации информации. Вы можете использовать несколько уровней списка на одной странице. Вы можете использовать несколько уровней списка на одной странице, что поможет упорядочить информацию. Главное не перетрудиться ;).

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

Мои интересы: <ul> <li>Любимое п/о

<ul>

<li>Microsoft

<li>Far Manager

</ul> <li>Любимые музыкальные исполнители

<ul>

<li>Prodigy

<li>Björk

</ul> </ul>

Вот что мы получим в результате:

Мои интересы:

• Любимое п/о

  • Microsoft

  • Far Manager

• Любимые музыкальные исполнители

  • Prodigy

  • Bjork

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