|
Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 24505 / 10755 | Оценка: 4.30 / 4.02 | Длительность: 08:22:00
Специальности: Программист, Разработчик интернет-проектов
Теги:
Лекция 5:
Списки HTML
Аннотация: Этот урок посвящен созданию списков, их оформлению и упорядочению.
Ключевые слова: HTML
HTML поддерживает упорядоченные списки, неупорядоченные списки, и списки определений. Отличаются эти разновидности списков лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.
Неупорядоченные списки
Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).
Неупорядоченный список начинается с тега <ul>. Каждый элемент списка начинается с тега <li>.
<html> <body> <h4>Неупорядоченный список:</h4> <ul> <li>элемент 1</li> <li>элемент 2</li> <li>элемент 3</li> </ul> </body> </html>
Пример выполнения данного 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>
Пример выполнения данного HTML-кода
Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.
Списки определений
Список определений не является списком элементов. Это список терминов и определений терминов.
Список определений начинается с тега <dl>. Каждый термин списка определений начинается с тега <dt>. Каждое определение списка начинается с тега <dd>.
<html> <body> <dl> <dt>элемент 1</dt> <dd>описание элемента 1</dd> <dt>элемент 2</dt> <dd>описание элемента 2</dd> </dl> </body> </html>
Пример выполнения данного HTML-кода
Внутри определения списка определений (тег <dd> ) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.
