Вложенный список

Дата добавления: 2013-12-23; просмотров: 938; Нарушение авторских прав

Различные типы неупорядоченных списков

Различные типы упорядоченных списков

Дополнительные примеры

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

Список определений не является списком элементов. Это список терминов и определений терминов.

Список определений начинается с тега <dl>. Каждый термин списка определений начинается с тега <dt>. Каждое определение списка начинается с тега <dd>.

<html><body> <dl><dt>элемент 1</dt><dd>описание элемента 1</dd><dt>элемент 2</dt><dd>описание элемента 2</dd></dl> </body></html>

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

Внутри определения списка определений (тег <dd> ) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

<html><body> <h4>Список проектов с цифрами:</h4><ol> <li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с буквами:</h4><ol type="A"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с буквами нижнего регистра:</h4><ol type="a"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с римскими цифрами:</h4><ol type="I"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> <h4>Список с римскими цифрами в нижнем регистре:</h4><ol type="i"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ol> </body></html>

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

<html><body> <h4>Список со значком кругом:</h4><ul type="disc"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ul> <h4>Список со значком окружностью:</h4><ul type="circle"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ul> <h4>Список со значком квадратом:</h4><ul type="square"><li>intuit.ru</li> <li>osp.ru</li> <li>file.ru</li></ul> </body></html>

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

<html><body> <h4>Вложенный список:</h4><ul> <li>элемент 1</li> <li>элемент 2</li> <ul> <li>элемент 2.1</li> <li>элемент 2.2</li> </ul> <li>элемент 3</li></ul> </body></html> <html><body> <h4>Вложенный список:</h4><ul> <li>элемент 1</li> <li>элемент 2</li> <ul> <li>элемент 2.1</li> <li>элемент 2.2</li> <ul> <li>элемент 2.2.1</li> <li>элемент 2.2.2</li> </ul> </li> </ul> </li> <li>элемент 3</li></ul> </body></html>

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

<== предыдущая лекция	\|	следующая лекция ==>
Упорядоченные списки	\|	Вставка изображений