|
Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Инспектор
Вы можете этот курс.
Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 5:
Списки HTML
Дополнительные примеры
Различные типы упорядоченных списков
<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-кода
Список определений
<html> <body> <h4>Список определений:</h4> <dl> <dt>элемент 1</dt> <dd>описание элемента 1</dd> <dt>элемент 2</dt> <dd>описание элемента 2</dd> </dl> </body> </html>
Пример выполнения данного HTML-кода
Теги списков
| Тег | Описание |
|---|---|
| <ol> | Определяет упорядоченный список |
| <ul> | Определяет неупорядоченный список |
| <li> | Определяет элемент списка |
| <dl> | Определяет список определений |
| <dt> | Определяет термин определения |
| <dd> | Определяет описание определения |
| <dir> | Не рекомендуется. Используйте вместо этого <ul> |
| <menu> | Не рекомендуется. Используйте вместо этого <ul> |
