#6 - Робота зі списками

#6 - Робота зі списками

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Для створення списків використовуються теги 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 місяця

Також варто подивитися

Верстка сайту на HTML5 та CSS3
8 уроків
Изучение технологии Bootstrap (верстка сайта)
Сучасна верстка адаптивного веб-сайту
Создание адаптивного сайта
Уроки CSS/CSS3 для новачків: від нуля до гуру
10 уроків
Изучение ASP.NET Core MVC. Создание сайтов на C#
Коментарі
Додати коментар

Поки що коментарів немає