Маркований список в Html

Маркований список в html

Списки в html використовуються для розмітки тексту. За допомогою маркованих списків можна поставити маркер ( круг або квадрат) перед початком потрібного слова чи речення. Щоб створити маркований список в html використовують контейнер <ul> і кожний новий пункт створюється тегом <li>.
Ось так:

<ul>
<li>Перший рядок</li>
<li>Другий рядок </li>
<li>Третій рядок </li>
</ul>

Контейнер <ul> обов’язково має закриватися(це показано зверху на прикладі). Якщо не закриєте контейнер то буде помилка.

Приклад створення:

<html>
<head>
<title>Марковані списки</title>
</head>
<body>
В нас є в продажі:
<ul>
<li>риба</li>
<li>зубна паста</li>
<li>яйця</li>
<li>шампунь</li>
</ul>
</body>
</html>

Зберігаємо та дивимося результат:
 
Створення маркованого списку в html

Існує 3 види маркованих списків:круг(стоїть по замовчуванню),пустий круг та квадрат.

Круг – <ul type=”disc”>
Пустий круг – <ul type=”circle”>
Квадратний маркер – <ul type=”square”>

Давайте попробуємо створити сторінку з квадратним маркером:

<html>
<head>
<title>Марковані списки html</title>
</head>
<body>
Перваги windows 8
<ul type="square">
<li>Новітні програми</li>
<li>Ідеально підходить для бізнеса</li>
<li>Хороший дизайн</li>
<li>Зручно працювати з сенсорних приладів</li>
</ul>
</body>
</html>
 

 
Задання маркованого списку в html

Минулий урок

Наступний урок



Напишіть відгук



Go to Top