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