- •Язык разметки гипертекста - html
- •Практическая работа № 1. Создание простейшей Web-страницы
- •Практическая работа № 2. Форматирование абзацев.
- •Практическая работа № 3. Создание гиперссылок.
- •Практическая работа № 4. Использование изображений.
- •Практическая работа № 5. Усложненное форматирование текста.
- •Практическая работа № 6. Создание списков.
- •Практическая работа № 7. Создание таблиц.
- •Практическая работа № 8. Знакомство с фреймами.
- •Практическая работа № 9. Использование MicrosoftWord при разработке html-страниц.
Практическая работа № 6. Создание списков.
Цель работы: изучение приемов создания списков средствами языка HTML и определения способов их нумерации (маркировки), изучение приемов создания списков определений.
Если эта работа выполняется не сразу после предыдущей, то откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание это: первый пункт, второй пункт, третий пункт.
Вставьте в документ тег <OL TYPE="I">, который начинает упорядоченный (нумерованный) список. Нумерация ведется римскими цифрами (I, II, III, VI, …). Если атрибут ТYPE не указывать, нумерация будет осуществляться арабскими цифрами (1, 2, 3, 4, …).
Вставьте в документ элементы списка, например: монитор, принтер, сканер, дисковод, клавиатура - предваряя каждый из них тегом <LI>.
Завершите список при помощи тега </OL>.
Сохраните полученный документ под именем list.htm
Запустите обозреватель Internet Explorer (Пуск / Программы / Internet Explorer).
Дайте команду Файл / Открыть…. Щелкните на кнопке Обзор… и откройте файл list.htm.
Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE=.
Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
Вставьте в документ тег <UL TYPE="SQUARE">, который начинает неупорядоченный (маркированный) список.
Вставьте в документ элементы списка, например: монитор, принтер, сканер, дисковод, клавиатура - предваряя каждый из них тегом <LI>.
Завершите список при помощи тега </UL>. Сохраните документ под именем link_1.htm.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE=. Есть еще два варианта атрибута TYPE это - DISC и CIRCLE. Подготовьте еще два маркированных списка, используя эти варианты.
Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
Вставьте в документ тег <DL>, который начинает список определений.
Вставьте в список определяемые слова Остров и Материк, предваряя соответствующие абзацы тегом <DT>.
Вставьте в список соответствующие определения:
Часть суши, окруженная со всех сторон водой
Очень большой остров
предваряя их тегом <DD>.
19. Завершите список при помощи тега </DL>. В результате у вас должно получиться:
<DL> <DT>остров <DD>часть суши, окруженная со всех сторон водой
<DT>материк <DD>очень большой остров </DL>
Сохраните документ под тем же именем.
20. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-страницы список определений.
Контрольные вопросы:
Какой тег служить для создания упорядоченного (нумерованного) списка?
Какой атрибут и с какими параметрами служить для изменения нумерации в списке?
Какой тег служить для создания неупорядоченного (маркированного) списка?
Какой атрибут и с какими параметрами служить для изменения символов маркеров в списке?
Какой тег служит для создания списка определений?
Какой тег служит для указания определяемого слова в списке определений?
Какой тег служит для указания описания в списке определений?