#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 місяця

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

Изучение препроцессора SASS / SCSS
Відеокурс з PHP, MySQL / Створення динамічного сайту
Вёрстка адаптивного сайта на Bootstrap 4
Уроки CSS/CSS3 для новачків: від нуля до гуру
10 уроків
Изучение технологии Bootstrap (верстка сайта)
Изучение HTMX с нуля / Проект на HTMX и Flask
Коментарі
Додати коментар

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