Практическая работа №3

Наименование: Использование списков на web - страницах

1. Цель: Научится использовать различные виды списков при оформлении web - страницы

2. Литература:

2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.

3. Задание:

3.1 В строке заголовка должен отражаться номер практической работы

3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

3.3 Создайте нумерованный список – Дни недели

Маркированный список – Времена года

Вложенный список – Месяца года (осенние, зимние…)

Список определений – дать любые три определения

3.4 Оформление страницы продумать самостоятельно, также самому выбрать тип маркера

4. Содержание отчета:

4.1 Наименование и цель работы

4.2 Код программы

4.3 Ответы на контрольные вопросы

4.4 Вывод о проделанной работе

5. Порядок выполнения работы:

5.1 Создайте свою папку, куда в дальнейшем будете размещать свои документы.

5.2 Запустите Блокнот.

5.3 Наберите HTML – код своей программы.

5.4 Сохраните свой документ с расширением *.html, для чего в меню файл выберите команду Сохранить как... Из перечня Тип файла выберите Все файлы.

5.5 Откройте свой файл и просмотрите результат.

6. Контрольные вопросы:

6.1 Что такое список? Какие виды списков вам известны?

6.2 С помощью какого тега осуществляется переход на новую строку?

6.3 Запишите часть кода, который определял бы нумерацию – римскую, а номер позиции начинался с 3.

ПРИЛОЖЕНИЕ:

Списки применяются для организации и группировки данных. В HTML можно выделить следующие типы списков:

• маркированный;

• нумерованный;

• вложенный;

• определений.

Маркированные списки – это списки, в которых пункты отмечаются с помощью различных символов. Для создания списков используется элемент UL, требующий наличие закрывающего тега. Пункты списка находятся внутри элемента UL. Каждый пункт начинается с элемента LI.

У элемента UL есть атрибут TYPE, определяющий вид маркера списка:

• CIRCLE – пустой круг;

• SQUARE – квадрат;

• DISC – черный круг.

Для создания нумерованных списков применяется элемент OL, требующий наличие закрывающего тега. Пункты списка находятся внутри элемента OL. Каждый пункт начинается с элемента LI. У элемента OL есть атрибут TYPE, указывающий, что пункты будут нумероваться с помощью:

• A – заглавных букв латинского алфавита;

• а – строчных букв латинского алфавита;

• I – заглавных римских цифр;

• 1 – арабских цифр.

Вторым атрибутом элемента OL является атрибут START, указывающий, с какого числа начать нумерацию всего списка.

В HTML можно комбинировать и вкладывать друг в друга списки разных типов, но при этом нужно следить за тем, где заканчивается один вид списка и начинается другой.

Список определений – это особый вид списка, который применяется для форматирования словарей или когда необходимо пояснить значения терминов. Для организации списков определений служит элемент DL – внутри него будут находиться определение и описание термина. Чтобы внести информацию внутрь элемента DL, нужно задать элементы DT и DD. Первый используется для того, чтобы задать определение, второй – для описания термина.