- •Введение
- •1. Цель работы
- •2. Порядок выполнения работы
- •3. Теоретические положения
- •3.1. Создание страницы html
- •3.2 Редактирование страницы html
- •4. Практические задания Задание 1. Создание простейшей Web-страницы.
- •Задание 2. Изучение приемов форматирования абзацев.
- •Задание 3. Создание гиперссылок.
- •Задание 4. Создание изображения и использование его на Web-странице.
- •Задание 5. Приемы форматирования текста.
- •Задание 6. Приемы создания списков.
- •Задание 7. Создание таблиц.
- •Задание 8. Создание описания фреймов.
- •4. Содержание отчета
- •5. Контрольные вопросы
- •6. Список рекомендуемой литературы
- •Приложение
Задание 5. Приемы форматирования текста.
-
Откройте документ first.html в программе Блокнот.
-
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
-
Введите тег <BASEFONT SIZE="5" COLOR="BROWN">. Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.
-
Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните этот абзац с тега <Р>.
-
Введите теги: <Р><FONT SIZE="-2" FACE="ARIAL" COLOR="GREEN">.
-
Введите очередной абзац текста, закончив его тегом </FONT>.
-
В следующем абзаце используйте по своему усмотрению парные теги: <В> (полужирный шрифт), <I> (курсив), <U> (подчеркивание), <S> (вычеркивание), <SUB> (нижний индекс), <SUP> (верхний индекс).
-
В следующем абзаце используйте по своему усмотрению парные теги: <ЕМ> (выделение), <STRONG> (сильное выделение), <CODE> (текст программы), <KBD> (клавиатурный ввод), <SAMP> (пример вывода), <VAR> (компьютерная переменная).
-
Сохраните полученный документ под именем format.html
-
Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).
-
Дайте команду Файл > Открыть. Щелкните на кнопке Обзор и откройте файл format.html
-
Изучите, как использованные элементы HTML влияют на способ отображения текста.
-
Вернитесь в программу Блокнот и измените, документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.
-
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.
Задание 6. Приемы создания списков.
-
Если это задание выполняется не сразу после предыдущего, откройте документ first.html в программе Блокнот.
-
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
-
Вставьте в документ тег <OL TYPE="I">, который начинает упорядоченный (нумерованный) список.
-
Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
-
Завершите список при помощи тега </OL>.
-
Сохраните полученный документ под именем list.html
-
Запустите обозреватель Internet Explorer (Пуск > Программы > Internet Explorer).
-
Дайте команду файл > Открыть. Щелкните на кнопке Обзор и откройте файл list.html
-
Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE=.
-
Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
-
Вставьте в документ тег <UL TYPE="square">, который начинает неупорядоченный (маркированный) список.
-
Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
-
Завершите список при помощи тега </UL>. Сохраните документ под тем же именем.
-
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE=.
-
Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
-
Вставьте в документ тег <DL>, который начинает список определений.
-
Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом <DT>.
-
Вставьте в список соответствующие определения, предваряя их тегом <DD>.
-
Завершите список при помощи тега </DL>. Сохраните документ под тем же именем.
-
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-страницы список определений.