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

Списък с описания

Курсове HTML5 и CSS3 Седмица 4 - Фонови изображения и спрайтове
-51,13 € за ВЕЛИКДЕН: Вземи курс "HTML5 и CSS3" за    127,31 € 76,18 €  ВИЖ ТУК

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

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

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

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

Най-важното за Description List

Description List е специален вид списък в HTML, който се използва за представяне на термини и техните описания. Той има различна структура от подредените и неподредените списъци и съдържа два типа елементи – термин и неговата дефиниция. Най-ценното е, че можем лесно да стилизираме поотделно термините и описанията, без да добавяме допълнителни класове.

Стъпка по стъпка: създаване и стилизиране

  1. Създайте списък с тага dl.
  2. Добавете термин с dt (например „Job“).
  3. Под него добавете описание с dd (например „моята работа“).
  4. Повторете двойката dt + dd за нов термин (например „Description“ и „моята почивка“).
  5. В CSS стилизирайте отделно dt и dd – например:
    • променете цвета на термините;
    • намалете размера на шрифта на описанията.

Ще забележите, че по подразбиране всички елементи са в черен цвят, но чрез отделно таргетиране можете ясно да разграничите термините от техните дефиниции.

Използвани HTML елементи

  • dl – контейнер за Description List.
  • dt – Description Term (термин).
  • dd – Description Definition (описание на термина).

Този тип списък е особено подходящ за речници, FAQ секции, спецификации или всякаква информация, представена като двойки „име – описание“.

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