Практическая работа "Структура HTML-документа. Ввод текста"

П р а к т и ч е с к а я р а б о т а
Тема: Структура HTML-документа. Ввод текста
Задание 1. Изучите теоретический материал:
Чтобы создать Web-страницу, нужно написать программу на языке HTML (HyperText Markup
Language), то есть на языке разметки (форматирования) гипертекстовых документов. HyperText
Markup Language (HTML) является стандартным языком, предназначенным для создания
гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными
типами WEB-браузеров.
Язык HTML появился одновременно со службой World Wide Web и развивался вместе с ней.
Он является основой World Wide Web и одновременно причиной ее широчайшей популярности.
Смысл и название языка HTML можно понять, исходя из его названия.
Язык HTML появился одновременно со службой World Wide Web и развивался вместе с ней.
Он является основой World Wide Web и одновременно причиной ее широчайшей популярности.
Смысл и название языка HTML можно понять, исходя из его названия.
Гипертекст это текст, в который встроены специальные коды, управляющие
дополнительными элементами, такими как форматирование, иллюстрации, мультимедийные вставки
и гиперссылки на другие документы. Под разметкой понимают вставки в текст этих кодов,
определяющих то, как итоговый гипертекстовый документ должен отображаться специальной
программой-браузером. Разметка может быть простой или сложной, но в любом случае исходный
текст сохраняется в документе в неизменном виде.
HTML это компьютерный язык, в некотором смысле родственный языка программирования.
Он включает в себя достаточно строгие правила, которые необходимо соблюдать, чтобы получить
желаемый результат.
Документ HTML состоит из основного текста документа и тегов разметки, которые являются
наборами обычных символов. Документ HTML –это обычный текстовый файл. Для его создания
можно использовать любой текстовый редактор (Блокнот).
Описания Web страниц содержатся в HTML-программах (HTML-кодах) и хранятся в обычных
текстовых файлах с расширением HTM или HTML. Программы на языке HTML содержат
инструкции (коды), называемые тегами. Тег в переводе с английского означает «метка». Теги
представляют собой последовательность символов, заключенные в угловые скобки, например <P>.
Как правило, теги записываются прописными буквами, однако, большинство современных
браузеров допускают запись тегов в любом регистре.
Структура HTML - документа
1. Документ должен начинаться с открывающего тега < HTML> и заканчиваться
соответствующим закрывающим тегом </HTML>. Эта пара тегов сообщает браузеру, что перед ним
действительно документ HTML.
2. Документ HTML состоит из раздела заголовков и тела документа, идущих именно в таком
порядке. Раздел заголовков заключен между тегами <HEAD> и </HEAD> и содержит информацию
о документе в целом. В частности, этот раздел должен содержать внутри себя теги <TITLE> и
</TITLE>, между которыми размещают «официальный» заголовок документа. Большинство
браузеров, работающих в системе Windows, используют этот заголовок, чтобы заполнить строку
заголовка окна браузера.
3. Сам текст документа располагается в теле документа. Тело документа располагается между
тегами <BODY> и </BODY>.
Четыре перечисленных парных тега определяют основную структуру документа HTML.
Задание 2.
Раскроем окно текстового редактора «Блокнот» и напишем в нем текст HTML- программы. Вот
как это будет выглядеть
<HTML>
<HEAD>
<TITLE>Заголовок документа </TITLE>
</HEAD>
<BODY>
Этот текст можно прочитать на экране
</BODY>
</HTML>
Сохраним нашу программу в своей папке в файле с расширением HTM или HTML. Например,
назначим ей имя PROBA.HTML.
Теперь надо раскрыть этот файл в браузере. Для этого в проводнике найдите файл PROBA.HTML
и дважды щелкните левой кнопкой мыши по его имени или на его значке. В Windows все файлы с
расширением HTM или HTML открываются в окне браузера Internet Explorer, если, конечно, вы не
установили какой-нибудь другой браузер.
Если Вам потребуется что-то изменить в HTML коде, то, не выходя из окна браузера, в меню Вид
выберите команду (опцию) В виде HTML. В результате раскроется окно текстового редактора Блокнот
с файлом Вашей программы. Внесите нужные изменения и сохраните файл под тем же именем. После
этого в окне браузера выполните команду Вид > Обновить. В результате загрузится обновленный
HTML-файл.
Покажите выполненное задание преподавателю.
Для обозначения абзацев используют тег <P> соответствующий закрывающий </P>). Теги,
описывающие обычные абзацы, являются необязательными. Однако при наличии этих тегов браузеры
четко отслеживают границы между абзацами.
В языке HTML нет никаких средств для создания абзацного отступа (красной строки), поэтому
между абзацами браузер обычно вводит пустую строку. Для этого используют тег <br> (одиночный
тег).
Важным средством создания разделителей в тексте являются горизонтальные полоски
линейки, визуально отделяющие разные части документа друг от друга. Горизонтальная линейка
создается тегом <HR>. Это одиночный тег.
Пример 2
Раскроем окно текстового редактора «Блокнот» и напишем в нем текст HTML- документа
<HTML>
<HEAD>
<TITLE>Ввод текста</TITLE>
</HEAD>
<BODY>
<P> Эти строки отображаются слитно,
несмотря на то, что в документе
они отделены
друг от друга
<P>Закрывающий тег абзаца не обязателен. <P>Тег начала абзаца более важен, чем реальный переход
на новую строку
<HR>Текст после начала линейки <BR>разбит на две строки.
</Body>
</HTML>
Сохраните эту программу в своей папке в файле с расширением HTM или HTML. Например,
назначим ей имя PROBA_1.HTML. Раскройте этот файл в браузере.
Вы должны получить следующий результат.
Задание:
Создайте HTML- документ по образцу. Сохраните его в вашей папке с именем
PROBA_2.HTML. Покажите выполненное задание преподавателю.