Отступы и списки Основы создания Web – страниц.. Ненумерованные списки:... ненумерованный список.... ненумерованный список. С метки начинается элемент. - презентация

1 Отступы и списки Основы создания Web – страниц.

2 Ненумерованные списки:... ненумерованный список.... ненумерованный список. С метки начинается элемент списка. Например:Получим: Ручей; Ручей; река ; река ; море ; море ; океан. океан. Ручей; Ручей; река ; река ; море ; море ; океан. океан.

3 Маркированные списки: – начало маркированного списка – начало маркированного списка – конец маркированного списка – конец маркированного списка С метки начинается элемент маркированного списка. Например:Получим: Пшено; Пшено; геркулес ; геркулес ; рис ; рис ; гречка. гречка. Пшено; Пшено; геркулес ; геркулес ; рис ; рис ; гречка. гречка.

4 Нумерованные списки:... - нумерованный список нумерованный список. С метки начинается элемент нумерованного списка. Например:Получим: Песок; Песок; земля ; земля ; камень ; камень ; грунт. грунт. 1. Песок; 2. земля ; 3. камень ; 4. грунт.

5 Вложенные списки... - списки определений списки определений. Метка выделяют определяемое слово. Метка записывают само определение. В метке атрибут COMPACT записывает определяемое слово и само определение в одной строке. ( Записывается: ),, - непарные метки.,, - непарные метки.

6 Например: Метки отступов и списков: Метки отступов и списков:UL - ненумерованный список OL - ненумерованный список OL - нумерованный список LI - нумерованный список LI - элемент списка DL - элемент списка DL - список определений DT - список определений DT - определяемое слово - определяемое словоDD - описание определения - описание определения Получим: Метки отступов и списков: UL - ненумерованный список OL - нумерованный список LI - элемент списка DL - список определений DT - определяемый термин DD - описание определения Фрагмент HTML – документа: в метку атрибут COMPACT Задание: Добавьте в метку атрибут COMPACT. Сравните запись определений.

7 Вложенные списки э лемент любого списка может содержать в себе целый список любого вида ; э лемент любого списка может содержать в себе целый список любого вида ; ч исло уровней вложенности не ограничено ; ч исло уровней вложенности не ограничено ; вложенны е списки удобны при подготовке разного рода планов и оглавлений ; вложенны е списки удобны при подготовке разного рода планов и оглавлений ; не злоупотребля йте ч исло м уровней вложенности. не злоупотребля йте ч исло м уровней вложенности.

8 Пример Пример HTML поддерживает следующие виды списков: Ненумерованные списки HTML поддерживает следующие виды списков: Ненумерованные списки Элементы ненумерованного списка выделяются специальным символом и отступом слева. Например: Элементы ненумерованного списка выделяются специальным символом и отступом слева. Например: Понедельник Понедельник Вторник Вторник Среда Среда Нумерованные списки Нумерованные списки Элементы нумерованного списка выделяются отступом слева, а также нумерацией. Например : Элементы нумерованного списка выделяются отступом слева, а также нумерацией. Например :

9 Понедельник Понедельник Вторник Вторник Среда Среда Списки определений Списки определений Этот вид списков чуть сложнее. Этот вид списков чуть сложнее. В нутри элемента списка может находиться несколько абзацев. В нутри элемента списка может находиться несколько абзацев. Все абзацы при этом будут иметь одинаковое левое поле. Все абзацы при этом будут иметь одинаковое левое поле.

10 В результате мы получаем: HTML поддерживает следующие виды списков: Ненумерованные списки Элементы ненумерованного списка выделяются специальным символом и отступом слева. Например: ПонедельникПонедельник ВторникВторник СредаСреда Нумерованные списки Элементы нумерованного списка выделяются отступом слева, а также нумерацией. Например: 1.Понедельник 2.Вторник 3.Среда Списки определений Этот вид списков чуть сложнее. Внутри элемента списка может находиться несколько абзацев. Все абзацы при этом будут иметь одинаковое левое поле.