Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ОСНОВЫ ИНТЕРНЕТА.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
1.37 Mб
Скачать

Упражнение 6.1. Создание простейшей Web-страницы

  1. Запустите текстовый редактор Блокнот (ПускПрограммы СтандартныеБлокнот).

  2. Введите следующий текст:

<DOCTYPE HTML PUBLIC “-//W3C/DTD HTML 3.2//EN”>

<HTML>

<HEAD>

<TITLE>3aroловок документа</TITLE >

</HEAD>

<BODY>

Содержание

документа

</BODY>

</HTML>

  1. Сохраните этот документ под именем first.htm.

Перед сохранением убедитесь, что сброшен флажок Не показывать расширения для зарегистрированных типов файлов (ПускНастройка Свойства папкиВид). В противном случае редактор Блокнот может автоматически добавить в конец имени расширение .txt.

4. Запустите программу Internet Explorer.

5. Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл first.htm.

6. Посмотрите, как отображается этот файл — простейший корректный документ HTML. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?

7. Как отображаются слова Содержание и документа, введенные в двух отдельных строчках? Почему? Проверьте, что происходит при уменьшении ширины окна?

Упражнение 6.2. Изучение приемов форматирования абзацев

  1. Откройте документ first.htm в программе Блокнот.

  2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.

  3. Введите заголовок первого уровня, заключив его между тегами <Н1> и </Н1>: <H1>ЭТО ЗАГОЛОВОК ПЕРВОГО УРОВНЯ</H1>

  1. Введите заголовок второго уровня, заключив его между тегами <Н2> и </Н2>: <H2>ЭТО ЗАГОЛОВОК ВТОРОГО УРОВНЯ</H2>

  2. Введите следующий абзац текста.

<p>Заголовок выделяется тэгами <Hх> и </Hх>, где х – цифра, обозначающая уровень заголовка. Всего может быть 6 уровней. Необходимо также иметь в виду, что браузер игнорирует символы возврата каретки и разбивает строки в зависимости от размера окна. Поэтому для создания отдельных абзацев применяется тэг <р>. Строго говоря, для завершения абзаца необходимо писать тэг </р>, однако он является необязательным и поэтому может отсутствовать. Для выравнивания текста используется параметр ALIGN тэга <р>. Этот параметр может принимать значения LEFT, RIGHT и CENTER для выравнивания соответственно по левому краю, правому краю и по центру. Например: <р ALIGN=”LEFT”></p>

Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.

  1. Введите тег горизонтальной линейки <HR>:

<hr color=#FFCCFF size="2" width="450" align="center" noshade>

  1. Введите еще один абзац текста:

<p>Любой параметр в теге <НR> необязателен. Они обозначают следующее: color=#FFCCFF – цвет линии в палитре RGB в шестнадцатеричной системе, size="2" – толщину линии в пикселах, width="450" – ширину линии в пикселах, align="center" – выравнивание по центру, noshade – отутствие у линии тени.</p>

  1. Сохраните этот документ под именем paragraph.htm.

  2. Запустите обозреватель Internet Explorer.

  3. Дайте команду ФайлОткрыть. Щелкните на кнопке Обзор и откройте файл paragraph.htm.

  4. Посмотрите, как отображается файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.