- Курс-практикум «Педагогический драйв: от выгорания к горению»
- «Труд (технология): специфика предмета в условиях реализации ФГОС НОО»
- «ФАООП УО, ФАОП НОО и ФАОП ООО для обучающихся с ОВЗ: специфика организации образовательного процесса по ФГОС»
- «Специфика работы с детьми-мигрантами дошкольного возраста»
- «Учебный курс «Вероятность и статистика»: содержание и специфика преподавания в условиях реализации ФГОС ООО и ФГОС СОО»
- «Центр «Точка роста»: создание современного образовательного пространства в общеобразовательной организации»
Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014
- Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
- Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
- Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
в СМИ
профессиональную
деятельность
Структура HTML-документа. Ввод текста
740
0
Практическая работа
Тема: СтруктураHTML-документа. Ввод текста
Задание 1. Изучите теоретический материал:
Чтобы создатьWeb-страницу, нужно написать программу на языке HTML (HyperTextMarkupLanguage), то есть на языке разметки (форматирования) гипертекстовых документов. HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров.
Язык HTML появился одновременно со службой WorldWideWeb и развивался вместе с ней. Он является основой WorldWideWeb и одновременно причиной ее широчайшей популярности. Смысл и название языкаHTML можно понять, исходя из его названия.
Язык HTML появился одновременно со службой WorldWideWeb и развивался вместе с ней. Он является основой WorldWideWeb и одновременно причиной ее широчайшей популярности. Смысл и название языкаHTML можно понять, исходя из его названия.
Гипертекст – это текст, в который встроены специальные коды, управляющие дополнительными элементами, такими как форматирование, иллюстрации, мультимедийные вставки и гиперссылки на другие документы. Под разметкой понимают вставки в текст этих кодов, определяющих то, как итоговый гипертекстовый документ должен отображаться специальной программой-браузером. Разметка может быть простой или сложной, но в любом случае исходный текст сохраняется в документе в неизменном виде.
HTML – это компьютерный язык, в некотором смысле родственный языка программирования. Он включает в себя достаточно строгие правила, которые необходимо соблюдать, чтобы получить желаемый результат.
Документ HTML состоит из основного текста документа и тегов разметки, которые являются наборами обычных символов. ДокументHTML –это обычный текстовый файл. Для его создания можно использовать любой текстовый редактор (Блокнот).
Описания Web – страниц содержатся в HTML-программах (HTML-кодах) и хранятся в обычных текстовых файлах с расширением HTM или HTML. Программы на языке HTML содержат инструкции (коды), называемые тегами. Тег в переводе с английского означает «метка». Теги представляют собой последовательность символов, заключенные в угловые скобки, например <P>. Как правило, теги записываются прописными буквами, однако, большинство современных браузеров допускают запись тегов в любом регистре.
СтруктураHTML - документа
Документ должен начинаться с открывающего тега < HTML> и заканчиваться соответствующим закрывающим тегом </HTML>. Эта пара тегов сообщает браузеру, что перед ним действительно документ HTML.
Документ HTML состоит из раздела заголовков и тела документа, идущих именно в таком порядке. Раздел заголовков заключен между тегами <HEAD> и </HEAD> и содержит информацию о документе в целом. В частности, этот раздел должен содержать внутри себя теги <TITLE> и </TITLE>, между которыми размещают «официальный» заголовок документа. Большинство браузеров, работающих в системе Windows, используют этот заголовок, чтобы заполнить строку заголовка окна браузера.
Сам текст документа располагается в теле документа. Тело документа располагается между тегами <BODY> и </BODY>.
Четыре перечисленных парных тега определяют основную структуру документа HTML.
Задание 2.
Раскроем окно текстового редактора «Блокнот» и напишем в нем текст HTML- программы. Вот как это будет выглядеть
<HTML>
<HEAD>
<TITLE>Заголовок документа </TITLE>
</HEAD>
<BODY>
Этот текст можно прочитать на экране
</BODY>
</HTML>
Сохраним нашу программу в своей папке в файле с расширением HTM или HTML. Например, назначим ей имя PROBA.HTML.
Теперь надо раскрыть этот файл в браузере. Для этого в проводнике найдите файл PROBA.HTML и дважды щелкните левой кнопкой мыши по его имени или на его значке. В Windows все файлы с расширением HTM или HTML открываются в окне браузера InternetExplorer, если, конечно, вы не установили какой-нибудь другой браузер.
Если Вам потребуется что-то изменить в 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. Покажите выполненное задание преподавателю.
Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/31760-struktura-html-dokumenta-vvod-teksta
БЕСПЛАТНО!
Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)
Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.
- «Дополнительное образование детей: содержание и особенности организации учебных занятий»
- «ФГОС ООО от 2021 года и ФГОС СОО с изменениями от 2022 года: особенности реализации образовательного процесса»
- «Содержание и методы преподавания учебного предмета «Русский язык» по ФГОС НОО»
- «Особенности работы с одаренными детьми»
- «Экскурсионный менеджмент»
- «Основы финансовой грамотности: особенности преподавания в начальной школе в соответствии с ФГОС НОО»
- Теория и методика дополнительного образования детей
- Теория и методика преподавания музыки в образовательных учреждениях
- Преподаватель среднего профессионального образования
- Содержание и организация методической работы в дошкольной образовательной организации
- Теория и методика преподавания математики в образовательных организациях
- Изобразительное искусство и педагогическая деятельность в образовательных организациях
Чтобы оставлять комментарии, вам необходимо авторизоваться на сайте. Если у вас еще нет учетной записи на нашем сайте, предлагаем зарегистрироваться. Это займет не более 5 минут.