Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Информатика УМК (лекции).doc
Скачиваний:
90
Добавлен:
11.02.2015
Размер:
2.09 Mб
Скачать

Раздел V .Локальные и глобальные сети эвм. Основы защиты информации и сведений, составляющих государственную тайну. Методы защиты информации

5.1. Особенности форматирования документов html. Создание простейшей web-страницы. Изучение приемов форматирования абзацев.

  • Создание простейшей Web-страницы

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

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

<HTML>

<HEAD>

<TITLE>СОЗДАНИЕWeb-документа</TITLE>

</HEAD>

<BODY>

Автономные Web-документы используют языкHTML(HyperTextMarkupLanguage

- язык разметки гипертекста). Гипертекст включает дополнительные элементы:

иллюстрации, ссылки, вставные объекты. Под разметкой понимается использование

специальных кодов, легко отделяемых от смыслового содержания документа.

Применение этих кодов подчиняется строгим правилам.

</BODY>

</HTML>

  1. Сохраните документ под именем Мои_документы\1_курс\first.html

  2. Запустите программу Internet Explorer ( Пуск-Программы- Internet Explorer)

  3. Дайте команду Файл-Открыть . Щелкните на кнопке Обзор и откройте файл Мои_документы\1_курс\first.html

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

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

Контрольные вопросы

  1. Поясните, каковы особенности форматирования документов HTML.

  2. Как отображаются документы HTMLпри помощи браузераInternetExplorer?

  3. Какой раздел ограничивается тегами <HEAD> </HEAD>?

  4. Какие теги используются для ограничения тела документа?

  5. Какими тегами ограничивается общий заголовок документа?

  • Изучение приемов форматирования абзацев (15’)

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

  1. Откройте документ Мои_документы\1_курс\first.htmв программе Блокнот.

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

  3. Введите заголовок первого уровня, заключив его между тегами <H1> и </H1>.

  4. Введите заголовок второго уровня, заключив его между тегами <H2> и </H2>.

  5. Введите отдельный абзац текста, начав его с тега <P>. Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.

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

  7. Введите еще один абзац текста, начав его с тега <P>.

  8. Сохраните этот документ под именем Мои_документы\1_курс\paragraph.htm .

  9. Запустите программу Internet Explorer (Пуск-Программы- Internet Explorer).

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

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

Контрольные вопросы

  1. Каким образом в происходит разметка абзацев?

  2. Как разметить заголовок 1-го уровня? 2-го уровня?

  3. За что отвечает тег <HR> ?