Языки гипертекстовой разметки

• 4.3. Создание более сложных таблиц в HTML-документах
• 4.4. Форматирование данных в ячейках таблиц
• 5. Средства гипертекстовой разметки
• 6. Введение в язык XML
• 6.1. Особенности XML. Использование XML
• 6.2. Принцип построения XML-документов
• 6.3. Элементы, объявления типов элементов.
• 6.4. Физические структуры. Ссылки на символы и
• 7. Особенности SGML. Использование SGML.
• 7.1. SGML-структуры. Понятие «тип документа», понятие «определение типа документа»
• 7.2. Атрибуты в SGML. Объекты SGML
• Заключение
• Список литературы

  Введение

  В 1989 году Тим Бернерс-Ли предложил руководству международного центра высоких энергий (CERN) проект распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW), Всемирная паутина. Первоначально идея системы состояла в том, чтобы при помощи гипертекстовой навигационной системы объединить все множество информационных ресурсов CERN в единую информационную систему. Технология оказалась настолько удачной, что дала толчок к развитию одной из самых популярных в мире глобальных информационных систем. Практически в сознании большинства пользователей глобальной компьютерной сети Internet сама эта сеть ассоциируется с тремя основными информационными технологиями:

  • электронная почта (e-mail);
  • файловые архивы FTP;
  • World Wide Web.

  Успех технологии World Wide Web определен двумя основными факторами: простотой и использованием протоколов межсетевого обмена семейства TCP/IP, (Transmission Control Protocol, протокол управления передачей/Internet Protocol, протокол Internet), которые являются основой Internet.

  Практически все пользователи Сети одновременно получили возможность попробовать себя в качестве создателей и читателей информационных материалов, опубликованных во Всемирной паутине. Но и популярность самого Internet во многом вызвана появлением World Wide Web, так как это первая сетевая технология, которая предоставила пользователю простой современный интерфейс для доступа к разнообразным сетевым ресурсам. Простота и удобство применения привели к росту числа пользователей WWW и привлекли внимание коммерческих структур. Далее процесс роста числа пользователей стал лавинообразным, и так продолжается до сих пор.

  Гипертекстовый документ - это файл, содержащий различные виды информации и имеющий в своей структуре ссылки (гиперссылки) на другие файлы или сам являющийся документом, на который есть ссылка в другом файле, расположенном на некотором сервере в любой точке планеты.

  Язык разметки документов – это набор специальных инструкций, называемых тегами, предназначенных для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры. Теги языка, или, как их иногда называют, управляющие дескрипторы, каким-либо образом кодируются в таких документах, они выделяются относительно основного содержимого документа и служат в качестве инструкций для программы, производящей показ содержимого документа на стороне клиента. В самых первых системах для обозначения этих команд использовались символы “ < ” и “ > ”, внутри которых помещались названия инструкций и их параметры. Сейчас такой способ обозначения тегов является стандартным.

  1. Язык гипертекстовой разметки HTML

  Язык гипертекстовой разметки HTML (HyperText Markup Language)

  служит для наглядного и хорошо структурированного представления информации в сети Интернет, который приобрел широкую популярность в середине 90-х годов. Программы, интерпретирующие данную разметку и

  выводящие информацию на экран, стали называться браузерами. На сегодняшний день известно много их разновидностей: Firefox, Chrome, Opera, Internet Explorer и др.

  Разнообразие браузеров впоследствии привело к нюансам и разночтениям в интерпретации некоторых инструкций языка HTML и соответственно проблемам адаптации HTML-документа к разным вариантам их интерпретации. Для разрешения данной проблемы был создан консорциум

  W3C (World Wide Web Consortium), в задачу которого входит составление

  спецификации, отражающей современный уровень развития возможностей

  языка с учетом разнообразных предложений разработчиков браузеров.

  Важными итогами работы консорциума стал выход спецификации HTML 4.0 и HTML 5.0. В частности в HTML 4.0 рекомендуется разделение описания

  структуры документа от его вида на экране монитора или мобильного устройства, что значительно упрощает разработку, исправление документа, а

  также поддержку большого числа платформ, сред и т.п. Современные браузеры имеют довольно широкие возможности для представления информации и взаимодействию пользователей в сети Интернет.

  Кроме форматированного вывода текста они позволяют отображать

  изображения, видео, проигрывать музыку. Встроенный в HTML-документ язык JavaScript позволяет анализировать и обрабатывать содержимое страницы, взаимодействовать с сервером (откуда загружен документ),

  динамически менять свойства и содержание документа в окне браузера. По

  сути, на сегодняшний момент, браузер стал еще одной платформой взаимодействия пользователя с информацией и другими пользователями, а для ряда мобильных устройств составной частью операционной системы.

  HyperText Markup Language(HTML) – язык разметки гипертекста –

  предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

  Язык НТМL позволяет размечать электронный документ, который отображается на экране с полиграфическим уровнем оформления; результирующий документ может содержать самые разнообразные метки, иллюстрации, аудио- и видеофрагменты и так далее. В состав языка вошли развитые средства для создания различных уровней заголовков, шрифтовых выделений, различные списки, таблицы и многое другое.

  Гиперссылка или Гиперсвязь (Hyperlink) – фрагмент HTML документа, указывающий на другой файл, который может быть расположен в Интернете или содержать полный путь к этому файлу. Гиперссылка для пользователя – это графическое изображение, текст на сайте или в письме электронной почты, устанавливающие связь и позволяющие переходить к другим объектам Интернета.

  Гипертекстовый документ, размещённый на сервере с использованием WWW, называют Web-страницей (веб-страницей). Это минимальный фрагмент гипертекста, который можно за один раз загрузить и прочитать.

  Гипертекстовый документ– это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла на экране компьютера. С помощью этих меток можно выделять заголовки документа, изменять цвет, размер и начертание букв, вставлять графические изображения и таблицы. Но основным преимуществом гипертекста перед обычным текстом является возможность добавления к содержимому документа гиперссылок – специальных конструкций языка HTML, которые позволяют щелчком мыши перейти к просмотру другого документа.

  Существует два способа создания гипертекстовых документов. Можно воспользоваться одним из WYSIWYG HTML-редакторов (например, Microsoft FrontPage, или др.), для работы с которыми не требуется специальных знаний о внутренней структуре создаваемого документа. Этот способ позволяет создавать документы для WWW без знания языка HTML. HTML-редакторы автоматизируют создание гипертекстовых документов, избавляют от рутинной работы. Однако их возможности ограничены, они сильно увеличивают размер получаемого файла и не всегда полученный с их помощью результат соответствует ожиданиям разработчика.

  Альтернативой служит создание и разметка документа при помощи

  обычного редактора текста (NotePad). При этом способе в текст вручную вставляются команды языка HTML. Создавая документы таким способом, вы точно знаете, что делаете. HTML-документ содержит символьную информацию. Одна ее часть - собственно текст, т.е. данные, составляющие содержимое документа. Другая – теги (markup tags), называемые также флагами разметки, – специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением. Именно теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ. Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и график на экране соответствующим образом. Для файлов, содержащие HTML-документы, приняты расширения .htm или .html. Прописные и строчные буквы при записи тегов не различаются. В большинстве случаев теги используются парами. Пара состоит из открывающего (start tag) и закрывающего (end tag) тегов. Синтаксис открывающего тега:

  <имя_тега [атрибуты]>

  Прямые скобки, используемые в описании синтаксиса, означают, что данный элемент может отсутствовать. Имя закрывающего тега отличается от имени открывающего лишь тем, что перед ним ставится наклонная черта:

  </имя_тега>

  Атрибуты тега записываются в следующем формате:

  имя[="значение"]

  Кавычки при задании значения аргумента не обязательны и могут быть опущены. Для некоторых атрибутов значение может не указываться. У закрывающего тега атрибутов не бывает.

  Действие любого парного тега начинается с того места, где встретился открывающий тег и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом – элементом.

  Последовательность символов, составляющая текст, может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например, +, #, $, @) , за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсенд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

  1.1 Структура HTML-документа

  Сам по себе HTML-документ представляет собой текстовый файл,

  содержащий набор инструкций для представления информации в требуемом

  виде в окне браузера. Инструкции записываются в виде тегов (читается тэг, от англ. tag).

  Самым главным из тегов HTML является одноименный тег – <HTML>. Он должен всегда открывать ваш документ, так же, как тег </HTML> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать. Закрывающий тег так же важен, как и открывающий. Если, например, документ включен в электронное письмо, тег </HTML> дает команду программе просмотра прекратить интерпретацию текста, как HTML-кода.

  HTML-документ состоит из двух частей: заголовок (head) и тело (body), расположенных в следующем порядке:

  <HTML>

  <HEAD>

  ...

  </HEAD>

  <BODY>

  ...

  </BODY>

  </HTML>

  В HTML-документ можно включать комментарии, позволяющие скрыть часть текста от браузера. Все, что заключено между последовательностями символов <!-- и -->, при просмотре страницы остается невидимым. Комментарии не могут быть вложенными друг в друга.

  Включение в документ заголовочной части не является обязательным. Задачей заголовка является представление необходимой информации для браузера и сервера HTTP. Информация, размещенная внутри заголовка документа, обычно не выводится на экран (кроме названия документа). Заголовок документа открывается тегом <HЕAD>, который обычно следует сразу же за тегом <HTML>. Закрывающий тег </HEAD> показывает конец этого раздела, между ними располагаются остальные теги заголовка документа.

  Чаще всего в заголовок документа включают парный тег <TITLE> ...

  </TITLE>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

  В отличии от заголовка, тело документа является обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами <BODY> и </BODY>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML, позволяющими корректно отображать страницу на экране монитора.

  Тег <BODY> не только обозначает начало содержимого документа,

  но и задает его основные свойства: цвет фона, текста и многое другое. Эти свойства определяются с помощью атрибутов, которые приведены в таблице 1.

Таблица 1

Определение цвета составных частей документа – один из первых шагов в его создании. Если этого не сделать, то будут использоваться цвета по умолчанию, определяемые установками браузера. Не существует каких-либо правил создания хорошо сбалансированной цветовой палитры документа. Нужно лишь заботиться о том, чтобы можно было прочитать текст, не испытывая при этом неудобств. При выборе цветовой палитры нужно поддерживать высокую контрастность текста и фона и избегать соседства областей с близкими цветами.

Цвет может быть задан названием (например, green) или шестнадцатеричным числом, определяющим цвет в модели RGB. Эта цветовая модель базируется на определении цвета как композиции трех основных оттенков цвета: красного (Red), зеленого (Green) и синего (Blue). Каждая компонента задается двузначным шестнадцатеричным числом (т. е. изменяется от 00 до FF). Затем эти значения объединяются в одно число, перед которым ставится символ # (большинство современных браузеров может распознать цвет и без указания символа #)(Таблица 2).

Таблица 2

Язык HTML предполагает, что автор документа ничего не знает о компьютере своего читателя. Читатель вправе установить любой размер окна и пользоваться любым из имеющихся у него шрифтов. Это означает, что место переноса в строке определяется только программой просмотра и установками конечного пользователя. Символы перевода строки оригинального документа игнорируются, в результате чего текст, отлично смотревшийся в окне вашего редактора, может превратиться в сплошной неудобочитаемый текст в окне программы просмотра. Избежать этой неприятности позволяет разделение на абзацы при помощи тега <Р>. Разместите его в начало каждого абзаца, и программа просмотра отделит абзацы друг от друга пустой строкой. Использование закрывающего тега</P>необязательно. Несколько стоящих подряд тегов<Р> не дают дополнительного пространства между абзацами.

Иногда требуется "разорвать" текст, перенеся его остаток на новую строку, при этом не выделяя нового абзаца. Для этого используется тег разрыва строки <BR>.Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег<BR>не добавляет пустую строку. У этого тега нет парного закрывающего тега.

Другим методом разделения документа на части является проведение горизонтальных линий. Они визуально подчеркивают законченность той или иной области страницы. Тег <HR>позволяет провести рельефную горизонтальную линию в окне большинства программ просмотра. Этот тег не

требует закрывающего тега. До и после линии автоматически вставляется пустая строка.

Хотя язык HTML включает теги для достижения различных шрифтовых эффектов (полужирный шрифт, курсив, подчеркнутый шрифт), не все браузеры их поддерживают. Однако все браузеры поддерживают тот или иной способ выделения текста. Поэтому использование логического форматирования текста в любом случае приведет к выделению программой просмотра различных частей текста и выявит структуру документа.

Название документа, задаваемое с помощью тега <TITLE>, не выводится на экран как часть документа. Чтобы отобразить название используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков:H1(заголовок первого уровня),Н2, Н3, H4, Н5 и H6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня.

Если забыть поставить закрывающий тег заголовка, вид страницы будет искажен: любой из тегов заголовка автоматически вставляет пустую строку до и после себя.

Одним из отличий HTML-документа от документа, подготовленного на печатной машинке, является возможность форматирования текста. Язык HTML позволяет автору документа выбрать понравившийся ему шрифт, подходящий размер букв, их цвет и начертание. За все эти параметры отображения текста отвечают теги физического форматирования. Они действуют на все символы, стоящие между открывающим и закрывающим тегами.

Кроме вышеперечисленных тегов в документе может использоваться тег <FONT>, позволяющий непосредственно задать размер и цвет шрифта. Элемент FONT представляет собой контейнер, т. е. требует как открывающего, так и закрывающего тегов, и сам может использоваться внутри любого другого текстового контейнера. После стартового тега обязательно указание атрибутов, без которых элемент не оказывает никакого влияния на текст, помещенный в контейнер.

Атрибут FACE позволяет указать тип шрифта, которым программа

просмотра выведет ваш текст (если таковым располагает пользователь). Если нужного шрифта нет, программа проигнорирует запрос и будет использовать шрифт, установленный по умолчанию. Этот атрибут позволяет указать как один, так и несколько шрифтов (через запятую). Весь список будет просмотрен слева направо и первый из имеющихся на машине пользователя будет использован для вывода документа.

Атрибут SIZE служит для указания размера шрифта в условных единицах от 1 до 7. Считается, что размер "нормального" шрифта соответствует числу 3. Размер может быть как абсолютной величиной (SIZE=5), так и относительной (SIZE=+2). Во втором примере текущий размер шрифта увеличивается на 2.

Атрибут COLOR устанавливает цвет шрифта, который может быть задан как в формате RGB, так и указанием имени.

Несмотря на то, что в состав HTML-документа входят самые различные компоненты, можно сказать, что гипертекстовые ссылки- основа WWW. Если бы Web-страницы не ссылались друг на друга, содержимое Web превратилось бы в обычный набор файлов, не связанных между собой.

Для создания гипертекстовой ссылки используется пара тегов <A>...</A>. Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы. Гипертекстовая ссылка формируется с помощью выражения

<A HREF="URL_ресурса">фрагмент документа</A> HREF здесь является обязательным атрибутом, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибута HREF не обязательны.

Текстовые указатели, т.е. фрагменты текста, являющиеся ссылками, не отличаются разнообразием внешнего вида. Обычно такой указатель представляет собой слово или слова, подчеркнутые прямой линией. Цвет указателя может регулироваться автором и установками программы просмотра.

Графические указатели ,т.е. изображения-ссылки, выделяются рамкой того же цвета, что и текстовые указатели.

В настоящее время стандарты HTML поддерживают теги для списков трех различных видов: нумерованных (упорядоченных), маркированных (неупорядоченных) и списков определений. Списки и элементы списков являются блочными элементами. Это означает, что перед ними и после них автоматически добавляются пустые строки. Язык HTML допускает вложенность любых видов списков. Для этого размещают одну пару тегов (стартовый и завершающий) внутри другой. Следует помнить о том, что все имеющиеся списки должны завершаться закрывающим тегом.

Нумерованные (упорядоченные) списки используют, когда важен порядок вывода элементов списка. Браузер автоматически вставляет номера элементов по порядку, в исходном HTML-тексте номера не печатаются. Если количество элементов списка изменится (в результате удаления или добавления новых элементов), то нумерация автоматически обновится. Весь нумерованный список заключается между парой тегов <OL> и </OL>, а каждый элемент списка расположен между тегами <LI> и </LI> (закрывающий тег </LI> может отсутствовать).

Маркированный (неупорядоченный) список используется для представления коллекции элементов, порядок вывода которых не важен. При выводе маркированных списков браузер автоматически вставляет специальные значки (маркеры), отмечающие каждый элемент списка.

Маркированный список начинается стартовым тегом <UL>и завершается тегом</UL>. Каждый элемент списка начинается с тега<LI>и завершается (необязательным) тегом</LI>.

Любой список может быть частью другого списка, вложен в другой список. Считается полезным использование сдвигов при подготовке текста исходного HTML-документа, чтобы четко представлять уровни вложенности списков. При выводе вложенных маркированных списков браузер автоматически проставляет маркеры перед элементами, находящимися на разных уровнях вложенности.

Таблица – эффективный способ отображения статистических данных или информации, которую удобнее представлять именно в таком виде. Данные таблицы хранятся в ячейках, являющихся отдельными полями, из которых состоят строки и столбцы таблицы. Надписи, которые размещаются над столбцами и описывают их содержимое, называют шапкой таблицы. При формировании таблицы применяется несколько парных тегов.

<TABLE> и </TABLE>. Указывают на начало и конец таблицы. Все остальные теги и текст таблицы должны находиться между этими двумя тегами.

<TR> и </TR>. Отмечают начало и конец строки. Все шапки и ячейки

любой строки должны находиться между этими двумя тегами.

<ТН> и </ТН>. Определяют начало и конец ячейки шапки таблицы.

<TD> и </TD>. Отмечают начало и конец ячейки данных.

Кроме того, с помощью тега <CAPTION>, размещаемого внутри тега

<TABLE> можно создать заголовок таблицы.

Наличие атрибута BORDER в теге <TABLE> говорит о том, что

ячейки таблицы ограничены линиями.

Чтобы добавить изображение, нужно в том месте веб-страницы, где

оно должно появиться ввести тег <IMG>. Для указания имени файла, содержащего рисунок, применяется атрибут SRC.

В зависимости от того, где хранится этот файл, в теге указывается путь: абсолютный или относительный.

1.2. Структура документа.

При создании HTML-документов рекомендуется соблюдать следующую структуру:

<html>

<head>

<!-- Раздел заголовка -->

</head>

<body>

<!-- Тело документа -->

</body>

</html>

Здесь <html> - это тег, обозначающий начало HTML-документа. Браузер, встретивший данный тег, будет «знать», что представленную ниже

информацию следует интерпретировать как HTML-страницу. Тег <head> означает раздел заголовка, который обычно включает:

1. Заголовок страницы: <title>Заголовок страницы</title>

2. Кодировку, в которой представлен HTML-документ : <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

3. Краткое описание содержания документа: <meta name="description" content="библиотека, содержащая …">

4. Список ключевых слов документа: <meta name="keywords" content="библиотека, книги, статьи">

5. Подключаемые внешние javascript файлы (скрипты): <script type="text/javascript" src="http://reeders.ru/js/jquery-1.9.0.min.js"></script>

6. Внешние таблицы стилей (css) для форматирования документа: <link href="http://reeders.ru/css/style.css" rel="stylesheet" type="text/css" />

Раздел тега <head> может содержать и другие конструкции языка HTML, например, базовый адрес сайта: <base href="http://reeders.ru/" /> и многое другое. В конечном итоге разработчик сам решает, что должно быть записано в данном разделе. Он может быть и пустым, т.е. не содержать ничего. Тогда браузер будет руководствоваться своими настройками и алгоритмами при отображении такого документа. Наконец, раздел <head> может совсем отсутствовать и это будет аналогично пустому разделу. Однако при разработке HTML-страницы крайне не рекомендуется пропускать данный раздел и его «минимальная конфигурация» должна иметь следующий вид:

<head>

<title>Заголовок страницы</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

<meta name="description" content="библиотека, содержащая …">

<meta name="keywords" content="библиотека, книги, статьи">

</head>

В тегах <body>…</body> заключается отображаемая информация (тело)

страницы: текст, изображения, таблицы, звук, видео, объекты (например, flash-проигрыватель), javascript-программы, таблицы стилей (css) и т.д.

Тег <body> имеет набор необязательных параметров (Таблица 3).

Таблица 3

Помимо перечисленных в таблице параметров существуют дополнительные.

HTML-документ рекомендуется всегда завершать закрывающим тегом

</html> и тем самым сигнализировать браузеру о завершении документа. Это

полезная информация может быть использована, например, при обрыве связи

во время загрузки страницы. Тогда отсутствие тега </html> может означать

неполную загрузку страницы. На практике встречается и много других случаев, когда важно иметь корректную разметку страницы для исключения

неверного отображения содержания документа в исключительных ситуациях.

2. Основные теги форматирования текста

Текст HTML-документа, как правило, представляет собой непосредственно текст и ссылки, ведущие либо на отдельные фрагменты того же документа, либо на другие документы. В данном разделе рассмотрим способы представления информации в окне браузера.

2.1 Тег разделения на абзацы <p>

Предположим в текстовом редакторе подготовлено сообщение:

Это пример текста, который требуется отобразить в браузере.

Это новый абзац текста и должен быть выведен в браузере с новой

строки.

Каждая строка этого текста написана в отдельной строке текстового редактора (например, NotePad++, MS Word и т.п.). Теперь составим простой HTML-документ для отображения этой информации:

<html>

<head>

<title>Пример 1</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

<meta name="description" content="пример">

<meta name="keywords" content="пример">

</head>

<body>

Это пример текста, который требуется отобразить в браузере.

Это новый абзац текста и должен быть выведен в браузере с новой

строки.

</body>

</html>

и сохраним его в текстовый файл ex1.htm. В результате в окне браузера будет

высвечена следующая информация (Рисунок 1):

Рисунок 1

Из примера видно, что, несмотря на разделение текста по строкам в текстовом редакторе, браузер выводит их в одну строку без деления на абзацы. Это общее правило вывода текста, т.к. браузер форматирует текст

только на основании тегов, присутствующих в документе. Соответственно для отображения строк с нового абзаца достаточно поставить перед ними тег <p> (Рисунок 2):

<html>

<head>

<title>Пример 2</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

<meta name="description" content="пример">

<meta name="keywords" content="пример, абзац">

</head>

<body>

<p>Это пример текста, который требуется отобразить в браузере.

<p>Это новый абзац текста и должен быть выведен в браузере с

новой строки.

</body>

</html>

Рисунок 2

Тег <p> имеет необязательный параметр align, который может принимать значения:

left – выравнивание по левому краю;

center – выравнивание по центру;

right – выравнивание по правому краю;

justify – выравнивание по ширине страницы.

По умолчанию используется выравнивание по левому краю. Если требуется

другой способ выравнивания текста, то нужно записать тег <p> с параметром

align следующим образом: <p align=center> или <p align="center">

кавычки в значении параметра можно опускать, если значение не содержит

пробелы.

2.2. Тег переноса строки <br>

По умолчанию перенос строк в пределах абзаца выполняется браузером

автоматически по символам-разделителям слов (обычно это пробел). Место

переноса определяется размером окна вывода, т.е. если следующее слово не

умещается в выделенную ширину, оно переносится на следующую строку. Вместе с тем иногда существует необходимость выполнить принудительный

перенос в строго заданном месте текста. Это можно сделать с помощью тега

переноса строки <br> (Рисунок 3):

<html>

<head>

<title>Пример 3</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

<meta name="description" content="пример стихотворения">

<meta name="keywords" content="пример, абзац, перенос">

</head>

<body>

<p>Куда ты скачешь гордый конь?

<br>И где опустишь ты копыта?

<br>О мощный властелин судьбы

<br>Не так ли ты над самой бездной

<br>На высоте уздой железной

<br>Россию поднял на дыбы?!

<p>А.С. Пушкин

</body>

</html>

Рисунок 3

Из полученного результата видно, что тег <br> при переносе не образует пустую строку в отличие от тега <p>. В результате текст стихотворения отображается естественным образом, а фамилия автора благодаря тегу <p> отделена от него пустой строкой.

2.3. Тег отмены переноса строки <nobr> и мягкого переноса <wbr>

По умолчанию перенос строк в пределах абзаца выполняется браузером

автоматически. Однако при необходимости можно указать браузеру выводить строку целиком без переносов. Если строка не будет помещаться на всю ширину, то появится горизонтальная полоса прокрутки для просмотра текста. Отмена переноса достигается с помощью тега <nobr> и соответствующего закрывающего тега </nobr> (Рисунок 4):

<html>

<head>

<title>Пример 4</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

</head>

<body>

<nobr>

<p>Пример длинной строки текста, которая не будет переноситься

браузером. Вместо этого появится горизонтальная полоса прокрутки

для просмотра данной строки.

</nobr>

</body>

</html>

Рисунок 4

При работе с такими строками возникает проблема строк большой длины, когда пользователю приходится постоянно прокручивать горизонтальный скроллинг для чтения текста, что весьма неудобно. Для ограничения максимальной длины таких строк предусмотрен тег <wbr>, который указывает браузеру возможность переноса строки в том месте, где он стоит и будет использован только тогда, когда это действительно необходимо. Например, если строка помещается целиком во всю ширину, то перенос выполняться не будет, т.к. в этом нет необходимости, в противном случае строка будет поделена на части при выводе на экран.

2.4. Заголовки внутри HTML-документа

Наряду с общим заголовком страницы, заданным в теге <title> существует возможность добавлять подзаголовки непосредственно в тексте

документа. Это выполняется с помощью тегов заголовков <h1>, <h2>, <h3>,

<h4>, <h5>, <h6> и соответствующих закрывающих тегов, имеющих 6 уровней. При этом заголовок 1-го уровня самый большой, 2-го – поменьше и

т.д. до 6-го уровня. Соответственно при расстановке заголовков рекомендуется использовать их в порядке возрастания, т.е. сначала <h1>, за

ним <h2> и т.д. Также может быть несколько заголовков одного уровня на

странице, например 2-3 заголовка уровня <h1>. Не рекомендуется использовать большое число заголовков в одном документе. Приемлемым

количеством считается до 5 заголовков одного уровня. Теги заголовков относятся к тегам уровня блоков, т.е. по умолчанию на одной строке с ними не может размещаться другая информация, например, документ вида <body>

Текст перед заголовком<h1>Заголовок h1</h1>Текст после заголовка </body> (Рисунок 5):

Рисунок 5

Как видно из примера под заголовок выделяется вся строка и никакая

другая информация там не размещается. Аналогичное поведение справедливо для всех тегов уровня блоков. Далее при рассмотрении материала будет указываться на данное свойство тегов.

У тегов заголовков имеется необязательный параметр align, аналогичный по набору значений и действию с таким же параметром тега <p> (Рисунок 6):

left – выравнивание по левому краю;

center – выравнивание по центру;

right – выравнивание по правому краю;

justify – выравнивание по ширине страницы.

<html>

<head>

<title>Пример 6</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

</head>

<body>

<h1>Заголовок 1</h1>

<h2 align=center>Заголовок 2</h2>

<h3>Заголовок 3</h3>

<h4 align=right>Заголовок 4</h4>

<h5>Заголовок 5</h5>

<h6 align=left>Заголовок 6</h6>

</body>

</html>

Рисунок 6

2.5. Тег <hr> - горизонтальная линия

Для разделения текста документа на логические части помимо заголовков можно использовать горизонтальную линию, отделяющие одну часть документа от другой. Рисование такой линии выполняется браузером в том месте документа, где встречается тег <hr>. Данный тег является тегом уровня блока и не требует завершающего тега, т.к. не является тегом-контейнером (Рисунок 7).

...

<body>

Первая часть документа

<hr>

Вторая часть документа

</body>

Рисунок 7

Тег <hr> имеет набор необязательных параметров (Таблица 4):

Таблица 4

2.6. Тег <pre> - вывод предварительно отформатированного текста

Существуют ситуации, когда в окно браузера необходимо вывести ранее

сформированный текст в обычном текстовом редакторе, т.е. который имеет стандартные переносы строк, символы табуляции и т.п. При этом форматирование должно сохраниться таким, чтобы при выводе оно соответствовало виду в текстовом редакторе. Это достигается с помощью расположения текста внутри тега <pre> и соответствующего закрывающего

тега </pre> (Рисунок 8):

...

<body>

<pre>

______ТТТТТТТТТТТТТТТТТТТТТТТ

______ТТТТТТТТТТТТТТТТТТТТТТТ

______ТТТТТТТТТТТТТТТТТТТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

_______________ТТТТТ

</pre>

</body>

...

Рисунок 8

Наиболее распространенным вариантом использования данного тега

является вывод листингов языков программирования (например, Java, C++,

Pascal, C#, JavaScript и т.д.) на экран браузера без необходимости их переформатирования. При этом следует учитывать, что текст всегда будет

выводиться моноширинным шрифтом, что снижает гибкость при форматировании общего вида документа. Кроме того, внутри контейнера <pre> нельзя использовать теги уровня блоков <big>, <img>, <object>, <small>, <sub> и <sup>. Также тег <pre> сохраняет исходное число пробелов между словами, в отличие от вывода текста вне этого блока, когда несколько подряд идущих пробелов всегда заменяются одним.

2.7. Теги логического уровня форматирования текста

• Тег <code> рекомендуется использовать для выделения фрагментов

программных кодов в HTML-документе. Как правило, такой текст отображается моноширинным шрифтом. Следует отметить, что в отличие от

тега <pre>, данный тег не является тегом уровня блока и может включаться в

строки обычного текста.

• Тег <del> рекомендуется отмечать текст как удаленный. Здесь

предполагается, что по каким-либо причинам разработчику документа необходимо оставить удаленный текст на экране браузера, но пометить его как удаленный. Обычно такой текст браузеры отображают как перечеркнутый. Данный тег имеет два необязательных параметра:

cite – URL-адрес документа, поясняющего причину удаления текста;

datetime – дата редактирования в формате YYYY-MM-DDThh:mm:ssTZD.

<del cite="http://mysite.ru" datetime="2014-05-

22T17:54:05+0.00">Это текст помечен как удаленный</del>

Аналогично используется тег-контейнер <ins>, который отмечает текст

как добавленный (вставленный). Обычно такой текст помечается браузерами

как подчеркнутый. Данный тег имеет те же необязательные параметры, что и

тег <del>

• Тег <em> используется для выделения важных фрагментов текста.

Браузеры обычно отображают такой текст курсивом:

<em>Выделенный</em> фрагмент текста

• Тег <kbd> служит для выделения текста, введенного с клавиатуры.

Такой текст обычно отображается моноширинным шрифтом.

• Тег <samp> отмечает текст как образец и обычно выводит

моноширинным шрифтом и используется для форматирования текста, содержащих результаты действия программ

• Тег <strong> служит для выделения важных фрагментов текста. Текст,

выделенный данным тегом считается более важным, чем текст выделенный тегом <em>. При выводе браузеры обычно выделяют такой текст жирным шрифтом.

• Тег <var> предназначен для выделения переменных программ и, как

правило, отображается браузерами курсивом.

Рассматривая описанные выше теги, можно заметить, что результат

действия некоторых тегов совпадает и дает один и тот же результат в окне

браузера при отображении. Разработчики языка HTML дали возможность составителям HTML-документов корректно выделить те или иные информационные части в расчете на то, что будущее поколение браузеров и поисковых систем будут анализировать их и предоставлять большие возможности «конечным» пользователям для восприятия корректно отформатированного текста. Поэтому уже сейчас рекомендуется применять эти и другие теги логического форматирования текста для улучшения конкурентноспособности таких HTML-документов в будущем.

2.8. Теги физического уровня форматирования текста

• Тег <b>. С помощью данного тега-контейнера выполняется выделение

полужирным шрифтом части текста в HTML-документе, например:

• Тег <i>. Данный тег служит для выделения текста курсивом
• Тег <u>. Выполняет подчеркивание части текста в окне браузера.
• Теги <strike> и <s>. Данные теги-контейнеры позволяют выводить

перечеркнутый текст в окне браузера. Обычно вместо этих тегов используется тег <del>, если зачеркнутый текст следует представлять как результат редактирования. Если же это просто элемент оформления, то следует использовать <strike> или <s>.

• Теги <sub> и <sup>. С помощью данных тегов выполняется сдвиг

текста относительно вниз и вверх соответственно. Это бывает удобно при оформлении математических выражений при простановке индексов или степеней.

• Тег <font>. Данный тег-контейнер позволяет задавать свойства шрифта

При отображении текста в окне браузера. В настоящий момент не рекомендуется использовать тег <font> для форматирования документа, т.к. он нарушает принцип спецификации HTML 4.0 по разделению вида документа от его содержания. Вместо него лучше применять стилевое оформление, заданные в каскадных таблицах стилей (css).

• Тег <font> относится к последовательным элементам и не может

включать в себя теги уровня блоков, например, <p>, <table>, <div> и т.п. Тег

имеет необязательные параметры (Таблица 5).

Таблица 5

• Тег <basefont> задает значение свойств шрифта для всего текста

документа и имеет те же свойства, что и тег <font>, т.е. color, face и size.

Данный тег не нуждается в закрывающем теге и может располагаться в любой части документа, включая раздел <head> и повторяться сколько угодно раз. Следует отметить, что значения тега <basefont> могут переопределяться тегом <font> и восстанавливаться после закрывающего тега </font>, таким образом комбинируя возможные оформления в тексте HTML-документа.

• Тег <img>. С помощью данного тега выполняется вывод изображений в

Окно браузера. Тег <img> имеет следующие наиболее распространенные

необязательные параметры (Таблица 6).

Таблица 6

• Тег <span> предназначен для установки определенного стиля (формата)

строчному фрагменту текста. Это тег inline уровня не приводит к разрыву текста и обычно используется для настройки собственных стилей, часто применяемых в HTML-документе. Для этого в таблице стилей (css) определяется нужный стиль и затем подключается через необязательный

параметр class к тегу <span>.

• Тег <div> работает по тому же принципу, что и тег <span>, но

в отличие от него является элементом уровня блока, т.е. по умолчанию

никакая другая информация справа или слева от него не располагается.

Данный тег используется для назначения общих свойств отображаемому

блоку информации, например, для задания общего цвета фона, шрифта,

размера, цвета текста и т.п. Как правило, все свойства прописываются в

каскадной таблице стилей (css) и подключаются через параметр class тега

<div>.

2.9. Специальные символы

Предположим в HTML-документе необходимо написать строку

Скалярное произведение двух векторов <a, b> равно нулю.

в которой используются символы < и >. Проблема в том, что эти символы

служат для записи тегов документа, и в частности, запись <a будет

интерпретироваться браузером как начало тега <a>.

Рисунок 9

Как видно на Рисунке 9 фрагмент строки <a, b> оказался скрыт браузером,

из-за использования угловых скобок в тексте HTML-документа. Чтобы

разрешить эту ситуацию в языке HTML применяются специальные символы

для описания угловых скобок, пробелов, амперсандов и других символов, являющиеся служебными для HTML-документа. Запись спецсимволов начинается с символа &, затем идет имя символа (или его десятичное или шестнадцатиричное значение) и заканчивается запись точкой с запятой. В табл. 7 приведен список наиболее распространенных спецсимволов языка HTML.

Таблица 7

Таким образом, используя спецсимволы, строку начального примера следует оформлять в виде:

Скалярное произведение двух векторов &lt;a, b&gt; равно нулю

для получения требуемого результата вывода.

2.10. Ссылки в HTML-документе

Отличительной особенностью HTML-страниц по отношению к стандартным текстам, напечатанным в книгах, газетах, журналах и т.п., является наличие ссылок на другие фрагменты этой же страницы или на сторонние документы. Наличие ссылок на страницах сайтов создают не просто текст, а гипертекст, т.е. текст, в котором пользователь может получить дополнительную информацию, кликнув мышкой на соответствующей ссылке. В результате грамотная организация текста и ссылок значительно упрощает пользователю навигацию и поиск нужной информации в сети Интернет.

Ссылка в HTML-документах состоит из двух частей: видимой в окне

браузера частью, называемой указателем ссылки (или анкором от англ.

anchor – якорь) и адресной частью, URL-адресом, говорящим браузеру куда

следует перенаправить пользователя при использовании данной ссылки.

Ссылка задается с помощью тега <a>, у которого имеется основной

параметр href="URL-адрес", определяющий URL-адрес страницы

перенаправления (Рисунок 10):

<p>Пример <a href="mypage.htm">ссылки</a> в HTML-документе.

Рисунок 10

Здесь mypage.htm – URL-адрес страницы, на которую перейдет пользователь при нажатии на ссылку, а слово «ссылки» - анкор ссылки, т.е. видимая ее часть в окне браузера. В качестве анкора ссылки чаще всего выступают фрагменты текста или изображения.

В приведенном примере используется относительный URL-адрес страницы перенаправления, т.е. указывается только часть пути, где расположен требуемый документ (в данном случае имя документа mypage.htm), остальная часть пути к документу достраивается браузером

автоматически, используя базовый адрес страницы. По умолчанию перед именем mypage.htm добавится домен сайта, с которого был загружен документ (http://its.alnam.ru) плюс набор каталогов, в котором находится текущий документ (в данном примере каталог example). В итоге полный путь будет восстановлен в виде:

http://its.alnam.ru/example/mypage.htm

В случаях, когда страница mypage.htm находится по другому пути, то

следует либо скорректировать относительный путь, либо указать абсолютный URL-адрес. Следует отметить, что относительные URL-адреса страниц могут быть достроены браузером, исходя из базового адреса, указанного в теге <baseurl>. Данный тег располагается в разделе <head> текущего документа и имеет параметр href="базовый адрес".

Помимо ссылок на другие страницы или сторонние ресурсы можно

создавать ссылки на разные разделы текущего документа. Например, большой документ может содержать оглавление, состоящий из таких ссылок, щелкая по которым, пользователь автоматически переходит к выбранной части документа. Для организации таких ссылок на странице создаются «маркеры», указывающие, куда должен быть перенаправлен пользователь при выборе той или иной ссылки. «Маркеры» создаются с помощью того же тега <a> с параметром name="имя маркера", а ссылка на этот маркер имеет вид <a href="#имя маркера">Внутренняя ссылка</a>

Значение параметра href в этом случае должно начинаться с префикса #, говорящий что это внутренняя ссылка страницы.

В стандартной реализации ссылки, заданные в теге <a>, указывают на

HTML-страницы в сети Интернет или на локальных ресурсах. Вместе с тем,

существуют различные сервисы, имеющие иной формат передачи, приема,

отображения данных отличный от HTML. Например, это может быть

почтовый клиент, либо ftp-сеть передачи данных, либо telnet и т.п. Все эти и

другие сервисы могут быть интегрированы в HTML-документ через ссылки. В этом случае также используется тег <a>, но в параметре href сначала

указывается сервис, который подключается к документу, а затем, через

двоеточие необходимые параметры этого сервиса. Например, если

необходимо автоматизировать написание почтовых сообщений владельцу

сайта, то на странице (например, контакты) следует создать следующую

ссылку: <a href="mailto:tkkaf@ulstu.ru">Написать письмо</a>

Здесь префикс mailto: говорит браузеру, что следует открыть почтовый

клиент, а параметр tkkaf@ulstu.ru указывает по какому адресу следует отправить письмо. Ниже, в таблице 8 приведены общеизвестные сервисы для интеграции их в HTML-документ.

Таблица 8

3. Списки HTML

В HTML-документах часто используется конструкция, представляющая

собой список тех или иных данных. Например, это может быть список марок

автомобилей, или знаков зодиаков, или рецептов блюд и т.п. Организовать

такие списки можно, используя уже известные теги HTML. Однако гораздо более удобным и гибким инструментом являются специальные теги для представления списков в документе. В данной главе будут рассмотрены

основные теги, позволяющие задавать списки различных типов.

3.1. Маркированный список

Наиболее простым в представлении является маркированный список,

задаваемый тегом-контейнером <ul>. С его помощью формируются списки, у

которых в качестве маркеров используются «отвлеченные» обозначения в виде квадратов, кружков, треугольников и др. Для создания элементов списка используется тег <li>, записанный внутри тегов <ul> … </ul>. Тег <li> не требует закрывающего тега </li>, но его использование не возбраняется спецификацией языка HTML. Обычно браузер сам определяет где заканчивается один тег <li> и начинается другой. Кроме того, при определении элементов списка нет необходимости выполнять принудительный перенос строк с помощью тега <br> или тега <p>, эту задачу

выполняет тег <li>, который четко структурирует элементы, образуя из них вид списка в окне браузера. На рисунке 11 представлен пример HTML-документа, использующий маркированный список для представления знаков зодиаков.

<html>

<head>

<title>Пример маркированного списка знаков зодиаков</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

</head>

<body>

<p>Знаки зодиаков:

<ul>

<li>Овен

<li>Телец

<li>Близнецы

<li>Рак

</ul>

</body>

</html>

Рисунок 11

Тег <ul> осуществляет отступ сверху и снизу, а также слева от края документа, выделяя таким образом список в тексте документа. Тег <li> в свою очередь обеспечивает вывод каждого элемента с новой строки, образуя список. Тег <ul> имеет необязательный параметр type, позволяющий задавать тип маркеров перед элементами списка. По умолчанию, в качестве маркеров

используются закрашенные кружки (некоторые браузеры используют другие

маркеры по умолчанию). Для изменения маркера по умолчанию, необходимо

задать параметр type одним из следующих значений:

• disk – закрашенные кружки;
• circle – незакрашенные кружки;
• square – закрашенные квадратики.

Следует отметить, что внутри тега <ul> могут находиться любые другие

теги языка HTML, в том числе и вложенные теги <ul>, образуя таким образом более сложный вид списков. При отображении вложенных списков браузер автоматически меняет тип маркера и делает необходимые отступы для удобного визуального восприятия таких списков.

3.2. Нумерованный список

Данный тип списка отличается от маркированного тем, что в качестве

маркера использует тот или иной вид перечисления элементов списка (по

умолчанию в качестве перечисления используются арабские цифры, начиная с 1). Во всем остальном нумерованный список похож на маркированный. Для создания нумерованного списка используется тег-контейнер <ol>,

внутри которого располагаются элементы, заданные тегом <li>. Тип перечисления можно менять с помощью параметра type тега <ol>.

Параметр type может принимать следующие значения:

• type=A – задает маркер в виде прописных латинских букв;
• type=a – задает маркер в виде строчных латинских букв;
• type=I – задает маркер в виде больших римских цифр;
• type=i – задает маркер в виде малых римских цифр;
• type=1 – задает маркер в виде арабских цифр.

По умолчанию все браузеры используют маркер type=1.

Другой необязательный параметр тега <ol> start позволяет задавать начальное значение для нумерации списка, например, <ol start=5> при типе нумерации type=1 начнет нумерацию с 5, при type=I – начнет нумерацию с V, при type=A – начнет нумерацию с символа E и т.д.

Тег <li> в нумерованном списке может использовать параметр value для

определения текущего номера элемента списка. При этом идущие следом за

ним элементы будут увеличивать свой номер относительно него.

3.3. Список определений

Список определений служит для представления словарной информации в HTML-документах и по способу записи отличается от маркированного и

нумерованного списков. Для создания списка определений используется тег-контейнер <dl>, внутри которого располагается тег <dt>, задающий термин, и

тег <dd>, определяющий описание термина. Теги <dl> и <dd> не требуют закрывающих тегов (Рисунок 12).

<html>

<head>

<title>Пример списка определений</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

</head>

<body>

<dl>

<dt>HTML

<dd>HTML (от англ. HyperText Markup Language — «язык

гипертекстовой разметки») — стандартный язык разметки документов

во Всемирной паутине

<dt>Тег

<dd>Тег (от англ. tag, читается; более правильное название —

дескриптор) — в SGML (в HTML, WML, AmigaGuide, языках семейства

XML) — элемент языка разметки гипертекста

</dl>

</body>

</html>

Рисунок 12

Следует отметить, что внутри тега <dt> не допускается применение тегов уровня блоков, таких как <div>, <p>, <h1> — <h6> и др. Однако внутри тега <dd> такие теги допустимы, что позволяет создавать вложенные списки для списка определений.

4. Таблицы

Таблицы обеспечивают важную часть в представлении информации.

Разделение данных на столбцы и строки имеет широкое применение в

практике оформления текстовых документов. Не являются исключением из

этого правила и HTML-документы, которые имеют специальный тег <table>

для создания таблиц. В HTML-документах таблицы применяют не только для представления табличных данных, но и для создания разметки HTML-страницы. Например, многие страницы сайта имеют «шапку» (верхняя часть страницы), непосредственно информацию и «подвал» (нижняя часть страницы). Для разбивки HTML-документа на эти составные части хорошо подходят таблицы, у которых скрывается рамка и визуально создается впечатление единства всех составляющих частей. Таблицы удобны для создания разнообразного разбиения, т.к. ячейки таблицы могут содержать в себе и другие таблицы. В результате Web-мастеру не составляет большого труда организовать требуемую структуру документа и, затем, наполнить ее необходимым содержимым.

4.1. Создание простейших таблиц в HTML-документах

Создание таблицы в HTML-документе начинается с тега <table> и

заканчивается закрывающим тегом </table>. Таблицы всегда должны располагаться в разделе <body> документа. За тегом <table> обычно следует

тег <tr>, описывающий строку таблицы. Затем, внутри тега <tr> располагается либо тег <th>, описывающий ячейку-заголовок таблицы, либо (и чаще всего) тег <td>, описывающий ячейку с данными таблицы. По сути, тег <th> или <td> разбивают строку таблицы на ячейки. Если нужно создать две ячейки в строке, то соответственно внутри тега <tr> должно быть два тега <td> (или <th>). Число строк в таблице определяется числом тегов <tr> внутри текущей таблицы. При этом общее число таблиц в документе может быть произвольным. По умолчанию каждая строка таблицы <tr> должна содержать одинаковое число ячеек. Если данное условие не будет выполнено, то браузер автоматически добавит недостающее число ячеек и выровнит таблицу. Теги <tr>, <th> и <td> могут не иметь соответствующих закрывающих тегов, но их применение рекомендуется для лучшей ориентации Web-мастеру в структуре таблицы. Приведем пример простой таблицы, содержащей список студентов с экзаменационными отметками по разным дисциплинам (Рисунок 13).

<html>

<head>

<title>Пример простой таблицы</title>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

</head>

<body>

<table border=1>

<tr>

<th>Ф.И.О.</th>

<th>Информатика</th>

<th>Математика</th>

<th>Физика</th>

<th>Химия</th>

</tr>

<tr>

<td>Иванов И.И.</td>

<td>4</td>

<td>3</td>

<td>5</td>

<td>4</td>

</tr>

<tr>

<td>Петров П.П.</td>

<td>3</td>

<td>5</td>

<td>4</td>

<td>4</td>

</tr>

<tr>

<td>Наместников С.М.</td>

<td>5</td>

<td>5</td>

<td>5</td>

<td>5</td>

</tr>

</table>

</body>

</html>

В приведенном примере у тега <table> использовался необязательным

параметр border со значением 1, который задает толщину рамки вокруг

таблицы. Данный параметр может принимать и большие значение: 2,3,…,

однако толщина будет влиять только на рамку вокруг таблицы, на толщину

рамки вокруг отдельных ячеек это не оказывает никакого влияния. Отличие

составляет только значение border=0. В этом случае рамок ни вокруг таблицы, ни вокруг ячеек не будет.

Рисунок 13

Таблица в HTML-документе может иметь описание, располагающееся в

необязательном теге <caption>. Данный тег обязательно должен идти сразу

после тега <table> и имеет необязательный параметр align=left | right | top | bottom для выравнивания заголовка таблицы по левому, правому краю таблицы, либо определяет способ вывода сверху или снизу таблицы. Если параметр align не задан, то он принимается равным top.

4.2. Параметры тега <table>

Тег <table> выполняет горизонтальное выравнивание таблицы на странице документа. Если параметр align опускается при определении таблицы, то таблица располагается по левому краю и ее обтекание текстом не происходит. Если устанавливается значение align=left или right, то таблица

ориентируется по левому или правому краю с обтеканием текста . Если же выравнивание выполняется по центру, то обтекание таблицы текстом

не происходит.

background="URL". Данный параметр служит для задания фонового изображения таблицы. Следует отметить, что изображение, указанное в значении URL, не масштабируется под высоту и ширину таблицы и будет отображена только соответствующая часть изображения. Если изображение меньше по ширине и/или высоте таблицы, то оно повторяется, заполняя соответственно всю ее площадь.

bgcolor="цвет". Устанавливает цвет фона таблицы. В качестве значения данного параметра допустимо использовать как заданные цветовые константы, типа red, green, blue и др., так и шестнадцатиричные значения цветов в формате #RRGGBB, например, <table bgcolor="#CC0000">...</table>

соответствует красному цвету фона таблицы. Часто цвет фона таблицы делают близким к цвету фонового изображения, т.к. он отображается, пока фоновое изображение не загрузится с сервера, либо в случаях ошибки загрузки фонового изображения.

border="толщина". С помощью параметра border устанавливается толщина рамки вокруг таблицы. По умолчанию border равен 0 и рамки в таблице не рисуются. Отображение таблиц без рамок бывает весьма полезным при создании разметки HTML-страницы, когда содержимое ячеек воспринимается пользователем как единый документ. Также это полезно при создании многоколоночных текстов или списков в тексте и т.п. Следует отметить, что параметр border устанавливает толщину рамки только вокруг таблицы, но не вокруг ячеек. Например, при определении значения border=10, приведет к следующему визуальному эффекту.

cellpadding="число". Данный параметр определяет расстояние в пикселах между границей ячейки и ее содержимым. По умолчанию значение параметра равно 1. Этот атрибут добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот атрибут не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками.

cellspacing="число". Задает расстояние в пикселах между смежными ячейками таблицы (точнее между рамками ячеек) по горизонтали и вертикали одновременно. При отсутствии рамки, данный параметр аналогичен по действию параметру cellpadding. Если в таблице используется набор параметров <table border=0 cellspacing=0 cellpadding=0>...</table>

то расстояния между ячейками будут отсутствовать и они сливаются, образуя

единое неразрывное пространство. Это свойство таблиц очень удобно, например, для отображения графического меню, где в ячейках располагаются

фрагменты единого изображения, и, сливаясь вместе, они образуют естественное визуальное восприятие такой информации в целом.

cols="число". Атрибут cols задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению. Без этого атрибута таблица будет показана только после того, как все содержимое таблицы будет загружено в браузер и проанализировано. Использование атрибута cols позволяет несколько ускорить отображение содержимого таблицы.

frame="значение". Определяет способ рисования рамки вокруг таблицы. Данный параметр может принимать следующие значения:

• void – без рамки;
• border – рисование рамки вокруг таблицы;
• above – рисование рамки сверху таблицы;
• below – рисование рамки снизу таблицы;
• hsides – рисование рамки только сверху и снизу таблицы;
• vsides – рисование только вертикальных границ;
• rhs – рисование границы справа;
• lhs – рисование границы слева.

rules="значение". Сообщает браузеру, где отображать границы между ячейками. При этом толщина внешней рамки таблицы устанавливается с помощью атрибута border. По умолчанию рамка рисуется вокруг каждой ячейки, образуя тем самым сетку; толщина таких линий составляет 1px.

Параметр width определяет желаемую ширину таблицы. По умолчанию

браузеры вычисляют ширину и высоту таблиц автоматически, исходя из содержимого ячеек. Принцип формирования ширины исходит из того, что при чтении документа его удобно просматривать сверху вниз, не выполняя

дополнительный скроллинг по горизонтали документа. Таким образом,

браузеры пытаются установить ширину таблицы не превышающую ширину

HTML-документа, чтобы исключить горизонтальный скроллинг. Однако

бывают ситуации, когда Web-разработчику необходимо указать строго

определенное значение ширины. Для этого можно использовать параметр

width, который определяет ширину таблицы в пикселах, либо в процентах,

например, так:

<table width=200>...</table>

<table width="100%">...</table>

В первом случае ширина будет установлена в 200 пикселов, во втором – она

будет масштабироваться по всей ширине документа. Соответственно при

изменении ширины документа, таблицы также будет менять свою ширину.

При использовании данного параметра всегда следует помнить, что задается именно желаемая ширина таблицы. То есть, если браузер не сможет уменьшить ширину до величины, указанной в width, то таблица будет отображена более широкой. Например, если в ячейках таблицы находятся изображения и их общая ширина больше ширины, указанной в width, то

таблица будет увеличена по ширине для корректного отображения всех

данных.

4.3. Создание более сложных таблиц в HTML-документах

Язык HTML предоставляет возможности для создания более сложного

вида таблиц, чем просто разбиение всего пространства на строки и столбцы. В частности можно выполнять объединение ячеек в строках и столбцах, что

приводит к более гибкому представлению данных. Объединение ячеек выполняется с помощью параметров colspan и rowspan, которые задаются в тегах <td> и <th>. Параметр colspan определяет число объединяемых ячеек в строке, а rowspan – число объединяемых ячеек в строках. Например, если требуется создать таблицу вида:

то этого можно достичь с помощью следующего кода (Рисунок 14):

<table border=1>

<tr>

<td>ячейка 1</td>

<td colspan=2> ячейка 2</td>

</tr>

<tr>

<td rowspan=2>ячейка 3</td>

<td> ячейка 4</td>

<td> ячейка 5</td>

</tr>

<tr>

<td> ячейка 6</td>

<td> ячейка 7</td>

</tr>

</table>

Рисунок 14

4.4. Форматирование данных в ячейках таблиц

Теги <tr>, <td> и<th> имеют набор необязательных параметров, позволяющие форматировать данные внутри ячеек таблицы. Так, параметры

align и valign задают способ выравнивания содержимого внутри ячеек по горизонтали и вертикали соответственно. Значения данных параметров

следующие:

align=left | right | center;

valign=top | bottom | middle.

По умолчанию align=left, а valign=middle, т.е. выравнивание выполняется по левому краю ячейки и центрирование по вертикали. Следует учитывать, если данные параметры установлены для тега <tr>, задающего строку таблицы, то выравнивание распространяется на все ячейки данной строки, если они не переопределены внутри тегов <td> этой строки.

Для определения цвета фона ячейки используется атрибут bgcolor со

значением цвета. Следует отметить, что внутри ячеек таблицы могут использоваться любые теги языка HTML, включая и другие таблицы, создавая, таким образом, вложенные таблицы. Следовательно, для более детального форматирования информации внутри ячеек можно использовать, например, теги <b>, <strong>, <font> и др.

5. Средства гипертекстовой разметки

Гипертекстовая разметка применяется для указания, в какой части экрана и каким образом должен быть отображен текст и как связаны между собой тексты, составляющие гипертекстовую базу данных. С этими целями в текст вводятся специальные управляющие символы. Текст с управляющими символами хранится в обычном текстовом файле в кодах ASCII и может быть обработан практически любым текстовым редактором.

Язык гипертекстовой разметки HTML был предложен Тимом Бернерсом-Ли в 1989г. К моменту создания HTML существовал стандарт языка разметки печатных документов - SGML ( Standart Generalised Markup Language ), который и был взят в качестве основы HTML . Предполагалось, что такое решение поможет использовать существующее программное обеспечение для интерпретации нового языка.

В качестве элемента гипертекстовой базы данных для HTML был

выбран обычный текстовый файл, который хранится средствами файловой системы операционной Среды ЭВМ. Таким образом, гипертекстовая база данных в концепции WWW –это набор текстовых файлов, написанных на языке HTML , который определяет:

- форму представления информации (разметка);

- структуру связей файлов между собой (гипертекстовые ссылки).

Такой подход предполагает наличие еще одной компоненты технологии - интерпретатора языка. В WWW функции интерпретатора разделены между сервером гипертекстовой базы данных и интерфейсом пользователя. Сервер, кроме доступа к документам и обработки гипертекстовых ссылок, осуществляет так же препроцессорную обработку документов, тогда, как интерфейс пользователя осуществляет интерпретацию конструкций языка,

связанных с представлением информации.

В 1990г. появилась нулевая версия HTML 0. Первая версия ( HTML 1.0) была направлена на представление языка как такового, где описание его возможностей носило скорее рекомендательный характер. Прогнозирования являются стержнем любой торговой системы, поэтому отлично составленные прогнозы Форекс могут сделать вас бешено богатым.

Вторая версия ( HTML 2.0) фиксировала практику использования конструкций языка и явилась стандартом для построения WWW . Версия ++ HTML ++ представляла новые возможности по представлению научной информации и таблиц, улучшения стиля компоновки текста и изображений.

Третья версия ( HTML 3.0) упорядочила все нововведения и формализовала интерфейс пользователя гипертекстовой распределенной системы.

В 1996г. выпущена новая версия языка: HTML 3.2 ,включающая средства для создания таблиц, конструкции языка Java , карты-изображения (располагающиеся на машине-клиенте) и новые типы форматирования текста.

HTML - это текстовый язык, в котором инструкции по форматированию, называемые тэгами (tags), встроены в текст документа.

Процесс создания HTML - документа заключается во включении

тэгов внутрь неформатированного текста, несущего информационную нагрузку.

Тэги HTML - это последовательности символов, начинающиеся знаком “меньше” (<) и заканчивающиеся знаком “больше” (>). Большинство функций форматирования в HTML специфицирует логические, а не физические стили. Например, тэги заголовков, которые обычно обозначают больший размер букв, не указывают, какой именно размер надо использовать. Браузер (который выполняет роль клиентской программы) выбирает размер текста для заголовков, превышающий обычный. Этот подход позволяет избавиться от платформы - документ, созданный на Macintosh может быть использован UNIX или Windows . Недостатком является то, что на разных платформах документ выглядит по-разному.

Браузеры WWW при анализе предложений HTML работают по

следующим правилам:

• пробелы и другие “невидимые” символы игнорируются;
• все тэги могут быть разделены на группы: базовые тэги, тэги форматирования, структурные тэги, указатели, и т.д.;
• тэги форматирования могут быть написаны строчными и/или прописными буквами;
• большинство тэгов форматирования пишутся парами.

Открывающий тэг активирует данный эффект, а закрывающий -выключает его. Пара тэгов иногда называется контейнером, поскольку эффект, который они включают и выключают проявляется на тексте, расположенном внутри них. Например, для того, чтобы указать, что строка должна быть напечатана жирными символами, надо написать: < B > Эта строка будет напечатана жирным текстом </ B > - текст, находящийся внутри закрывающего тэга, всегда предваряется символом “обратная косая черта”. Среди базовых тэгов HTML исключением из этого правила являются: < BASE > (основная информация), < BR > (конец строки), < HR > (горизонтальная линейка), и < IMG > (изображение). Эти тэги существуют в единичном экземпляре.

Каждый документ HTML имеет граничные тэги: < HTML > и </ HTML>. Эта пара тэгов заключает в себе все другие тэги Web -страницы и все информационное содержание документа. Фактически они декларируют, что все содержимое контейнера является кодом HTML . Тэг < HTML > должен располагаться в первой строке файла, а тэг </ HTML > - в последней.

Каждый HTML -документ содержит заголовок документа и его тело. Заголовок документа идентифицирует документ. Он должен идти сразу после тэга < HTML > и начинаться с < HEAD >. Заканчивается заголовок тэгом </ HEAD >. В заголовке документа обязательно должны присутствовать

название документа и его базовый URL -адрес. Название документа располагается между тэгами < TITLE > и </TITLE >. Оно используется браузером и Web -сервером. Длина названия не должна превышать 40 символов. Название документа должно быть информативным, отражать содержание документа, чтобы его можно было идентифицировать. Название встречается в строке заголовка Internet Explorer , в списках журнала ( History ) и “Избранных стрницах” ( Favorites ). Базовый URL должен быть полным (абсолютным) и содержать протокол, адрес компьютера в Internet и имя файла. Он указывается в тэге < BASE HREF = “базовый_URL”>. Все остальные URL в документе могут указываться относительно базового . Символы. ./ указывают, что нужно перейти на один уровень каталогов вверх относительно базового адреса. Наличие базового адреса облегчает перенос документа на другой сервер, так как если все остальные URL в документе относительные, то при переносе необходимо изменить только имя сервера в базовом URL .

Тело документа содержит весь текст, несущий информацию и все тэги HTML , используемые для форматирования текста. Тело документа начинается сразу же после заголовка и ограничивается тэгами < BODY > и </ BODY >.

Тэги, используемые в теле документа, позволяют указывать

следующие элементы разметки текста:

• начало абзаца и конец строки
• стили заголовков
• физические стили -логические стили
• списки
• специальные символы.

Гипертекстовые ссылки состоят из двух частей: указателя и URL . Указатель - это текст, по которому пользователь должен щелкнуть для того, чтобы куда-то переместиться. URL указывает адрес, с которого браузер будет загружать документ, когда пользователь щелкнет по указателю. Текстовые указатели в графических браузерах обычно подчеркнуты и выделены цветом. В чисто текстовых браузерах они выделяются жирным шрифтом. В качестве указателя может использоваться любой текст, независимо от его размеров и особенностей форматирования. Указатель может состоять из нескольких букв, слов или даже строк текста. Формат указателя: < A HREF = “ URL ”> текст указателя </ A > , где буква А в тэге < A HREF > означает указатель ( anchor ), а HREF -гипертекстовую ссылку ( Hypertext REFerence ). Все, что находится между тэгами < A HREF = “ URL ”> и </ A > является текстом указателя, который выводится на экран подчеркнутым или жирным

шрифтом. Вместе с гипертекстовыми указателями могут быть использованы

другие форматирующие коды.

6. Введение в язык XML

XML обратил на себя внимание достаточно большое количество разработчиков и пользователей Интернет. Человечество стремиться к чему то новому, т.е. облегчить себе жизнь и создать что то своеобразное. Вот и с новой разметкой текста получается тоже самое, люди захотели усовершенствовать более старую разметку HTML.

Тэги языка, или, как их иногда называют, управляющие дескрипторы, в документах кодируются, выделяются относительно основного содержимого документа и служат в качестве инструкций для программы, производящей показ содержимого документа на стороне клиента. В самых первых системах для обозначения этих команд использовались символы < и >, внутри которых помещались названия инструкций и их параметры. Сейчас такой способ

обозначения тэгов является стандартным.

Использование гипертекстовой разбивки текстового документа в современных информационных системах во многом связано с тем, что гипертекст позволяет создавать механизм нелинейного просмотра информации. В таких системах данные представляются не в виде непрерывного потока текстовой информации, а набором взаимосвязанных компонентов, переход по которым осуществляется при помощи гиперссылок.

Самый популярный на сегодняшний день язык гипертекстовой разметки HTML, был создан специально для организации информации, распределенной в сети Интернет, и является одной из ключевых составляющих технологии WWW. Ему на смену был предложен новый язык

гипертекстовой разметки, мощный, гибкий, и, одновременно с этим, удобный язык XML.

XML (Extensible Markup Language) - это язык разметки, описывающий целый класс объектов данных, называемых XML-документами. Этот язык используется в качестве средства для описания грамматики других языков и контроля за правильностью составления документов. Т.е. сам по себе XML не содержит никаких тэгов, предназначенных для разметки, он просто определяет порядок их создания.

Сам процесс создания XML документа очень прост и требует от нас лишь базовых знаний HTML и понимания тех задач, которые мы хотим выполнить, используя XML в качестве языка разметки. Таким образом, у разработчиков появляется уникальная возможность определять собственные команды, позволяющие им наиболее эффективно определять данные, содержащиеся в документе. Автор документа создает его структуру, строит необходимые связи между элементами, используя те команды, которые удовлетворяют его требованиям и добивается такого типа разметки, которое необходимо ему для выполнения операций просмотра, поиска, анализа документа.

Еще одним из очевидных достоинств XML является возможность использования его в качестве универсального языка запросов к хранилищам информации. Сегодня в глубинах W3C находится на рассмотрении рабочий вариант стандарта XML-QL(или XQL), который, возможно, в будущем составит серьезную конкуренцию SQL. Кроме того, XML-документы могут выступать в качестве уникального способа хранения данных, который включает в себя одновременно средства для разбора информации и представления ее на стороне клиента. В этой области одним из перспективных направлений является интеграция Java и XML - технологий,

позволяющая использовать мощь обеих технологий при построении машинно-независимых приложений, использующих, кроме того, универсальный формат данных при обмене информации.

XML позволяет также осуществлять контроль за корректностью данных, хранящихся в документах, производить проверки иерархических соотношений внутри документа и устанавливать единый стандарт на структуру документов, содержимым которых могут быть самые различные данные. Это означает, что его можно использовать при построении сложных информационных систем, в которых очень важным является вопрос обмена информацией между различными приложениями, работающими в одной системе. Создавая структуру механизма обмена информации в самом начале работы над проектом, менеджер может избавить себя в будущем от многих проблем, связанных с несовместимостью используемых различными компонентами системы форматов данных.

На основе XML уже сегодня созданы такие известные специализированные языки разметки, как SMIL, CDF, MathML, XSL, и список рабочих проектов новых языков, находящихся на рассмотрении W3C, постоянно пополняется.

XML, безусловно, сильно отличается по своим возможностям и предназначению от языка гипертекстовой разметки, оба эти языка являются подмножествами SGML, и, следовательно, наследуют его базовые принципы.

6.1. Особенности XML. Использование XML

XML (англ. eXtensible Markup Language — расширяемый язык разметки; произносится) — рекомендованный Консорциумом Всемирной паутины язык разметки, фактически представляющий собой свод общих синтаксических правил. XML предназначен для хранения структурированных данных (взамен существующих файлов баз данных), для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки (например, XHTML), иногда называемых словарями. XML является упрощённым подмножеством языка SGML.

Достоинства:

• XML(человеко-ориентированный) — это формат, одновременно понятный и человеку и компьютеру;
• XML поддерживает Юникод;
• в формате XML могут быть описаны основные структуры данных такие как записи, списки и деревья;
• XML — это самодокументируемый формат, который описывает структуру и имена полей также как и значения полей;
• XML имеет строго определённый синтаксис и требования к парсингу, что позволяет ему оставаться простым, эффективным и непротиворечивым;
• XML также широко используется для хранения и обработки документов как он-лайн, так и офф-лайн;
• XML - формат, основанный на международных стандартах;
• иерархическая структура XML подходит для описания практически любых типов документов;
• XML представляет собой простой текст, свободный от лицензирования и каких-либо ограничений;
• XML не зависит от платформы;
• XML является подмножеством SGML (который используется с 1986 года).
• XML не накладывает требований на расположение символов на строке.

Недостатки:

• Синтаксис XML избыточен.
• Размер XML документа существенно больше бинарного представления тех же данных. В грубых оценках величину этого фактора принимают за 1 порядок (в 10 раз).
• Размер XML документа существенно больше, чем документа в альтернативных текстовых форматах передачи данных и особенно в форматах данных оптимизированных для конкретного случая использования.
• Избыточность XML может повлиять на эффективность приложения. Возрастает стоимость хранения, обработки и передачи данных.
• Для большого количества задач не нужна вся мощь синтаксиса XML и можно использовать значительно более простые и производительные решения.
• XML не содержит встроенной в язык поддержки типов данных.
• Иерархическая модель данных, предлагаемая XML, ограничена по сравнению с реляционной моделью и объектно-ориентированными графами.
• Пространства имён XML сложно использовать и их сложно реализовывать в XML парсерах.

В первую очередь, эта технология может оказаться полезной для разработчиков сложных информационных систем, с большим количеством приложений, связанных потоками информации самой различной структурой. В этом случае XML - документы выполняют роль универсального формата для обмена информацией между отдельными компонентами большой программы.

XML является базовым стандартом для нового языка описания ресурсов, RDF, позволяющего упростить многие проблемы в Web, связанные с поиском нужной информации, обеспечением контроля за содержимым сетевых ресурсов, создания электронных библиотек и т.д.

Язык XML позволяет описывать данные произвольного типа и используется для представления специализированной информации, например химических, математических, физических формул, медицинских рецептов, нотных записей, и т.д. Это означает, что XML может служить мощным дополнением к HTML для распространения в Web "нестандартной" информации.

XML-документы могут использоваться в качестве промежуточного формата данных в трехзвенных системах. Обычно схема взаимодействия между серверами приложений и баз данных зависит от конкретной СУБД и

диалекта SQL, используемого для доступа к данным. Если же результаты запроса будут представлены в некотором универсальном текстовом формате, то звено СУБД, как таковое, станет "прозрачным" для приложения. Кроме того, сегодня на рассмотрение W3C предложена спецификация нового языка запросов к базам данных XQL, который в будущем может стать альтернативой SQL.

Информация, содержащаяся в XML-документах, может изменяться, передаваться на машину клиента и обновляться по частям. Разрабатываемые спецификации XLink и Xpointer поволят ссылаться на отдельные элементы

документа, c учетом их вложенности и значений атрибутов.

Использование стилевых таблиц (XSL) позволяет обеспечить независимое от конкретного устройства вывода отображение XML- документов.

XML может использоваться в обычных приложениях для хранения и обработки структурированных данных в едином формате.

6.2. Принцип построения XML-документов

В общем случае XML- документы должны удовлетворять следующим требованиям:

• В заголовке документа помещается объявление XML, в котором указывается язык разметки документа, номер его версии и дополнительная информация.
• Каждый открывающий тэг, определяющий некоторую область данных в документе обязательно должен иметь своего закрывающего "напарника", т.е., в отличие от HTML, нельзя опускать закрывающие тэги.
• В XML учитывается регистр символов.
• Все значения атрибутов, используемых в определении тэгов, должны быть заключены в кавычки.
• Вложенность тэгов в XML строго контролируется, поэтому необходимо следить за порядком следования открывающих и закрывающих тэгов.
• Вся информация, располагающаяся между начальным и конечными тэгами, рассматривается в XML как данные и поэтому учитываются все символы форматирования ( т.е. пробелы, переводы строк, табуляции не игнорируются, как в HTML).

Содержимое XML- документа представляет собой набор элементов, секций CDATA, директив анализатора, комментариев, спецсимволов, текстовых данных.

Элемент - это структурная единица XML- документа. Заключая слово rose в в тэги <flower> </flower> , мы определяем непустой элемент, называемый <flower>, содержимым которого является rose. В общем случае в качестве содержимого элементов могут выступать как просто какой-то текст, так и другие, вложенные, элементы документа, секции CDATA, инструкции по обработке, комментарии, т.е. практически любые части XML- документа. Любой непустой элемент должен состоять из начального, конечного тэгов и данных, между ними заключенных. Например, следующие фрагменты будут являться элементами:

<flower>rose</flower>

<city>Novosibirsk</city>

Набором всех элементов, содержащихся в документе, задается его структура, и определяются все иерархическое соотношения. Плоская модель данных превращается с использованием элементов в сложную иерархическую систему с множеством возможных связей между элементами. Производя в последствии поиск в этом документе, программа клиента будет опираться на информацию, заложенную в его структуру используя элементы документа. То есть, если, например, требуется найти нужный университет в нужном городе, используя приведенный фрагмент документа, то необходимо будет просмотреть содержимое конкретного элемента <university>, находящегося внутри конкретного элемента <city>. Поиск при этом, естественно, будет гораздо более эффективен, чем нахождение нужной последовательности по всему документу. В XML документе, как правило, определяется хотя бы один элемент, называемый корневым и с него программы-анализаторы начинают просмотр документа. В приведенном примере этим элементом является <country>. В некоторых случаях тэги могут изменять и уточнять семантику тех или иных фрагментов документа, по разному определяя одну и ту же информацию и тем самым предоставляя приложению-анализатору этого документа сведения о контексте использования описываемых данных. Например, прочитав фрагмент <city>Holliwood</city> мы можем догадаться, что речь в этой части документа идет о городе, а вот во фрагменте <restaurant>Holliwood</restaurant> - о забегаловке. В случае, если элемент не имеет содержимого, то есть нет данных, которые он должен определять, то он называется пустым. Примером пустых элементов в HTML могут служить такие тэги HTML, как <br> <hr>, <img>. Необходимо только помнить, что начальный и конечные тэги пустого элемента как бы объединяется в один, и надо обязательно ставить косую черту перед закрывающей угловой скобкой (например, <empty/>;) Имена тегов и атрибутов можно писать и по-русски. Опыт HTML показал, сколь важна тщательная и своевременная интернационализация всех аспектов языка, претендующего на какую-то роль в Интернете. Поэтому создатели XML позаботились, в частности, о том, чтобы в именах тегов и атрибутов можно было пользоваться не только латинскими буквами, но и кириллицей, иероглифами и вообще всеми символами из репертуара Unicode, которые считаются "буквами" хотя бы в одном языке или системе письменности. Секция CDATA используется для того, чтобы обозначить части документа, которые не должны восприниматься как разметка. Секция CDATA начинается со строки '<![CDATA[' и заканчивается строкой ']]>'. Внутри самой секции не должна присутствовать строка ']]>'.

Секция CDATA:

<example>

<![CDATA[ <aaa>bb&cc<<<]]>

</example>

Cтруктура XML-документа и разбор его XML-процессором позволяют произвести только простую проверку того, что документ является правильно оформленным. Для создания на этой основе специализированных языков необходимы дополнительные средства описания этих языков. XML поддерживает два механизма подобных описаний: определения типа документа (document type definition, DTD) и XML-схемы (XML schema).

6.3. Элементы, объявления типов элементов.

Каждый XML документ содержит один или несколько элементов, границы каждого из которых обозначены либо парой начальный тэг - конечный тэг, либо (если это пустой элемент) тэгом пустого элемента. Каждый элемент имеет определенный тип, который идентифицируется по имени и иногда называется "общим идентификатором" этого элемента (generic identifier - GI), а также может иметь набор спецификаций к атрибутам. Каждая спецификация атрибута содержит его имя и значение.

Для достижения действительности, на структуру элементов в XML документе могут быть наложены ограничения в виде деклараций типов используемых элементов и списков атрибутов. Декларирование типа элемента накладывает ограничение на его содержание. Декларация типа элемента часто конкретизирует тип его непосредственных потомков. По выбору пользователя, XML процессор может генерировать предупреждение если в декларации был упомянут тип элемента, для которого не было предоставлено соответствующей декларации, однако ошибочной эта ситуация не считается. Ни один тип элемента не может быть декларирован более одного раза.

Примеры деклараций типа элемента:

<!ELEMENT br EMPTY>

<!ELEMENT p (#PCDATA|emph)* >

<!ELEMENT %name.para; %content.para; >

<!ELEMENT container ANY>

Атрибут используется для того, чтобы связать с элементом пару имя-значение. Спецификация атрибута может быт дана только в начальном тэге, либо тэге пустого элемента. Декларация списка атрибутов может быть использована для:

• формирования перечня атрибутов, относящихся к определенному типу элементов.
• ограничения по типу атрибутов.
• формирования значений по умолчанию для атрибутов.

Определение: для каждого атрибута, относящегося к элементам

определенного типа, в соответствующей декларации списка

атрибутов определяются имя, тип данных и, возможно, значение

по умолчанию.

По выбору пользователя, XML процессор может генерировать

предупреждение, если атрибуты, декларированные для такого типа элементов, сами декларированы не были, однако ошибкой такая ситуация не считается. Параметр Name в правиле AttDef соответствует имени описываемого атрибута. Если для какого-либо из типов элементов было дано несколько деклараций AttlistDecl, то содержимое всех их суммируется.

Если для некого типа элементов было дано несколько деклараций одного и того же атрибута, то использоваться должна только первая декларация, а все последующие будут игнорироваться. Для сохранения совместимости, авторы DTD могут придерживаться правила давать для любого типа элементов не более одной декларации списка атрибутов, не более одной декларации для каждого имени атрибута, представленного в декларации списка атрибутов и, по крайней мере, одну декларацию атрибута в каждой из деклараций списка атрибутов. В целях совместимости, XML процессор по выбору пользователя

может генерировать предупреждение, если для какого-либо типа элементов было представлено более одной декларации списка атрибутов, или для какого-либо атрибута было представлено более одной декларации, однако описанные ситуации ошибочными не являются.

Все типы XML атрибутов делятся на три класса: строковый тип, набор символьных (tokenized) типов и перечислимые (enumerated) типы. Строковый тип может иметь в качестве значения одну строку. Символьные типы содержат различные лексические и семантические ограничения. Ограничения

действительности, обсуждаемые в данной грамматике, начинают действовать после того, как значение атрибута было нормализовано.

6.4. Физические структуры. Ссылки на символы и

на сущности

Определение: XML документ может состоять из одной или нескольких единиц размещения, называемых сущностями. Все сущности имеют содержание (исключение составляют сущность документа и внешний набор DTD) и идентифицируются по имени. Каждый XML документ имеет ровно одну сущность, называемую сущностью документа, которая служит стартовой точкой для XML процессора и может содержать документ целиком.

Ссылка на символ относится к определенному символу из набора ISO/IEC 10646, например, к такому символу, который невозможно получить непосредственно с имеющихся устройств ввода.

Если сущность декларирована как EntityValue, то она называется внутренней сущностью. Для этой сущности отсутствует размещаемый отдельно физический объект, а нее содержание определяется в декларации. Заметим, что в строковом значении сущности для создания приемлемого текста замены может потребоваться некоторая обработка ссылок на

сущность и символ. Внутренняя сущность является разобранной сущностью.

Если сущность не является внутренней, это внешняя сущность.

7. Особенности SGML. Использование SGML.

SGML — наследник разработанного в 1960 году в IBM языка GML (Generalized Markup Language), который не стоит путать с Geography Markup Language, разрабатываемым Open GIS Consortium.

Изначально SGML был разработан для возможности совместного использования машинно-читаемых документов в больших правительственных и аэрокосмических проектах. Также он широко использовался в печатной и издательской сфере, но его сложность затруднила его широкое распространения для повседневного использования.

Три основные части SGML документа, это:

1 SGML декларация;

2 Document Type Definition;

3 Содержимое SGML-документа, по крайней мере, должен

быть корневой элемент.

Существуют три характеристики SGML, отличающие его от других языков разметки: его упор на описательную, а не на процедурную разметку; его концепция типа документа (document type); его независимость от конкретной системы в представлении текста.

Система описательной разметки использует коды разметки, просто предоставляющие названия для классификации частей документа. Коды, такие, как <para> или \end{list} просто идентифицируют часть документа и утверждают про нее: "следующий элемент -- параграф" или "это -- конец начатого последним списка" и т.д. Напротив, система процедурной разметки определяет, какая обработка должна производиться в конкретной точке документа: "здесь вызвать процедуру PARA с параметрами 1, b и x", или "сдвинуть левую границу на 2см влево, правую -- на 2см вправо, пропустить строку и встать на новую левую границу", и т.д. В SGML инструкции, необходимые для обработки документа с определенными целями (например,

для его форматирования) четко отделяются от описательной разметки, встречающейся внутри документа. Обычно они собираются вне документа в отдельных процедурах или программах.

При описательной, а не процедурной, разметке один и тот же документ можно обрабатывать различными программами, каждая из которых может применять различные правила обработки к тем частям документам, которые она считает важными. Например, программа анализа содержимого может совершенно игнорировать сноски в аннотируемом тексте, тогда как программа форматирования может извлекать и собирать их вместе для печати в конце каждой главы. С одними и теми же частями файла могут ассоциироваться разные правила обработки. Например, одна программа может выделять имена людей и географические имена для создания индекса или базы данных, а другая, оперирующая тем же текстом, может печатать имена собственные шрифтом отличающегося начертания.

SGML вводит понятие типа документа и, как следствие, определения типа документа (document type definition, DTD). Тип документа формально определяется его составными частями и их структурой. Например, определение отчета может констатировать, что он состоит из заголовка, возможно, автора, за которым следуют аннотация и один или несколько абзацев. Все, что не имеет заголовка, в соответствии с этим формальным определением, отчетом не является, так же, как не является им последовательность абзацев, за которой следует аннотация, вне зависимости от того, насколько такие документы похожи на отчет для читателя-человека. Раз документы имеют известные типы, можно использовать специальную программу, называющуюся анализатором (parser), для проверки документа, утверждающего свою принадлежность определенному типу. Анализатор проверяет, что все элементы, требуемые типом документа, на самом деле

присутствуют и расположены в правильном порядке. Что более важно, разные документы одного и того же типа могут обрабатываться одинаковым образом. Можно конструировать программы, использующие знание структуры документа, которые, таким образом, могут действовать в более осмысленной манере.

Основная цель создания SGML заключалась в том, чтобы обеспечить транспортабельность закодированных документов из одной аппаратной и программной среды в другую без потери информации. Два описанных выше свойства решают эту задачу на абстрактном уровне; третье свойство - на уровне строк байтов (символов), из которых составляется документ. SGML предоставляет универсальный механизм строковой подстановки (string substitution), то есть, простой машинно-независимый способ обозначить, что некоторая последовательность символов в документе должна заменяться при его обработке некоторой другой последовательностью. Одно очевидное применение этого механизма – обеспечение согласованности номенклатуры; другое, и более важное, противодействие печально известной неспособности различных компьютерных систем понимать наборы символов друг друга, или способ в любой системе предоставить все графические символы, необходимые для конкретного приложения, путем использования описательных обозначений непереносимых символов. Строки, определенные этим механизмом подстановки, называются объектами (entities).

7.1. SGML-структуры. Понятие «тип документа», понятие «определение типа документа»

В стандарте SGML для текстовых единиц, рассматриваемых как структурные компоненты, используется термин элемент (element). Различным типам элементов даются различные названия, но SGML не предлагает никаких способов выразить значение конкретного типа элементов, кроме его отношения к другим типам элементов. То есть, все, что можно сказать про элемент, называющийся (например) <blort>, это то, что его экземпляры могут встречаться (а могут и не встречаться) внутри элементов типа <farble>, и что он может раскладываться (а может и не раскладываться) на элементы типа <blortette>. Следует подчеркнуть, что стандарт SGML совершенно не заботит семантика текстовых элементов: она зависит от приложения определения стандартного"языка семантики и спецификации стилей документов (document style and semantics specification language, DSSSL)".) Дело создателей SGML-совместимых наборов разметок (таких, как описанный в этом Руководство) –выбрать осмысленные имена идентификаторов элементов и документировать правильное их использование в разметке текстов. Это одна из целей данного документа. От необходимости выбора названий элементов, кодирующих их функцию, происходит технический термин для названия типа элемента: обобщенный идентификатор (generic identifier), или GI.

В размеченном тексте (экземпляре документа, document instance) каждый элемент должен быть явно размечен или отмечен некоторым образом. Стандарт предоставляет несколько разных способов это сделать, наиболее часто используемый из них - вставить метку (tag) в начале элемента (открывающая метка, start-tag) и еще одну в конце элемента (закрывающая метка, end-tag). Пара открывающей и закрывающей меток используется для выделения элементов в тексте, так же, как разные скобки или кавычки используются в обычной пунктуации.

Элемент может быть пустым (empty), то есть, не содержать внутри вообще ничего; элемент может содержать просто текст. Чаще, однако, элементы одного типа будут целиком содержаться (embed) внутри элементов другого типа. Возможность использования правил, устанавливающих, какие элементы могут быть вложены в другие, является очень важным свойством SGML. Простая индексирующая программа может выделять только значимые элементы текста для генерации списка заголовков, или слов, использованных в тексте стихотворения; простая программа форматирования может вставлять пустые строчки между строфами, возможно, начиная с красной строки первую строчку каждой строфы, или вставляя номер строфы. Разные части каждого стихотворения могут набираться разными способами. Более сложная аналитическая программа может соотносить использование знаков пунктуации со строфовыми и метрическими разделами. Исследователи, желающие видеть следствия изменений разделов строф или строк, выбранных редактором этого стихотворения, могут это сделать просто меняя положения меток. И, конечно, текст может быть перенесен с одного компьютера на другой и обработан любой программой (или человеком), понимающей смысл внесенных в него меток, безо всяких преобразований и трансляций, необходимых обычно для перемещения файлов текстовых процессоров.

Правила наподобие вышеописанных - первый шаг в создании формальной спецификации структуры SGML документа или определения типа документа, обычно сокращаемого как DTD. При создании DTD дизайнер документа может задавать произвольно жесткую или сколь угодно гибкую структуру. Нужно найти компромисс между удобством следования простым правилам и сложностью поддержки реальных текстов. Это особенно справедливо, когда определяемые правила относятся к уже существующим текстам: дизайнер может иметь очень туманное представление об изначальном предназначении или смысле старых текстов, и задание непротиворечивых правил, касающихся их структуры, может быть очень сложным. С другой стороны, когда специфицируется новый текст, например, для ввода в некоторую текстовую базу данных, то чем точнее установлены правила, тем лучше они могут быть выдержаны. Даже в случае разметки уже

существующего текста может иметь смысл определить ограничивающий набор правил, относящихся к определенному видению текста или гипотезе, касающейся текста, хотя бы как средство проверки полезности этого видения или гипотезы. Важно помнить, что каждое определение типа документа

является интерпретацией текста. Не существует единственного DTD, охватывающего все сведения о тексте, хотя может быть удобно предпочитать одни DTD другим для конкретных типов анализа.

В настоящее время SGML шире всего применяется там, где основным требованием является единообразие структуры документов. Например, при производстве технической документации весьма важно, чтобы разделы и подразделы были соответствующим образом вложены, чтобы перекрестные ссылки были корректны, и так далее. В таких ситуациях к документам относятся как с сырому материалу, к которому применяется заранее определенный набор правил. Однако, как говорилось выше, использование простых правил может также сильно упростить задачу аккуратной разметки элементов и менее ограниченных текстов. Делая такие правила явными, исследователь уменьшает свою работу по разметке и проверке электронного текста, в то же время выявляя интерпретацию структуры и значимые особенности кодируемого текста.

Вторая часть описания задает правила минимизации для элемента. Эти правила определяют, обязаны ли присутствовать открывающая и закрывающая метки для каждого появления данного элемента. Они имеют вид пары символов, разделенных пробелом, первый из которых относится к открывающей, а второй к закрывающей метке. В обоих случаях должны присутствовать или минус или буква O; минус означает, что метка должна присутствовать, а буква O - что она может быть опущена.

Третья часть каждого описания, заключенная в круглые скобки, называется моделью содержимого элемента, потому что она указывает, что могут содержать экземпляры элемента. Содержимое указывается либо в терминах других элементов, либо при помощи специальных зарезервированных слов. Есть несколько таких зарезервированных слов, из которых самое часто используемое -- #PCDATA. Это сокращение от parsed character data (разобранные символьные данные), и оно означает, что описываемый элемент может включать любые разрешенные символьные данные. Если представить себе SGML описание в виде структуры наподобие генеалогического дерева, с одним предком наверху (в нашем случае, это будет <anthology>), то почти всегда, если следовать по ветвям дерева вниз (например, от <anthology> к <poem>, <stanza>, <line> или <title>), мы

придем к #PCDATA. В нашем примере так определены <title> и <line>. Так как в их модели содержимого указано только #PCDATA и не названо никаких включаемых элементов, то они не могут содержать другие элементы.

Модель содержимого (TITLE?, STANZA+) содержит больше одного компонента. Поэтому нужно дополнительно указать порядок, в котором эти элементы (<title> и <stanza>) могут появляться. Это упорядочение определяется связкой (group connector) – запятой, использованным между ее компонентами. Существуют три возможных связки, обычно представляемых

запятой, вертикальной чертой и знаком "&". (Так же, как ограничители и обозначения включения, связки имеют в стандарте формальные имена и могут быть переопределены соответствующим SGML описанием). Запятая означает, что оба компонента, которые она соединяет, должны встречаться в порядке, указанном в модели содержимого. Знак "&" указывает, что компоненты, которые он соединяет, должны встречаться оба, но в произвольном порядке. Вертикальная черта означает, что может встречаться только один из компонентов, которые она соединяет

Вполне можно определять модели содержимого, в которых компонентами являются списки элементов, объединенные связками. Такие списки, известные как группы модели (model groups), могут также модифицироваться обозначениями включения и, в свою очередь, быть объединенными связками. Таким образом можно строить довольно сложные модели, отражая структурную сложность различных типов текстов.

7.2. Атрибуты в SGML. Объекты SGML

В контексте SGML, слово атрибут (attribute), подобно другим, имеет строгий технический смысл. Оно используется для описания информации, являющейся в каком-либо смысле описательной для конкретного появления элемента, но не являющейся частью его содержимого. Например, можно добавить атрибут status к экземплярам некоторых элементов для обозначения степени их достоверности, или добавить атрибут identifier, так что можно будет ссылаться на конкретное появление элемента из других мест документа. Атрибуты полезны именно в таких случаях. Хотя разные элементы могут иметь атрибуты с одинаковыми названиями (например, в схеме TEI каждый элемент определяется имеющим атрибут id), эти атрибуты всегда считаются различными и могут иметь различные присваиваемые им значения. Если элемент определен имеющим атрибуты, значения атрибутов задаются в документе как пары атрибут-значение внутри открывающей метки экземпляра элемента. Закрывающая метка не может содержать спецификаций атрибут-значение, так как это было бы излишним.

Обсуждавшиеся до сих пор аспекты SGML все имели отношение к разметке структурных элементов документа. SGML также предоставляет простой и гибкий метод кодирования и наименования произвольных частей действительного содержимого документа переносимым образом. В SGML слово объект (entity) несет специальный смысл: оно означает именованную часть размеченного документа, безотносительно ко всяческим соображениями структуры. Объектом может быть строка символов или целый файл текста. Для включения его в документ используется конструкция, известная как ссылка на объект (entity reference).

Заключение

Жизнь не стоит на месте. Все растет и развивается, стремится

вперед, ускоряется. Все в большей степени успешная практическая деятельность современного целеустремленного человека зависит от эффективной организации обмена информацией. Увеличились информационные потоки и повысились требования к скорости обработки, передачи данных, а так же своевременному владению информацией, ее усваиванию и скорости ее познания.

Совершенствование технических возможностей средств вычислительной техники, развитие коммуникационных средств и технологий управления информационными ресурсами в последние годы привели к появлению более крупных информационных систем.

В последние годы стали появляться инструментальные средства и крупные информационные системы, в которых совместно используются различные информационные технологии. Для информационных технологий характерна деятельность по стандартизации различных аспектов. Такая деятельность направлена на обеспечение переносимости приложений и информационных ресурсов между различными программно – аппаратными платформами, повторное использование ресурсов, в частности это может быть использование программных компонентов приложений.

Информационные системы сегодня применяются во всех областях общественной жизни и научной деятельности.

Список литературы

1. С.М. Наместников ОСНОВЫ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ HTML И CSS Учебное пособие 2014 год.

2. Библиографическая ссылка https://studfiles.net/preview/5862324/page:29/

3. Барановская, Т.П. Информационные системы и технологии в экономике: Учебник. – М.: Финансы и статистика, 2003.

4. Гохберг Г. С. Информационные технологии 2007.

5. Закарян, И. Что такое Internet, WWW и HTML

6. Информатика и информационные технологии И. Г.Лесничая 2006.

7. Коноплева, И.А. Информационные технологии 2007.