Язык разметки гипертекста - html
Лабораторная работа №5
Москва 2003
Практическая работа № 1. Создание простейшей Web-страницы
Цель работы: освоение приема создания документа HTML, знакомство с особенностями форматирования документов HTML и их отображения при помощи обозревателя Internet Explorer.
Создайте в Вашей рабочей папке - подпапку Web, в этой папке должны хранится ВСЕ созданные файлы, которые будут созданы в процессе выполнения практических работ
Запустите текстовый редактор Блокнот (Пуск / Программы / Стандартные / Блокнот). Уменьшите окно редактора так, чтобы оно стало занимать 1/4 часть экрана монитора.
Введите следующий документ:
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Содержание
документа
</BODY>
</HTML>
Сохраните этот документ под именем first.htm. Убедитесь, что в поле Тип файла выбрано Все файлы(*.*) (рис.1), так как необходимо сохранить наш файл first только с расширением .htm (иначе редактор Блокнот автоматически добавить в конец имени расширение .ТХТ). Сверните окно редактора Блокнот, но не закрывайте.
Рис. 1
Запустите программу Internet Explorer (Пуск / Программы /
Internet
Explorer).
Окно
редактора Internet
Explorer
восстановите во весь экран.Дайте команду Файл / Открыть…. Щелкните на кнопке Обзор… и откройте файл first.htm.
Посмотрите, как отображается этот файл – корректный простейший документ HTML. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?
Как отображаются слова «Содержание» и «документа», введенные в двух отдельных строчках? Почему? Т.е. получилось, что редактор Internet Explorer игнорирует разного рода отступы, концы строк и множественные пробелы. В принципе, текст можно рассматривать как одну длинную строку. Для того чтобы разбить текст на отдельные абзацы необходимо вставить определенные теги, они будут изучены в последующих практических работах. Проверьте, что происходит при уменьшении ширины окна.
Вернитесь в окно редактора Блокнот, но при этом не закрывайте окна редактора Internet Explorer. Добавьте после фразы «Содержание документа» Ваши фамилию, имя и отчество. Сохраните файл под прежним именем first.htm. Вернитесь в окно редактора Internet Explorer и нажмите кнопку
Обновить
на панели инструментов. Таким переходом
между двумя редакторами мы будем изучать
правила языка
HTML.ВСЕГДА СОХРАНЯЙТЕ ДОКУМЕНТ В БЛОКНОТЕ ПРЕЖДЕ ЧЕМ ПРОСМОТРЕТЬ ЕГО В INTERNET EXPLORER!!!
Практически все теги языка HTML имеют атрибуты, которые записываются после имени тега, например атрибут BGCOLOR тега <BODY> устанавливает цвет фона Web-страницы.
Измените написание тега с <BODY> на <BODY BGCOLOR=”AQUA”>; добавьте свое содержание между тегами:
<BODY>
У лукоморья дуб зеленый;
Златая цепь на дубе том:
И днем и ночью кот ученый ….
</BODY>
Сохраните в редакторе Блокнот и переходите в Internet Explorer, обновите содержимое окна. Как отображается наше стихотворение? Форматирование текста описано во второй практической работе.
Контрольные вопросы:
В каком приложении создается HTML-документ?
Какое расширение имеет HTML-документ?
Какая программа запускается при открытии HTML-документа через Мой компьютер?
Как открыть произвольный HTML-документ в Internet Explorer?
Что такое ТЕГ? Приведите для примера 3 тега?
Приведите пример атрибута. Что он означает и где он записывается?
Что редактор игнорирует?
Как обновить представление HTML-документа в окне Internet Explorer?