Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма HTML5 и CSS3
HTML5 и CSS3
2. Box моделът в HTML

HTML списъци

Курсове HTML5 и CSS3 Седмица 2 - Box моделът в HTML
-51,13 € за ВЕЛИКДЕН: Вземи курс "HTML5 и CSS3" за    127,31 € 76,18 €  ВИЖ ТУК

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

HTML5 и CSS3 В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.

Най-важното за HTML списъците

Списъците в HTML служат за структуриране на свързана информация – например контакти, стъпки или характеристики. Най-често се използват два типа: неподреден списък (с булети) и подреден списък (с номерация). Всеки елемент в списъка се поставя в отделен елемент и така съдържанието става ясно и четимо. Ако е нужно, можем да премахнем булетите или номерацията чрез CSS.

Как да създадете списък стъпка по стъпка

  1. Създайте контейнер за списък с ul (неподреден) или ol (подреден).
  2. Вътре добавете отделни елементи с li.
  3. Попълнете съдържанието – например адрес, телефон и имейл.
  4. Запазете файла и отворете в браузър, за да видите резултата.
  5. Ако искате да премахнете булетите или номерацията, добавете в CSS стил: list-style: none; към съответния списък.

Основни HTML и CSS елементи

  • ul – създава неподреден списък с булети.
  • ol – създава подреден списък с номерация.
  • li – дефинира отделен елемент от списък.
  • list-style – CSS свойство за контрол на вида на маркерите (напр. none премахва булети/номерация).

Практикувайте, като създадете собствен списък с информация и експериментирате с двата вида списъци и тяхното стилизиране.

Дискусия към урока