Информационно-дидактический блок (аннотация, пособия)
ОсновыHTML-документа.
"Всемирная паутина" World Wide Web на сегодня является ведущим сервисом Интернет, постепенно вытесняющим или включающим в себя большинство других сетевых служб. Документы, составляющие содержание WWW, называются Web-страницами, а формат, с помощью которого подготавливаются Web-страницы, называется HTML (HyperText Markup Language) или “язык разметки гипертекста”. Под гипертекстом же в простейшем случае понимается текст, позволяющий не только последовательное прочтение, то есть, указателями-ссылками связанный с другими текстами.
HTML представляет собой достаточно простой набор команд, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу отдельно подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами.
HTML не задает конкретные и точные атрибуты форматирования документа, как, например, Microsoft Word. Конкретный вид документа окончательно определяет только программа-браузер на Вашем компьютере. Необходимость именно такого подхода связана с разнородностью аппаратного и программного обеспечения компьютеров, подключенных к Интернет. HTML также не является языком программирования, но web-страницы могут включать в себя встроенные программы-скрипты на языках Javascript и Visual Basic Script и программы-апплеты на языке Java.
С точки зрения пользователя Windows, Web-страница – это просто файл типа *.htm или *.html, находящийся на сервере Интернет, в локальной сети или на жестком диске Вашей машины.
СтруктураHTML-документа <html> <head> -------- текст заголовка --------- </head> --------- текст документа ---------</html> | Пример 1.<html> <head> <title> Пример 1 </title> </head> <body> Асанбаева Айнур Муратовна </body> </html> |
Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, <html> ) называется меткой (по-английски — tag, читается "тэг"). Большинство HTML-меток — парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением "/". Метки можно вводить как большими, так и маленькими буквами.
Раздел HTML определяет специфику документа, содержание которого будет интерпретироваться браузером. Раздел описывается тэгом контейнером <HTML>…</HTML> и дает браузеру информацию о том, что документ разработан с помощью языка разметки HTML. Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, «бойцом невидимого фронта». Тэги, указываемые внутри раздела, чрезвычайно важны и могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тэг <HEAD>…</HEAD>. Внутри раздела HEAD можно указывать следующие тэги HTML. Парный тэг <TITLE>…</TITLE> предназначен для указания имени созданного электронного документа. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы. Раздел BODY является одним из самых важных компонентов любого HTML-докуманта, т.к. в нем располагается содержательная часть, которая выводится браузером на экран монитора пользователя. Раздел описывается парным тэгом <BODY>…</BODY>, внутри которого размещается большинство существующих тэгов HTML.Форматирование текста.В большинстве случаев мы посещаем интернет-сайты в поисках именно текстовой информации: статей и художественных произведений, новостей и технической документации и т.п. И от того, как оформлен текст, как он преподнесен посетителю, зависит многое в судьбе любого Web-сайта. Область работы с текстом в HTML включает в себя большое количество всевозможных тэгов, составляющих две основные группы: тэги логического и физического форматирования. В группу тэгов логического форматирования входят тэги, отображающие на экране монитора элементы документа таким образом, как установлено по умолчанию в спецификации языка разметки HTML. Переопределить их параметры или свойства нельзя, за исключением использования стилевых шаблонов CSS и обособления тэгами физического форматирования. Результат действия разных тэгов логического форматирования визуально может совпадать, ибо основное их предназначение заключается в логическом акценте отдельных элементов HTML. Тэги физического форматирования позволяют разработчику HTML-документа визуально изменять текст, варьируя его параметры и значения. Другими словами, тэги физического форматирования предназначены для выделения отдельных тестовых фрагментов различными способами, установленными автором документа. Тэги логического форматированияПри использовании логических стилей автор документа не может знать заранее, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по-разному. Некоторые браузеры игнорируют некоторые метки вообще и показывают нормальный текст вместо выделенного логическим стилем. Вот самые распространенные логические стили.
Атрибут | Функция |
<EM> ... </EM> | От английского emphasis — акцент. наклонный шрифт (аналог <i>...</i>) |
<STRONG> ... </STRONG> | От английского strong emphasis — сильный акцент. жирный шрифт (аналог <b>...</b>) Используется для демонстрации образцов сообщений, выводимых на экран программами. |
<CODE> ... </CODE> | Рекомендуется использовать для фрагментов исходных текстов. Текст отображается как код или формула (чаще всего как шрифт Courier) |
<SAMP> ... </SAMP> | От английского sample — образец. Рекомендуется использовать для демонстрации образцов сообщений, выводимых на экран программами. |
<KBD> ... </KBD> | От английского keyboard — клавиатура. Рекомендуется использовать для указания того, что нужно ввести с клавиатуры. текст отображается жирным шрифтом |
<VAR> ... </VAR> | От английского variable — переменная. Рекомендуется использовать для написания имен переменных. |
<P> ... </P> | Такая пара меток описывает абзац. Все, что заключено между <P> и </P> , воспринимается как один абзац. |
Метки <Hi> и <P> могут содержать дополнительный атрибут ALIGN (читается "элайн", от английского "выравнивать"), например:
· ALIGN=”left”-значение параметра, принятое по умолчанию: текста выровнен по левому краю.
· ALIGN=”center”-текст располагается посередине окна браузера.
· ALIGN=”right”-выравнивание текста по правому краю.
· ALIGN=”justify”-выравнивание по ширине окна браузера.
<H1> ... </H1> — <H6> ... </H6>Метки вида <Hi> (где i — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня — самый крупный, шестого уровня, естественно — самый мелкий.
Дата добавления: 2015-09-11; просмотров: 1268;