Многоуровневый список в html

При создании сайта, web - мастеру часто не хватает одних лишь простых списков. Но к счастью существует многоуровневый список html, без которого не обойтись при создании оглавлений или разделов категорий. Сегодня я постараюсь объяснить как же сделать этот самый многоуровневый список с помощью html.

При создании многоуровневого списка, нужно внимательно сделать за начальным и конечным тегом списка, иначе можно запутаться и структура списка испортится.

Создание многоуровневого списка возможно покажется сложным занятием, но это не так, главное не запутаться.

<ol>
<li>Создать список
<ul>
<li>Многоуровневый список html</li>
<li>Простой список html</li>
</ul>
</li>
<li>Получилось ли у вас сделать многоуровневый список с помощью html?
<ul>
<li>Получилось</li>
<li>Пока нет</li>
</ul>
</li>
<li>Это был пример многоуровневого списка
</li> </ol>

Результат:

многоуровневый список html

Создание многоуровневого списка с помощью html имеет еще один способ, так называемый список определений тоже является многоуровневым. С помощью такого списка можно создавать словари или делать пояснения к терминам.

Для создания списков применяется элемент DL - внутри которого находятся: описание термина и определение. Элемент DL не имеет никаких атрибутов кроме style и class, которые позволяют придавать стиль данному элементу.

Пример такого списка ниже.

<dl>
<dt>Куки в JavaScript</dt>
<dd>Позволяют сохранять информацию пользователей</dd>
<dt>Отступы в HTML</dt>
<dd>Улучшают вид HTML страницы</dd>
</dl>

Результат:

создание многоуровневого списка

Поделитесь ссылкой если мы вам помогли!

Читайте также:

Что если ноутбук перегревается и выключается

Что делать если компьютер не запускается

Частота звука воспринимаемая человеком и низкие частоты звука

Как восстановить удаленные файлы на картах памяти

Php конструкция, if - else

Комментарии:

Добавленно - 2011-05-03

Djkxfhf пишет:

Как я понимаю в текст списка можна вставлять ссылки, а можно ли вставить ссылку + картинку или просто картинку с привязаной ссылкой? Если да то как это реализовать. Заранее признателен за помощь. И как в списке сделать поле ввода?

Добавленно - 2014-11-11

Ermak пишет:

<dd> <a target="_blanc" href="URL"><img src="images/pic.png"></a></dd> Вместо URL указывается абсолютный или относительный путь к файлу открываемой страницы. Атрибут target="_blanc" необязательный - он просто открывает страницу в новом окне.

Добавленно - 2014-11-11

Ermak пишет:

По поводу поля ввода не совсем понял. По-моему ты хочешь создать формы. Попробуй почитать про тэги <form> <input type="..."> или <textarea>, <select>

Добавить комментарий:

Минимум 100 символов.
Модераторы detected!

Вы ввели сообщение длиной символов

Три + Пять ? =