Перечисления (списки)

Самостоятельная работа 6-7 студента ___________________________________

Формування документу за допомогою мови гіпертекстової розмітки

План

1. Переліки

2. Таблиці

Задание:

Вариант 1. В распечатанном варианте самостоятельной работы подчеркнуть основной материал, ответить на контрольные вопросы. Скрепить листы. Подписать работу

Вариант 2. Составить опорный конспект в тетради для СР. Ответить на контрольные вопросы.

Вариант 3. Выполнить единое практическое индивидуальное задание для СР 1-7 (тему согласовать с преподавателем)

Перечисления (списки)

Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).

Неупорядоченный список начинается с тега <ul>. Каждый элемент списка начинается с тега <li>. Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

<html> <body><h4>Неупорядоченный список:</h4><ul> <li>элемент 1</li> <li>элемент 2</li> <li>элемент 3</li></ul></body> </html>

У тега <ul> может быть атрибут type, который определяет стиль нумерации пунктов: "disc", "circle", "square" и т.д.

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

Упорядоченный список также является списком элементов. Элементы списка маркируются с помощью чисел или букв. Упорядоченный список начинается с тега<ol>. Каждый элемент списка начинается с тега <li>.<html> <body>

<h4>Упорядоченный список:</h4><ol> <li>элемент 1</li> <li>элемент 2</li> <li>элемент 3</li></ol></body> </html>

У тега <ol> может быть два атрибута start (определяет первое число, с которого начинается нумерация пунктов) и type (определяет стиль нумерации пунктов). Может иметь значения:

· "A" - заглавные буквы A, B, C...

· "a" - строчные буквы a, b, c...

· "I" - большие римские числа I, II, III...

· "i" - маленькие римские числа i, ii, iii...

· "1" - арабские числа 1, 2, 3...

<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> </body> </html>

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

<dl><dt>элемент 1</dt><dd>описание элемента 1</dd><dt>элемент 2</dt><dd>описание элемента 2</dd></dl></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>