Списки html

Відео: HTML для початківців - # 3 - Списки

У цій статті я Вас познайомлю Вас з створенням списків в HTML.

Власне, як і весь HTML, створення HTML списків - це справа дуже і дуже просте.

Давайте з Вами зараз створимо просту HTML-сторінку. Постарайтеся це зробити, не дивлячись вниз статті. Тобто написати основні HTML-теги самостійно, так як вже пора їх запам`ятати і строчити автоматично.

Тепер поговоримо про списках.

Ніяких секретів я зараз не відкрию, списки - це інформація, розташована у вигляді:

1. Приклад 1.

Відео: Курс по HTML5 та CSS3. Списки. частина 3

2. Приклад 2.

.............................

n. Приклад n.

Наявність нумерації залежить від типу списку: нумерований або ненумерований список.

Відео: HTML списки (3 види)

Для початку створимо ненумерований список. Починається список з тега, а закінчується, зрозуміло, що закриває тегом. Елементи списку додаються всередині тега за допомогою тега.

Наприклад, ось такий список:

Тег може бути як парним, так і поодиноким, то є такий запис також є вірною і результат буде той же:

Нумерований список відрізняється висновком номера елемента зліва від самого елемента. Правила ті ж самі, що і з ненумерований списком, але тільки початковий тег - це тег. Закриває тег, відповідно,. Ось приклад нумерованого списку:

Подивіться і порівняйте результат в браузері. Наостанок показую код, який у Вас повинен був вийти:

Ось і вся наука про списках в HTML. Наостанок скажу, що під елементом списку може матися на увазі не тільки елемент у вигляді тексту, а, взагалі, кажучи все, що завгодно. Наприклад, замість тексту може бути посилання або навіть зображення. Просто саме форматування буде у вигляді списку.

Відео: Уроки по CSS / CSS3. Частина 13. Списки

В принципі, Ви вже можете створювати сайти на HTML, тому що елементарна база по HTML у Вас вже є, хоча, зрозуміло, вивчати далі необхідно, просто вже можна потихеньку починати створювати сайт.

З повагою, Михайло Русаков.

P.S. Якщо Ви хочете дізнатися більше по HTML, то подивіться мій безкоштовний курс з прикладом створення сайту на HTML: https://srs.myrusakov.ru/html