Получите свидетельство
ВходУрок информатики Списки в HTML
Урок информатики в котором мы познакомимся с маркированными, неупорядоченнымии нумерованными, упорядоченными списками в HTML и их основными атрибутами.
Урок информатики Списки в HTML (теория).
HTML поддерживает упорядоченные списки, неупорядоченные списки, и списки определений. Отличаются эти разновидности списков лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики
Неупорядоченные списки
Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).
Неупорядоченный список начинается с тега <ul>. Каждый элемент списка начинается с тега <li>.
<html>
<body>
<h4>Неупорядоченный список:</h4>
<ul>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ul>
</body>
</html>
Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки,
Упорядоченные списки
Упорядоченный список также является списком элементов. Элементы списка маркируются с помощью чисел или букв.
Упорядоченный список начинается с тега<ol>. Каждый элемент списка начинается с тега <li>. У тега <ol> может быть два атрибута start (определяет первое число, с которого начинается нумерация пунктов) и type (определяет стиль нумерации пунктов). Может иметь значения:
- «A» — заглавные буквы A, B, C …
- «a» — строчные буквы a, b, c …
- «I» — большие римские числа I, II, III …
- «i» — маленькие римские числа i, ii, iii …
- «1» — арабские числа 1, 2, 3 …
<html>
<body>
<h4>Упорядоченный список:</h4>
<ol>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>
</body>
</html>
Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки,
Списки определений
Список определений не является списком элементов. Это список терминов и определений терминов.
Список определений начинается с тега <dl>. Каждый термин списка определений начинается с тега <dt>. Каждое определение списка начинается с тега <dd>.
<html>
<body>
<dl>
<dt>элемент 1</dt>
<dd>описание элемента 1</dd>
<dt>элемент 2</dt>
<dd>описание элемента 2</dd>
</dl>
</body>
</html>
Внутри определения списка определений (тег <dd>) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки,
Теги списков
|
Тег |
Описание |
|
<ol> |
Определяет упорядоченный список |
|
<ul> |
Определяет неупорядоченный список |
|
<li> |
Определяет элемент списка |
|
<dl> |
Определяет список определений |
|
<dt> |
Определяет термин определения |
|
<dd> |
Определяет описание определения |
|
<dir> |
Не рекомендуется. Используйте вместо этого <ul> |
|
<menu> |
Не рекомендуется. Используйте вместо этого <ul> |
Получите комплекты видеоуроков + онлайн версии
Похожие записи
19148
Нравится
0
Да, я тоже сразу подметил ошибку. Было неправильно указано значение атрибута type = "sguare".
Нужно было вместо g написать q
Вот так написала:
Вопрос?
1. Нумерованные списки: Римские цифры, если больше 100 то уходит за левую видимую часть экрана? Видно последние три символа.
2. Как Вы переводите введеный на неправильной раскладке клавы текст к нормальному виду. Набираем кирилицу при латинской раскладке клавы а потом раз, и все в кирилице?
Огромное спасибо!
1. Можно использовать CSS стили
2. Это программа Punto Switcher. Она описана на этой странице
Ок. Очень хорошо.
Естественно я это пишу в ковычках всё.
Спасибо. Если что не понятно спрашивайте.