Создание сайтов.3.HTML.Упорядоченные и неупорядоченные списки.

  • Домашнее обучение
  • Презентации учебные
  • Разработки курсов
  • Домашнее обучение
  • pptx
  • 16.01.2021
Публикация в СМИ для учителей

Публикация в СМИ для учителей

Бесплатное участие. Свидетельство СМИ сразу.
Мгновенные 10 документов в портфолио.

В данной презентации познакомимся с понятием упорядоченных и неупорядоченных списков, научимся создавать их на уровне кода,разберем различные атрибуты для списков, как изменить значки, как начать список с определенного пункта и много интересного.
Иконка файла материала 3. Упорядоченные и Неупорядоченные списки.pptx

Упорядоченные и Неупорядоченные списки

Ordered list – упорядоченный список

Арбуз
Апельсин
Манго
Яблоко
Дыня
Груша

Unordered list – неупорядоченный список

Есть порядок, пункты

Вместо цифр одинаковые символы, порядка нет

Арбуз
Апельсин
Манго
Яблоко
Дыня
Груша

Ordered list – упорядоченный список

    ….
- обозначает наш упорядоченный список

Внутри тэга

    помещаются тэги
  1. - list item , обозначающие элементы нашего списка

Unordered list – неупорядоченный список

    ….
- обозначает наш упорядоченный список

Внутри тэга

    помещаются те же тэги
  • - list item , обозначающие элементы нашего списка

Так же мы можем помещать список в список

Так же мы можем менять способ упорядочивания в

    (упорядоченном списке)

    Для этого используется атрибут type

    “i” – делает пункты маленькими римскими цифрами
    “I” - большими

    “A” – делает пункты большими английскими буквами
    “a” - маленькими

    Если мы хотим, чтобы нумерация шла с конца, то добавляем reversed (обратный)

Так же если мы хотим начать нумерацию списка с какого-то определенного номера

То используем атрибут start , а в кавычках указываем с какого номера нужно начать список

Атрибут reversed в упорядоченном списке

    меняет порядок исчисления

    По убыванию

С помощью атрибута style можно изменить вид значков в неупорядоченном списке

Для этого после слова style ставим = и в кавычках пишем один из стилей

list-style-type:none - убирает значки

list-style-type:circle - делает точки пустыми

list-style-type:square - делает значки квадратными

ДЗ

1) Составить два списка: упорядоченный и неупорядоченный

2) Упорядоченный список – это будет список покупок, придумать самим

3) Неупорядоченный список – это будет список того, о чем вы мечтаете, так же придумать самим

4)Упорядоченный список сделать reversed и вместо цифр сделать буквы

5)Неупорядоченный список сделать с квадратными значками и с 3 по счету пункта вставить список в список как показано на картинке ниже