Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Практикум ПО КС.doc
Скачиваний:
5
Добавлен:
09.11.2019
Размер:
427.52 Кб
Скачать

Лабораторная работа № 5 «Теги для создания списка и таблиц»

1 ОБЩИЕ МЕТОДИЧЕСКИЕ УКАЗАНИЯ ПО ВЫПОЛНЕНИЮ ЛАБОРАТОРНОЙ РАБОТЫ

1.1 Цель работы: Знакомство с основными тегами языка HTML.

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

1.3 Используемые программно-технические средства:

Персональная ЭВМ класса IBM PC стандартной конфигурации; операционная система Windows 2000/XP/Vista, Текстовый редактор;

1.4 В процессе выполнения лабораторной работы студент должен:

  • Ознакомится с теоретическим материалом.

  • Создать HTML – документ.

  • Подготовить отчет по лабораторной работе.

  • Отчитаться по исполненному заданию.

Перед выполнением лабораторной работы каждый студент обязан изучить правила техники безопасности при работе в помещении с электронно-вычислительной техникой.

1.5 Указания по оформлению отчета:

Отчет должен содержать: титульный лист, цель работы; ответы на контрольные вопросы; описание последовательности действий необходимых для выполнения задания на лабораторную работу; выводы.

1.6 Указания по сдаче зачета преподавателю

Для сдачи зачета необходимо:

1) предъявить отчет;

2) ответить на контрольные вопросы.

2 ТЕОРЕТИЧЕСКИЙ МАТЕРИАЛ

Списки

Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.

Любой список представляет собой контейнер <UL>, который устанавливает маркированный список, или <OL>, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега <LI>.

Маркированный список

Маркированный список определяется тем, что перед каждым элементом списка добавляется небольшой маркер, обычно в виде закрашенного кружка. В этом смысле все пункты списка идентичны по своему оформлению. Для установки маркированного списка используются теги <UL> и <LI> (пример 1).

Пример 1. Создание маркированного списка <html> <head> </head> <body> <ul> <li> input hardware </li> <li>processing hardware</li> <li>storage hardware</li> <li>output hardware</li> </ul> </body> </html>

Результат выполнения примера показан ниже.

  • input hardware

  • processing hardware

  • storage hardware

  • output hardware

Обратите внимание на отступы сверху, снизу и слева от списка. Такие отступы добавляются автоматически.

Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора стиля маркера используется параметр type тега <UL>. Допустимые значения приведены в табл. 1.

Табл. 1. Стили маркеров списка

Тип списка

Код HTML

Пример

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

<ul type="disc"> <li>...</li> </ul>

  • Чебурашка

  • Крокодил Гена

  • Шапокляк

Маркированный список с маркерами в виде окружности

<ul type="circle"> <li>...</li> </ul>

  • Чебурашка

  • Крокодил Гена

  • Шапокляк

Маркированный список с квадратными маркерами

<ul type="square"> <li>...</li> </ul>

  • Чебурашка

  • Крокодил Гена

  • Шапокляк