У цьому уроці html ми поговоримо про створення списків на сторінці. Списки досить часто використовуються на web-сторінках, тому ви повинні знати як вони створюються.
Припустимо, нам необхідно створити список з п'яти пунктів. Можна створити такий список примітивним методом, застосувавши тег
- тег розриву рядків. Назва списку візьмемо в абзац - тег
.
Назва списку
1. Перший пункт списку
2. Другий пункт списку
3. Третій пункт списку
4. Четвертий пункт списку
5. П'ятий пункт списку
Перевіривши нашу запис в браузері, ми побачимо більш менш упорядкований список з п'яти пунктів. Але це неправильний метод створення списку, а простий перенос рядків. Список створюється трохи по іншому і ми зараз розберемося як це робиться.
Для створення нумерованого списку (пункти списку відсортовані за номерами) застосовується тег
- . Весь список поміщаємо між відкриває тегом
- і .
- Перший пункт списку
- Другий пункт списку
- Третій пункт списку
- Четвертий пункт списку
- П'ятий пункт списку
- .
Назва списку
- Перший пункт списку
- Другий пункт списку
- Третій пункт списку
- Четвертий пункт списку
- П'ятий пункт списку
- Перший пункт списку
- Другий пункт списку
- Третій пункт списку
- Четвертий пункт списку
- П'ятий пункт списку
- Перший пункт списку
- Другий пункт списку
- Третій пункт списку
- Четвертий пункт списку
- П'ятий пункт списку
- Перший пункт списку
- Другий пункт списку
- Третій пункт списку
- Перший пункт списку
- Другий пункт списку
- Третій пункт списку
- Четвертий пункт списку
- П'ятий пункт списку
- Четвертий пункт списку
- П'ятий пункт списку
- і закриває тегом
Назва списку
Для створення ненумерованого списку (без нумерації пунктів списку) замість тега
- застосовуємо тег
- і кожен елемент списку виділити тегом
Ось таким способом створюються нумеровані і ненумеровані списки.
Якщо хочемо маленькі римські цифри - ставимо значення "i" (маленьку букву i).
Для літерного позначення пунктів списку - ставимо значення "A" або "a" (велику або маленьку букву А).
Ще може виникнути ситуація, в якій нумерацію пунктів списку знадобитися починати не з одиниці, а, наприклад, з трійки. В цьому випадку використовуємо атрибут start, а в значенні прописуємо то число (букву) з якого буде починатися перелік.
Назва списку
Перевіривши нашу запис в браузері, ми побачимо, що наш список починається з номера три.
У ненумерованого списку теж є атрибут type відповідає за форму мітки у кожного пункту списку. Без атрибута ненумерований список має мітки кожного елемента списку - чорний кружок. Якщо ми хочемо мати мітку - чорний квадрат, до атрибуту type пишемо значення "skuare". Мітка - білий кружок - це значення "circle".
Назва списку
Ось такі атрибути, з основних, застосовуються при створенні списків.
Ще розглянемо такий момент, як вкладені списки. Це коли один список вкладений в інший. Давайте в наш нумерований список вкладемо наш ненумерований, наприклад, в третій пункт списку. Для цього нам, всього лише, треба після закриває тега третього пункту нумерованого списку вставити повністю наш ненумерований список.
Назва списку
Не забувайте перевіряти результати роботи в браузері.