Упорядоченные списки, мой любимый вид

Упорядоченные списки

Итак, я ничего не могу с собой поделать… Как мозг с СДВГ, я нуждаюсь в списках, а их упорядочивание крайне важно, поскольку у нашего мозга проблемы с расстановкой приоритетов, поэтому я был явно рад узнать, как использовать упорядоченные списки в HTML. ;D

Согласно видео, упорядоченные списки описываются как способ представления списков в чистом и презентабельном/понятном виде. Есть два набора тегов open/close, которые мы используем для создания упорядоченного списка.

Сначала идут теги <ol>, которые обводят элементы, составляющие упорядоченный список. Теги <ol> определяют начало и конец всего упорядоченного списка.

Во-вторых, теги <li>, которые обводят отдельные элементы списка. Они определяют, какой текст находится в каждом элементе списка.

Время примеров!
Вот код в исходном виде:
Shopping list:
<ol>
<li>Dog toy for my dog</li>
<li>Squeaky toy for me</li>
<li>Treat for my dog</li>
<li>Whole cake for me, because I am an adult, and <strong>no one</strong> can stop me anymore >:D </li>
</ol>
Войти в полноэкранный режим Выйти из полноэкранного режима
А вот код в том виде, в котором я хочу, чтобы его увидел пользователь:

Список покупок:

  1. Игрушка для моей собаки
  2. Пищащая игрушка для меня
  3. Лакомство для моей собаки
  4. Целый торт для меня, потому что я уже взрослый, и никто больше не может меня остановить >:D

Да, список реальный. Не судите меня. ;P

Переходим к следующему уроку!!!

Оцените статью
devanswers.ru
Добавить комментарий