#6 – Работа со списками

#6 – Работа со списками

За счет HTML тегов вы можете создать несколько форматов списков. За урок мы научимся создавать пронумерованный и непронумерованный список. Также мы изучим специальные атрибуты для работы со списками.

Видеоурок

Для создания списков используются теги ol и ul, которые создают пронумерованный и не пронумерованный список соответсвенно. Для создания конкретного элемента в списке потребуется использовать тег li


Если мы хотим вписать один список внутрь другого, то необходимо использовать следующую конструкцию:

<ol>
	<li>Первый элемент</li>
	<li>
		<ul>
			<li>Еще один список</li>
			<li>Дополнительные элементы</li>
		</ul>
	</li>
	<li>Третий элемент</li>
</ol>

К спискам можно применять различные атрибуты, которые меняют отображение элементов списка.


Тег nobr

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

Исходный код

Весь код будет доступен после подписки на проект!

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

Загрузка...

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

Пронумерованный список

Создайте пронумерованный список, что будет начинаться с числа 5 и состоять из 3 элементов.

Посмотреть ответ

Решение задания:

<ol start="5">
	<li>Первый элемент</li>
	<li>Второй элемент</li>
	<li>Третий элемент</li>
</ol>

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

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

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

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

Современная вёрстка адаптивного веб-сайта
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Создание адаптивного сайта
4 урока
Комментарии для сайта Cackle