Веб программирование

Изучение HTML и CSS. Урок 3. Списки

 
 

Всем привет! В этом уроке речь пойдёт о списках.

Список- это последовательность элементов данных. В HTML различаются маркированные, нумерованные и вложенные списки, а также списки определений. Теперь поговорим подробнее о каждом из них.
Маркикованные:

Маркированный список выглядит так:

  • Пункт 1
  • Пункт 2
  • Пункт 3

В HTML для маркированного списка нужно добавить тег ul и внутри него теги li-это элементы списка. Вот пример:

  • Пункт 1
  • Пункт 2
  • Ещё один пункт

Также можно изменить маркеры с помощью атрибута "type" и сделать их круглыми(по умолчанию)-disc, в виде окружности-circle и квадратными-square.
Нумерованные:

  1. Первый
  2. Второй
  3. Третий

Нумерованные списки упорядочены и им можно задавать начальное значение(атрибут "start"), а также тип нумерации с помощью атрибута "type": цифровой(1), по алфавиту(A, a),  римские цифры(I, i). Для того, чтобы сделать данный список в HTML, нужно в тег ol вложить теги li, всё также, только вместо "ul"-"ol". Вот пример:

  1. Пункт 1
  2. Пункт 2
  3. Пункт 3
  4. Ещё один пункт

Вложенные(многоуровневые):

 

Для того, чтобы создать вложенный список, нужно в данный список поместить другой. Таким образом можно создать списки любого уровня.

  1. Мультимедиа
    1. Видео
    2. Аудио
    3. Фото
  2. Текст
    1. .txt
    2. .html
    3. .rtf
  1. Мультимедиа
    1. Видео
    2. Аудио
    3. Фото
  2. Текст
    1. .txt
    2. .html
    3. .rtf

Списки определений:

Лев
Хищник семейства кошачьих

Создать данный список можно с помощью  тега dl, в него надо вложить тег термина-dt и тег определения-dd.

Лев
Хищник семейства кошачьих

Всё! Всем пока!


Есть вопросы? Спроси на нашем форуме!!
Нет комментариев

Оставлять комментарии можно только зарегистрированным




Предупреждение: Вся информация представлена исключительно в образовательных целях.
Ни авторы, ни администрация не несут ответственности в случае ее использования в противозаконных целях.