Практическая работа №2 Тема: Структура 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. Покажите выполненное задание преподавателю.