'

Отступы и списки

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

Нумерованные списки: <OL> ... </OL> - нумерованный список. С метки <LI> начинается элемент нумерованного списка. Например: Получим: <OL> <LI>Песок; <LI>земля; <LI>камень; <LI>грунт. </OL> Песок; земля; камень; грунт.


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

<html> <head> <title>Пример </title> </head> <body> <H1>HTML поддерживает следующие виды списков: </H1> <DL><DT>Ненумерованные списки <DD>Элементы ненумерованного списка выделяются специальным символом и отступом слева. Например: <UL> <LI>Понедельник <LI>Вторник <LI>Среда </UL> <DT>Нумерованные списки <DD>Элементы нумерованного списка выделяются отступом слева, а также нумерацией. Например:


Слайд 8

<OL> <LI>Понедельник <LI>Вторник <LI>Среда </OL> <DT>Списки определений <DD>Этот вид списков чуть сложнее. <P>Внутри элемента списка может находиться несколько абзацев.</P> <P>Все абзацы при этом будут иметь одинаковое левое поле. </P> </DL> </body> </html>


Слайд 9

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


×

HTML:





Ссылка: