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

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

Оценка 4.8
Домашнее обучение +3
pptx
информатика +1
Детсад
16.01.2021
Создание сайтов.3.HTML.Упорядоченные и неупорядоченные списки.
В данной презентации познакомимся с понятием упорядоченных и неупорядоченных списков, научимся создавать их на уровне кода,разберем различные атрибуты для списков, как изменить значки, как начать список с определенного пункта и много интересного.
3. Упорядоченные и Неупорядоченные списки.pptx

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Внутри тэга

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

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

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

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

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

Внутри тэга

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    По убыванию

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

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

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

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

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

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

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

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

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

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

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

ДЗ

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

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

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

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

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

Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
16.01.2021