Нумерованный список
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 13 из 60.
В HTML упорядоченный список — это список элементов, упорядоченных по цифрам или буквам. Для создания упорядоченного списка используется тег <ol>. Каждый элемент списка определяется с помощью тега <li>.
Вот как можно создать упорядоченный список в HTML:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>В этом примере тег <ol> определяет упорядоченный список, а каждый тег <li> представляет собой элемент списка. При отображении в браузере этот код создаст нумерованный список:
- Первый элемент
- Второй элемент
- Третий элемент
Упорядоченные списки полезны для представления элементов, где важен порядок, таких как шаги в процедуре или список ранжированных элементов.
Задание
ЛегкоСоздайте HTML-документ с упорядоченным списком, содержащим три элемента: "First", "Second" и "Third". (В таком порядке)
Шпаргалка
Упорядоченный список отображает элементы с использованием цифр или букв. Используйте тег <ol> для создания списка и теги <li> для каждого элемента:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>Упорядоченные списки полезны, когда важна последовательность элементов, например, в шагах процедуры.
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Напишите код здесь -->
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2