Практическая работа №1.
Создание простой страницы и отображение в браузере
Для того, чтобы отобразить HTML – документ, браузер принимает его из сети и выполняет команды встреченные в тегах (дескрипторах). Сами теги не отображаются в окне браузера, представляется только результат обработки HTML – документа.
HTML – документ может начинаться с тега <!DOCTYPE>, указывающего на версию языка HTML, с помощью которого написан данный документ.Например, указание на 4-ю версию языка выглядит таким образом:
<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.0//EN”>
Создание Web – страницы.
- Загрузите текстовый редактор WordPad или Блокнот.
- Установите режим Формат – Перенос по словам, чтобы текст страницы не выходил за пределы текущего окна.
- Скопируйте исходный текст (без рамки) из лабораторной работы. Вставьте в окно документа Блокнот:
Моя первая страница. Брачное объявление
Как Апполон, красив и статен,
Как ледокол «Ермак», силен,
Как герцог Букенгемский знатен,
Как десять ЭВМ, умен,
Как бой курантов, пунктуален,
Как меч Фемиды, справедлив,
Как Казанова, сексуален,
Как муравей, трудолюбив,
Как наркобизнес, обеспечен
И почитаем, как генсек,
Как В. Ульянов, человечен –
Таков я вкратце, человек.
Мне в женщине не надо много:
Лишь только б вышла за такого.
А. Костюшкин
Введите <HTML> непосредственно над текстом и </HTML> непосредственно под текстом страницы. (Эти теги задают начало и конец страницы.)
- Введите <HEAD> под дескриптором <HTML>
- Дважды нажмите Enter
- Наберите </HEAD> (Эти теги задают служебную часть страницы, не отображаемую в окне браузера).
- Введите <TITLE> непосредственно под <HEAD>
- Наберите текст названия (заголовка) Web – страницы (Брачные объявления)
- Введите </TITLE> в конце заголовка.
- Наберите <BODY> непосредственно под тегом </HEAD>
- Введите </BODY> непосредственно над дескриптором </HTML> (В этих тегах задается основной текст страницы).
- Сохраните полученный документ под именем index.html (или index.htm).
- Обратите внимание на расстановку тегов в странице и запомните ее.
- Откройте созданный файл с помощью браузера. Обратите внимание на разницу между исходным файлом и отображением в браузере.
- Перейдите в окно редактора HTML (дальнейшие изменения в тексте HTML – страницы отобразятся в браузере по команде обновить – клавиша F5)
Сохранение начального форматирования текста, пробелов и пустых строк.
1) Введите в тексте HTML – файла index.htm непосредственно под дескриптором <BODY> тег сохранения форматирования <PRE>
2) Введите непосредственно над дескриптором </BODY> тег </PRE>
3) Сохраните, просмотрите и проанализируйте результат в браузере.
Контрольные вопросы:
- Какова структура веб-документа?
- Какие бывают теги? Как необходимо сохранять веб-документ?
Комментарии пользователей
Добавить комментарийИзвините, но у Вас не достаточно прав для добавления комментария.