Перечисления (списки)
Самостоятельная работа 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 ...
<html> <body>
<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>) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.
<html> <body>
Пример вложенного списка:
<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>