HTML+CSS Создание списков

Уроки HTML+CSS: Списки

В данной записи мы с вами научимся создавать списки. Списки это полезный “материал” для сайта. С помощью списков вы можете сделать много уровневое меню или аккордеоны.

Списки в HTML делятся на 2 типа:

  1. Маркированный
  2. Нумерованный

Все виды списков имеют одинаковую структуру.

<тип списка>
   <li>Элемент списка</li>
</тип списка>

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

Для создания маркированного списка используется тег <ul></ul>. Все элементы данного списка будут определяться простым маркером(точкой).

<ul>
   <li>Первый элемент</li>
   <li>Второй элемент</li>
   <li>Третий элемент</li>
</ul>
  • Первый элемент
  • Второй элемент
  • Третий элемент

Нумерованный список

Для создания нумерованного списка используется тег <ol></ol>. Все элементы данного списка будут определяться нумерацией.

<ol>
   <li>Первый элемент</li>
   <li>Второй элемент</li>
   <li>Третий элемент</li>
</ol>
  1. Первый элемент
  2. Второй элемент
  3. Третий элемент

Используя данную структуру вы можете можете делать списки с несколькими вложениями.

<ol>
   <li>Первый элемент</li>
   <li>Второй элемент</li>
   <ul>
      <li>Элемент второго уровня</li>
      <li>Элемент второго уровня</li>
   </ul>
   <li>Третий элемент</li>
</ol>
  1. Первый элемент
  2. Второй элемент
    • Элемент второго уровня
    • Элемент второго уровня
  3. Третий элемент

Для создания меню с помощью списков, вам нужно внутри тегов <li> расположить теги <a> обозначающие ссылки.

Информация была взята с сайта – https://html5book.ru

На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime

41
Оставить комментарий

avatar
41 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
38 Авторы комментариев
EldenEvistEldenEvistMichealLogUeMichealLogUeHarryjab Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
StepFoush
Гость

Does Amoxil Treat Upper Respirator Infection [url=http://apcialisle.com/#]Buy Cialis[/url] Citalopram 20 Mg Without Prescription cialis price Acheter Cialis En Pharmacie

JanleF
Гость

Prod 39 [url=http://apcialisle.com/#]cialis generic[/url] Propecia Hair Treatment Cialis Amoxicillin Weight Dose

StepFoush
Гость

Quick Ejaculation [url=https://apcialisle.com/#]where to buy cialis online safely[/url] Cialis Costo Originale Cialis Componentes Del Viagra

JanleF
Гость

Zithromax Without Prescription [url=https://buyciallisonline.com/#]cialis coupon[/url] Pediatric Dosing Amoxicillin Cialis Effets Cialis Generic

Genarodrisy
Гость
Genarodrisy

best place to buy generic cialis canadian pharmacy online buy cialis with paypal

Brianrix
Гость
Brianrix

cialis cheap buy cialis gold viagra pill

Mauriceprert
Гость
Mauriceprert

cheap viagra online order cialis viagra buy south africa

JanleF
Гость

Viagra Las Palmas [url=https://abuycialisb.com/#]Cialis[/url] Cialis Livraison Rapide France Cialis Get Levitra

Allenploft
Гость
Allenploft

how do i buy cialis buy generic viagra canadian pharmacy cialis 20mg

Israelevago
Гость
Israelevago

buy viagra cialis levitra online https://edpillsphrm.com order viagra online illegal

Thomasneomo
Гость
Thomasneomo

do you need a prescription to buy levitra https://www.sildwithdoctorprescription.com herbal viagra sale ireland

Michealfrapy
Гость
Michealfrapy

cheap levitra professional oo http://kaletra24.com – buy generic kaletra buy professional viagra

Michealfrapy
Гость
Michealfrapy

generic viagra for cheap http://zithazi.com – zithromax Azithromycin buy cialis online in u.k

Michealfrapy
Гость
Michealfrapy

how much does cialis cost http://tadal24ph.com – generic tadalafil discount on levitra

Michealfrapy
Гость
Michealfrapy

order viagra from canada http://zithazi.com – Azithromycin discount genuine cialis

Michealfrapy
Гость
Michealfrapy

cheap cialis india http://zithazi.com – buy zithromax can i buy cialis in usa

Michealfrapy
Гость
Michealfrapy

buy viagra generic online http://kaletra24.com – buy kaletra online buy viagra ebay

Michealfrapy
Гость
Michealfrapy

discount card for cialis http://tadal24ph.com – cialis order viagra men

Michealfrapy
Гость
Michealfrapy

how to order viagra cheap http://zithazi.com – Azithromycin online cialis for sale in nz

Michealfrapy
Гость
Michealfrapy

cheap cialis uk http://alexa24ph.com – viagra coupons order cialis online no prescription canada

Michealfrapy
Гость
Michealfrapy

buy cheap cialis from india http://zithazi.com – Azithromycin cheapest viagra professional

Michealfrapy
Гость
Michealfrapy

cheap viagra bangkok http://zithazi.com – zithromax price otc viagra

Michealfrapy
Гость
Michealfrapy

cheapest levitra uk http://aralenph.com – buy alaren generic cialis for sale

Harryjab
Гость
Harryjab

viagra without a doctor prescription
can buy viagra rite aid

Harryjab
Гость
Harryjab

cheap viagra
order cialis professional online

Harryjab
Гость
Harryjab

buy sildenafil
cheap cialis and viagra

Harryjab
Гость
Harryjab

buy viagra
buy cialis hong kong

Harryjab
Гость
Harryjab

generic viagra 100mg
cheapest genuine cialis

Harryjab
Гость
Harryjab

generic viagra
buy viagra zimbabwe

Harryjab
Гость
Harryjab
Harryjab
Гость
Harryjab

buy sildenafil
viagra sale tesco

Harryjab
Гость
Harryjab
Harryjab
Гость
Harryjab

female viagra pills
buy cialis over counter

Harryjab
Гость
Harryjab

viagra pills
buy levitra 10mg

Harryjab
Гость
Harryjab

buy viagra
buy cheap cialis in australia

Harryjab
Гость
Harryjab

sildenafil
buy viagra hawaii

Harryjab
Гость
Harryjab

generic viagra
how to buy viagra in canada

MichealLogUe
Гость
MichealLogUe

cialis dosage 40 mg dangerous cheap cialis

MichealLogUe
Гость
MichealLogUe

canadien cialis buy generic cialis

EldenEvist
Гость
EldenEvist

https://sildenafilprof.com cost of viagra 100mg

EldenEvist
Гость
EldenEvist