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

Содержание

Слайд 2

Список – способ оформления различного рода перечней.

Список – способ оформления различного рода перечней.


Слайд 3

Слайд 4

Маркированный список Маркированный список – это список, для выделения элементов которого

Маркированный список
Маркированный список – это список, для выделения элементов которого используются

маркеры.
Пример:
В состав компьютера входят:
системный блок;
монитор;
клавиатура;
мышь.
Слайд 5

Маркированный список в HTML Чтобы указать браузеру, что список будет маркированным,

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

Чтобы указать браузеру, что список будет маркированным, используют

тэги
.
Весь список располагается между этими тегами и каждый его пункт задается тегами
  • .
    Пример HTML-кода Результат:
    для маркированного списка:
    Слайд 6

    По умолчанию элементы списка маркируются закрашенным круглым маркером. Стиль представления элементов

    По умолчанию элементы списка маркируются закрашенным круглым маркером.
    Стиль представления элементов списка

    можно изменить с помощью атрибута type:
    type="disc" - закрашенный круглый маркер;
    type="circle" – незакрашенный круглый маркер;
    type="square" - закрашенный квадратный маркер.

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

    Слайд 7

    Маркированный список в HTML Пример HTML-кода для маркированных списков: Результат: назад

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

    Пример HTML-кода
    для маркированных списков:

    Результат:

    назад

    Слайд 8

    Нумерованный список Нумерованный список представляет собой перечень, "пронумерованный" каким-либо образом. Это

    Нумерованный список
    Нумерованный список представляет собой перечень, "пронумерованный" каким-либо образом. Это могут

    быть арабские цифры, цифры римского алфавита или буквы.
    Пример:
    В состав компьютера входят:
    системный блок;
    монитор;
    клавиатура;
    мышь.
    Слайд 9

    Нумерованный список в HTML Чтобы указать браузеру, что список будет нумерованным,

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

    Чтобы указать браузеру, что список будет нумерованным, используют

    тэги
    .
    Весь список располагается между этими тегами и каждый его пункт задается тегами
  • .
    Пример HTML-кода Результат:
    для нумерованного списка:

    назад

    Слайд 10

    Нумерованный список в HTML По умолчанию нумерация ведется арабскими цифрами. Стиль

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

    По умолчанию нумерация ведется арабскими цифрами.
    Стиль нумерации можно

    изменить с помощью атрибута type:
    type="A" - нумерация заглавными
    латинскими буквами (A, B, C);
    type="a" - нумерация прописными
    латинскими буквами (a, b, c);
    type="I" - нумерация большими
    римскими цифрами (I, II, III);
    type="i" - нумерация маленькими
    римскими цифрами (i, ii, iii).
    Слайд 11

    Нумерованный список в HTML Пример HTML-кода для списков с римскими цифрами: Результат:

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

    Пример HTML-кода
    для списков с римскими цифрами:
    Результат:

    Слайд 12

    Нумерованный список в HTML По умолчанию нумерация элементов списка начинается с

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

    По умолчанию нумерация элементов списка начинается с 1.
    Можно

    определить значение первого элемента списка, отличное от 1, с помощью атрибута start.
    Атрибут value (для тэга
  • ) устанавливает номер текущего элемента списка.
  • Слайд 13

    Списки определений Списки определений используются в словарях. Каждый элемент списка состоит

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

    Списки определений используются в словарях.
    Каждый элемент списка состоит из двух

    частей: термин и его определение.
    Указать браузеру на список определений можно с помощью тегов
    .
    Каждый термин заключается в теги
    , а их определения - в теги
    .

    назад