HTML5

Изучение HTML5 от нуля до гуру!

21 урок 65 заданий Справочник Компилятор

#7 - Создание списков в HTML

#7 - Создание списков в HTML


HTML5

Списки очень важная часть HTML языка. Для списков существует несколько специальных тегов, о которых мы и поговорим. Кроме того, мы также затронем тег nobr, который делает строку без возможности перехода на новую линию.

Видео урок:

Для создания списков в основном используются теги ol и ul, которые создают пронумерованный и не пронумерованный список соответсвенно. Для создания конкретного элемента в списке вам потребуется использовать тег li. При этом любой элемент списка должен находиться в этом теге. К примеру, если мы хотим получить один список в другом, то нам необходимо использовать следующую конструкцию:

<ol>
	<li>Первый элемент</li>
	<li>
		<ul>
			<li>Еще один список</li>
			<li>Дополнительные элементы</li>
		</ul>
	</li>
	<li>Третий элемент</li>
</ol>
К спискам можно применять различные атрибуты, которые меняют его отображение.

Также нами был рассмотрен тег nobr, который в отличии от тега br делает невозможным переносы строк на новые линии.

Онлайн редактор кода

Загрузка...

Задание к уроку

Пронумерованный список
Сделайте пронумерованный список, который будет начинаться с числа 5. Сделайте так, чтобы в нем было 3 элемента.
Посмотреть ответ
Решение этого задания:
<ol start="5">
	<li>Первый элемент</li>
	<li>Второй элемент</li>
	<li>Третий элемент</li>
</ol>
Получить остальные домашние задания можно после подписки на проект!

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


HTML5

Также стоит посмотреть