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

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

Списки очень важная часть 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 месяца

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

Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение препроцессора SASS / SCSS
7 уроков
Создание адаптивного сайта
4 урока
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Комментарии для сайта Cackle