Преподаватель который помогает студентам и школьникам в учёбе.

Проведение анализа основных понятий языка гипертекстовой разметки HTML, его использования для реализации обработки данных

Содержание:

ВВЕДЕНИЕ

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

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

язык гипертекстовой разметки, а именно – HTML.

Актуальность исследования состоит в применении языков программирования гипертекстовой разметки, а именно – HTML, в том, что на данный момент он является одним из лидеров по использованию веб-страницы.

Объект курсовой работы – язык гипертекстовой разметки.

Предмет работы – язык гипертекстовой разметки HTML.

Цель работы в данном исследовании – проведение анализа основных понятий языка гипертекстовой разметки HTML, его использования для реализации обработки данных.

В соответствии с целью выделены задачи исследования:

– рассмотреть литературу по теории языков программирования высокого уровня;

– выполнить описание терминов, что связаны с понятием гипертекстового языка программирования;

– дать характеристику языка разметки HTML;

– провести рассмотрение основных тегов для гипертекстовой разметки;

– на примере рассмотреть применение языка гипертекстовой разметки HTML.

В работе применяется язык HTML, так как он в нынешнее время – один из самых популярных в мире при создании сайтов, однако стоит отметить, что без JavaScript и CSS практически не используется. Исследования проводили: Коржинский С.Н. [8], Белунцов В. [11], Фролов А.В. [14].

1.ТЕОРЕТИЧЕСКИЕ ПОНЯТИЯ КЛАССИЧЕСКОЙ ТЕОРИИ ЯЗЫКОВ ПРОГРАММИРОВАНИЯ

1.1. Определение языка программирования

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

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

Стоит отметить, языки различаются по близости к пониманию для человека, а также и по выразительным способностям, ясности, краткости и простоте. [4]

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

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

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

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

К примеру, язык программирования MATLAB был разработан Кливом Моулером (Cleve Moler) в конце 1970-х годов , когда он был деканом факультета компьютерных наук в Университете Нью-Мексико. Целью разработки служила задача дать студентам факультета возможность использования программных библиотек Linpack и EISPACK без необходимости изучения Фортрана. Язык MATLAB является высокоуровневым интерпретируемым языком программирования, включающим основанные на матрицах структуры данных, широкий спектр функций, интегрированную среду разработки, объектно-ориентированные возможности и интерфейсы к программам, написанным на других языках программирования. [21]

Для решения некоторых основных задач в сфере коммерции со временем специально создан язык под названием КОБОЛ, для обработки текстов использовался ПРОЛОГ, для выполнения процесса обучения студентов программированию были придуманы языки ЛИСП, БЕЙСИК, для создания математических вычислений – ФОРТРАН, для облегчения процесса программирования для аппаратуры персональных компьютеров – язык С++. [14]

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

В это же время, активно развиваются машинные специальные языки, имеющие использование только в своих областях. [11]

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

Основные назначение для всех языков программирования – быть средством для программирования: [20]

– формулировать программы;

– реализовывать программы на ПК.

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

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

Не имея строго указанной платформы, программисты стараются писать программные продукты не для некоторой абстрактной вычислительной машины. [19]

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

Следует также при этом учитывать, что огромная часть языков программирования позволяет использовать кроссплатформенность и выполнятся на различных операционных системах (ОС).

ОС представляет специальный программный комплекс для управления всеми ресурсами платформы и осуществлять взаимодействие с пользователем. [4]

В нынешнее время самыми массовыми ОС для десктопов считаются:

Windows от компании Microsoft
MacOs от компании Apple Inc.
Разновидности Lunix.

Данные получены от аналитического ресурса netmarketshare.

В случае, если абстрактной вычислительной машине добавляют операционную систему, то в результате получим виртуальную машину. [4]

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

Для написания программы на низких уровнях используются специальные низкоуровневые языки программирования.

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

Все языки такого уровня являются машинными кодами, а также ассемблерами. Ассемблер дает также несколько более удобных способов записи программных продуктов. [5]

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

Программа оказывается привязанной к определенной архитектуре. Все выше перечисленное можно также считать недостатками для программирования на языках низкого уровня.

Главным и основным преимуществом является возможность «выжать» из аппаратной платформы все его возможности, а прежде всего – компактность, быстродействие и возможность прямого доступа к аппаратным ресурсам. [10]

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

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

Языки высокого уровня можно разделить также на 4 вида (рисунок 1): [4]

Рисунок 1 –Типы языков программирования

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

Императивные языки программирования привязаны к традиционной архитектуре Джона фон Неймана. [15]

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

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

Объектно-ориентированные языки программирования в значительной степени упрощают программирование с использованием технологии объектно-ориентированного программирования (к примеру, C++). [4]

1.2. Этапы развития языков программирования

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

На определенной стадии развития ПК разработчикам было необходимо составлять программные продукты на языках программирования низкого уровня. Каждая команда состояла с адресов для операндов, кода операций в бинарном коде. [4]

Это приводило к острой необходимости искать пути решения, которые позволяли ускорить и упростить процесс разработки, при этом необходимо было уменьшить процесс интеграции специалистов в среду разработки. И такое средства были найдены – различные языки программирования и модули для реализации трансляции. [14]

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

Языки программирования классифицируются на языки высокого и низкого уровня. [3]

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

Рассмотрим далее краткую историю развития языков программирования: [16]

1804 г. – Жозеф Марии Жаккар - французский изобретатель ткацкого станка для узорчатых материй, используя перфокарты для управления плетением узорами на тканях ткацких станков, как таковое данное событие

можно отнести к использованию языка программирования для решения задачи на некой платформе (ткацкий станок).

1832 г.- В информатике впервые применяют перфокарты в «аналитической машине» Бэббиджа и в «интеллектуальных машинах» коллежского советника С. Н. Корсакова , механических устройствах для информационного поиска и классификации записей^..

1841 г. – первая женщина-программист Ада Лавлейс пишет первую программу - созданный ею труд, состоящий из перевода на английский язык статьи, описывающей изобретение Бэббиджа. [19]

1935 г. – Алан Мэтисон Тьюринг изобрел теорию языков программирования, которая используется и в данное время.

1954 г. - 1957г. – Создание языка Fortran группой программистов под руководством Джона Бэкуса в корпорации IBM.

1964 г. – Создание языка BASIC профессорами Дартмутского колледжа Томасом Курцем и Джоном Кемени.

1967 г. - Вильям Тьюнниклифф (William W. Tunnicliffe) обнародовал идею использовать языки разметки в компьютерной обработке текстов. Его концепция GenCod впервые позволила решить важнейшую задачу, отделить содержимое документа от его внешнего вида.

1970 г. – Никлаус Вирт создает Pascal.

1972 г. – Ален Колмероэ разрабатывает современный на то время язык PROLOG логического типа, который сразу используется при разработке баз данных (БД). [6]

1973 г. - Чарльз Голдфарб представляет язык GML — обобщенный язык разметки.

1983 г. – Бьёрн Страуструп на базе языка программирования С, создает новый язык под названием С++. [22]

1986 г. - Организацией ISO был опубликован как международный стандарт язык SGML (Standard Generalized Markup Language — стандартный обобщенный язык разметки). Этот язык является прямым предком HTML.

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

1991 г. - Тимоти Джон Бернерс-Ли использовал синтаксис SGML для создания HTML.

1994 г. - Хокон Виум Ли предложил концепцию каскадных таблиц стилей.

1995 г. – Джеймсом Гослингом выполняет создание языка Java. Java – это современный типизированный объектно-ориентированный язык. [9]

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

2. ГИПЕРТЕКСТОВАЯ РАЗМЕТКА

2.1. Понятие гипертекста, история его развития

Гипертекст – это технология на базе инструментария обработки больших, структурированных, глубоко вложенных, связанных семантически, понятийно текстов, которые организованы как фрагменты (текста), относящихся только к одной и той самой системе объектов, что расположены в вершинах некоторой сети, а также выделяемых обычно цветом. [6]

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

Рисунок 2 – Структура гипертекста

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

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

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

В последствии развития компьютерных средств в сфере мультимедиа гипертекст начал превращаться в еще более наглядную информационную форму, что получила название "гипермедиа", то есть, структура, содержащая аудио - и видеофрагменты, текст, соединенные ссылками по логике сюжета. Технология гипермедиа имеет возможность с помощью программного обеспечения (ПО) и технологических средств выполнять объединение на компьютере гипертекста, графических (статических) изображений, анимационных фрагментов, аудио- и видеозаписи. [14]

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

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

Поддержка этих связей позволяет качественно организовывать "нелинейные" структуры. [1]

Гиперссылками в электронном тексте выступают:

– ссылки на словари терминов и понятий;

– ссылки на персоналии;

– ссылки на статические рисунки;

– ссылки на элементы мультимедиа;

– ссылки на дополнительные материалы;

– ссылки по структурным элементам текста (номер темы, оглавление, список вопросов и др.);

– ссылки на перечень монографий, учебной или научной литературы;

– ссылки на перечень организаций;

– ссылки на перечень исторических событий;

– ссылки на географические названия;

– ссылки на Интернет-ресурсы.

При создании гипертекста каждый автор должен выделить гиперссылки с общей массы текста. Это можно сделать с помощью таких приемов: [1]

– изменение цвета ссылки;

– изменением начертания шрифта;

– увеличение (уменьшение) размера шрифта;

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

– различные комбинации указанных выше способов.

В разнообразных редакторах и программах для создания html-страниц гиперссылки можно выделить различными способами. [7]

К примеру, в редакторе Word ссылки выделяются автоматически синим цветом.

Система гиперссылок может иметь вид (рисунок 3, рисунок 4, рисунок 5): [11]

Рисунок 3 – линейная структура

Рисунок 4 – структура “дерево”

Рисунок 5 – структура “паутина”

Сама идея гипертекста, была введена Бушем в 1945 г. в предложениях по разработке электромеханической информационной системы Memex. Даже несмотря на тот факт, что Буш был советником президента Рузвельта по науке, идея так и не была реализована. [13]

Понятие гипертекст было введено в обращение Нельсоном в 1965 г. при описании документов (к примеру, представляемых компьютером), что выражают некоторую нелинейную структуру идей, на противоположность линейной структуре для традиционных книг, фильмов или речи. Более поздний термин под названием "гипермедиа" близок по смыслу к нему, но он подчеркивает практическое наличие в гипертексте разных нетекстовых компонентов – анимация, звук и видео. [17]

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

Но как-то внятно описать систему он так и не смог. В 1974 году идея гипертекста воплотилась в информационной системе для внутреннего распорядка атомного авианосца "Винстон", которая получила свое название ZOG. В коммерческом варианте эта система известна под названием KMS.

Работы в данном направлении продолжались и, иногда, появлялись реализации HyperCard от фирмы Apple или же HyperNode фирмы Xerox.

Далее в 1987 проведена первая специализированная конференция под названием Hypertext'87, материалам которой посвящен специальный выпуск сборника "Communication ACM». [19]

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

Дальнейшее развитие данного подхода приводит к непосредственному расширению понятия гипертекста с помощью других информационных ресурсов. [2]

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

Идея Тимоти Джон Бернерс-Ли заключалась в применении гипертекстовой модели к информационным ресурсам, что распределены в сети, и выполнить это максимально просто. [8]

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

– язык гипертекстовой разметки HTML;

– универсальный способ для адресации ресурсов в Интернете URL;

– протокол для обмена гипертекстовой информацией под названием HTTP.

Позже команда NCSA смогла добавить к этим 3-м компонентам четвертый:

– универсальный интерфейс для шлюзов CGI.

Идея HTML – это пример чрезвычайно удачного программного решения проблемы построения большой гипертекстовой системы при использовании специального средства для управления отображением. Непосредственно на разработку языка разметки существенное влияние оказали 2 фактора: [14]

– исследования в сфере интерфейсов гипертекстовых систем;

– желание обеспечить быстрый и простой способ создания гипертекстовой БД, распределенной на сети.

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

Значение гипертекстовой технологии часто сравнивали со значением открытия книгопечатания. Утверждалось, что 1 лист бумаги и современные компьютерные средства для отображения/воспроизведения серьезно могут отличаться друг от друга, а форма представления информации должна тоже отличаться. [8]

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

Простым способом создания документа является набивка его в текстовом редакторе.

Практический опыт создания размеченных для последующего отображения гипертекстовых документов в корпорации CERN был - трудно было найти физика, который бы не пользовался системой TeX. Кроме этого к тому времени уже существовал стандарт языка гипертекстовой разметки. [9]

Следует принять во внимание, что по своим предложениям Тимоти Джон Бернерс-Ли также предполагал объединить в одну систему имеющиеся информационные ресурсы компании CERN, и первые демонстрационные системы должны были быть системы VAX/VMS.

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

Данный подход хорош непосредственно для локальной системы, а не для распределенной на основании различных компьютерных платформ.

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

Очень часто в системах применяют также специальные форматы хранения информации для повышения эффективности доступа.

Непосредственно в WWW документы – обычные ASCII- файлы, что можно подготовить практически в любом редакторе текста. Таким образом, проблемы создания гипертекстовой БД была решена просто.

В качестве БД для разработки языков гипертекстовой разметки выбран SGML. Следуя академическим традициям, Тимоти Джон Бернерс-Ли описал язык HTML в терминах SGML. [11]

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

За 5 лет, с момента разработки самой первой версии HTML 1.0, произошло довольно быстрое развитие языка. Почти в 2 раза увеличилось количество элементов разметки, уровень оформления документов приближается все больше к оформлению современных печатных изданий, быстро развиваются средства для описания не текстовых ресурсов и способы для взаимодействия с разного рода прикладным программным обеспечением. [8]

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

2.2. Описание языков гипертекстовой разметки

2.2.1. Язык HTML

Без преувеличения можно полагать, что получение информации для Интернет-страниц наиболее популярно в нынешнее время. Для создания подобных документов надо иметь общее представление о непосредственной структуре html - файла. [8]

HTML - стандартный сервис Интернет, принятый консорциумом www (W3C). На теперешний день последней является 5-я версия стандарта, переработанная и дополненная по сравнению с версией 4.

На самом деле, если открыть файл с расширением htm (html) в любом текстовом редакторе, можно увидеть, что это обычный текст, правда "оформлен" какими-то словами в специальных угловых скобках. [8]

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

Похожий принцип построения документов не новый, и встречается, к примеру, в текстовом редакторе TeX.

То есть html – обычный текст (информация) с управляющими элементами-тэгами (удобное представление данной информации). [9]

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

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

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

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

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

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

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

Унарные тэги могут не относится к определенным участкам текстовой информации, а к всей последующей части html-документа.

Стоит отметить, что с граничными тегами немного сложнее, но надо также учитывать, что их больше, нежели унарных. [2]

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

Пример граничного тэга имеет вид: [7]

<a href="http://mail.ru/">Почтовый сервер</a>

Тут a – управляющее слово (тег), показывающие, что текст до тега </а>, является гипертекстовой ссылкой (указанием браузеру просмотреть html - документ при совершении действия (например, щелчка мыши) над текстом); href="..." – параметр, определяющий, какой именно документ будет просмотрен (может быть обычный файл на ПК).

Некоторые параметры определены браузером по умолчанию, некоторые- пользователем браузера, а также есть и такие, определить которые необходимо непосредственно при создании страницы (к примеру, тот же параметр href для тэга <a>).

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

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

Структура любого гипертекстового файла чрезвычайно проста (рисунок 6).

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

<html>

<head>

<title>

Моя страница

</title>

</head>

<body>

Добрый день!

<br>

Страница

</body>

</head>

Рисунок 6 – Структура HTML-файла

Информация вне тэгов игнорируется или выдается в возможном обработанном браузере виде. Код, огражденный тегами <html> или </html> делится на 2 части: [8]

– заголовок (меньшая часть);

– основная часть документа.

2.2.2. Язык ХML

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

XML был разработан как язык с достаточно простым формальным синтаксисом, который удобный для обработки и создания документов программами, а также одновременно удобный для создания и чтения документов человеком, с подчёркиванием использования его в Интернете. [4]

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

Расширения XML – это конкретная грамматика, которая создана на базе XML, представленная словарём тегов, а также их атрибутов, набором правил, что определяют какие атрибуты и объекты могут входить в состав иных элементов.

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

2.2.3. Язык DHTML

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

В отличие от обычного HTML, который, по своей сути, статичен (имеется в виду HTML 4), DHTML позволяет динамически изменять страницу с учётом действий пользователя. Классические примеры использования DHTML - это различные выпадающие меню на сайтах, разворачивающиеся по клику пользователя панели и древовидные списки, и т. п. Технически Dynamic HTML реализуется с помощью JavaScript, CSS и DOM. [8 ]

Не следует путать динамические HTML-страницы с динамическими сайтами.

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

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

Не стоит путать также DHTML и AJAX, так как эти технологии имеют различную суть и природу, хотя и есть у них определённое внешнее сходство. AJAX позволяет не перезагружать открытую пользователем страницу целиком при внесении в неё каких-либо небольших изменений сервером, а ограничиться загрузкой только небольшого фрагмента, что достигается обменом XML-данными с сервером в "фоновом" режиме. AJAX-страницы для придания им большей интерактивности реализуются с использованием DHTML, однако DHTML-страницы совершенно не обязательно используют AJAX. [4]

Использование DHTML связано с определёнными сложностями для разработчиков, которые создают web-страницы, так как необходимо отлаживать JavaScript и взаимодействие с DOM для каждого браузера в отдельности. Впрочем, сегодня существует немалое количество JavaScript-библиотек, которые существенно упрощают жизнь создателям DHTML-страниц. [6]

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

3.ПРАКТИЧЕСКОЕ ИСПОЛЬЗОВАНИЕ ЯЗЫКА HTML

3.1. Описание основных тегов HTML

Любой документ начинается с заголовка, который может быть разного размера. Существует шесть уровней заголовков в HTML: <h1>, <h2>, <h3>, <h4>, <h5> и <h6>. При отображении любого заголовка, браузер добавляет одну строку до и одну строку после этого заголовка. [8]

HTML предлагает способ структурирования текста в разные абзацы с помощью тега <p>. Каждый абзац текста должен находиться между открывающим <p> и закрывающим тегом </p>

– <P> и </P> - теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой.

– <BR> - тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал. [13]

– <HR> - тег, служащий для логического разделения текста горизонтальной линией.

– <PRE> и </PRE> - Между этими тегами располагается предварительно отформатированный текст.

Параметры выравнивания используются в <P> и <H>

– ALIGN=LEFT - выравнивание по левому полю;

– ALIGN=RIGHT - выравнивание по правому полю;

– ALIGN=CENTER - выравнивание по центру.

Теги выравнивания имеют вид: [17]

– <LEFT> и </LEFT> - выравнивание по левому полю;

– <RIGHT> и </RIGHT> - выравнивание по правому полю;

– <CENTER> и </CENTER> - выравнивание по центру.

Заголовки, служащие для выделения логических частей текста имеют вид:

– <H1> и </H1> - Заголовок первого уровня.

– <H2> и </H2> - Заголовок второго уровня.

– <H3> и </H3> - Заголовок третьего уровня.

– <H4> и </H4> - Заголовок четвертого уровня.

– <H5> и </H5> - Заголовок пятого уровня.

– <H6> и </H6> - Заголовок шестого уровня.

Теги для выделения текста и шрифта имеют вид: [18]

– <B> и </B> - теги для выделения текста (слов, букв) жирным шрифтом.

– <I> и </I> - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.

– <U> и </U> - текст, расположенный между двумя этими тегами, будет подчеркнут.

– <BLINK> и </BLINK> - текст, расположенный между двумя этими тегами, будет мигать.

– <FONT SIZE=n>и</FONT> - теги для изменения размера шрифта (где n - размер шрифта в пикселях px).

– <FONT COLOR="#FFFFFF"> и </FONT> - теги для изменения цвета шрифта.

Теги для формирования списков: [9]

– <OL> и </OL> - теги, показывающие начало и конец нумерованного списка;

– <UL> и </UL> - теги, показывающие начало и конец маркированного списка;

– <LI> - Элемент списка.

– <DL> и </DL> - теги, показывающие начало и конец глоссария.

– <DT> - Термин глоссария, располагается без отступа от левого поля страницы.

– <DD> - Описание термина, располагается с отступом от левого поля страницы.

Теги-команды для вставки в текст объектов не текстовой информации: [1]

– <IMG SRC="file.gif"> или <IMG SRC="file.jpg"> - команда для вставки графического изображения;

– <IMG SRC="file.wav"> - команда для вставки звукового фрагмента;

– <IMG SRC="file.avi"> - команда для вставки видео фрагмента.

Параметры графического изображения имеют вид: [8]

– WIDHT - ширина картинки в пикселях;

– HEIGHT- высота картинки в пикселях;

– ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру);

– HSPACE - горизонтальный отступ от графического изображения;

– VSPACE - вертикальный отступ;

– ALT - альтернативный текст, служит для обозначения изображения.

Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет: [9]

– <A HREF="fail.htm">и</A>или<A HREF="http://www.ru">и</A> - гиперсвязи;

– <ADDRESS><A HREF="mailto:nick@mail.ru">nick@mail.ru </ADDRESS>- гиперсвязь с адресом электронной почты.

Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста:

– <TABLE> и </TABLE> - теги для вставки таблицы в HTML документ.

Параметры тега <TABLE>:[7]

– BGCOLOR - цвет фона;

– BORDER - ширина бордюра;

– WIDHT - ширина таблицы.

3.2. Практическое применение языка гипертекстовой разметки HTML

Перейдем к практике и с использованием блокнота соберём web-станицу с использования языка разметки HTML.Открываем блокнот и копируем следующий текст.

<html>

<head>

<title> Практическое применение языка гипертекстовой разметки HTML </title>

</head>

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

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

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

<center><h4>Заголовок h4 </h4></center>

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

<center><h6>Заголовок h6 </h6></center>

<P>В 2012 году онлайн-образование признано в России официальной формой обучения, которая может применяться для программ

высшего образования (№273-ФЗ «Закон об образовании в Российской Федерации»). Выпускники дистанционных программ получают

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

конкурентоспособность на рынке труда. Генеральный директор Фонда содействия инновациям Павел Гудков считает, что в

ближайшие 5-10 лет дистанционное образование в нашей стране может заменить традиционное (форум «Открытые инновации», 2017)</P>

<p align="LEFT">выравнивание по левому полю</LEFT></p><BR>

<p align="right">выравнивание по правому краю</p><BR>

<p align="CENTER">выравнивание по центру</CENTER></p><BR>

<font size="4" color="blue" face="Arial">шрифт 4</font>

<font size="5" color="blue" face="Arial">шрифт 5</font>

<BR>

<font size="6" color="blue" face="Arial">Перенос</font>

<HR>

<tr>

<th>Электронная почта университета</th>

<th>Телефон университета</th>

</tr>

<tr>

<td><ADDRESS><A HREF="mailto:avasilev@synergy.ru">avasilev@synergy.ru</ADDRESS></td>

</tr>

</table>

<h3><a href = "http://my.megacampus.ru/user/restricted">переход на мегакампус</a></h3>

</body>

</html>

сохраняем данный текст под именем – “ПРАКТИЧЕСКОЕ ИСПОЛЬЗОВАНИЕ ЯЗЫКА HTML.html”.Послу запускаем полученного файл мы должны получить в браузере страницу следующего вида (для корректного отображения элементов необходимо подключение интернета)

На данной web-станице мы видим работу основных тегов HTML.

Закроем браузер и откроем страницу в блокноте. Произведем замену

на

Сохраним изменения и запустим страницу повторно.

Закрываем браузер и модифицируем страницу в блокноте

<html>

<head>

<title> Практическое применение языка гипертекстовой разметки HTML </title>

</head>

<h3><a href = "https://synergy.ru/">https://synergy.ru</a></h3>

<tr>

<th>Электронная почта университета</th>

<th>Телефон университета</th>

</tr>

<tr>

<td><ADDRESS><A HREF="mailto:avasilev@synergy.ru">avasilev@synergy.ru</ADDRESS></td>

</tr>

</table>

</body>

</html>

В результате получаем следующее

При нажатии на ссылку https://synergy.ru осуществляется переход на сайт https://synergy.ru/
При нажатии на картинку с русским названием университета будет осуществлен переход к вводу логина русского интерфейса megacampus.
При нажатии на картинку с английским названием университета будет осуществлен переход к вводу логина английского интерфейса megacampus.
При нажатии на avasilev@synergy.ru будет предложен выбор

почтового клиента.

Полученная страница собрана без CSS и Java, что не позволяет в полной мере занимается версткой web-страниц (отсутствует практически все необходимы для современных web-сайтов возможности). На данный момент собранные в HTML web-станицы обычно используют:

CSS
Java/PHP
front-end библиотеки компонентов интерфейса к примеру, bootstrap

, что не позволяет реализовать полноценную верстку страниц новичку и создавать красивые и функциональные web-сайты.

ЗАКЛЮЧЕНИЕ

При текущем развитии язык гипертекстовой разметки HTML возможно создание любого по визуальной сложности дружественного web-интерфейса под различные задачи, нужно лишь внимательно обратить внимание на тот факт, что сам по себе HTML не позволяет этого, для полноценной работы с мнимом визуализации необходим CSS . Для полноценной работы в создании web-страниц необходим широкий инструментарий от Java/PHP до работы с распространяемыми Фреймворками. Хоть язык гипертекстовой разметки HTML и является довольно простым для изучения необходимо

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

Ввиду данных фактов выражение – “web-станицы сможет создать даже новичек”, вызывают улыбку.

В работе были выполнены задачи:

– рассмотрена литература по теории языков высокого уровня;

– выполнено описание терминов, что связаны с понятием гипертекстового языка программирования;

– дана характеристика языка разметки HTML;

– проведено рассмотрение основных тегов для гипертекстовой разметки;

– на примере рассмотрено применение языка гипертекстовой разметки HTML.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Пауэлл Т.А. Полное руководство по HTML. -Мн.: ООО "Попурри", 2013. - 912 с.
Дубаков М.А. Создание Web-страниц: искусство верстки. – Мн.: Новое знание, 2014. – 287 с.
Браун М., Ханикатт Д. HTML в подлиннике. Спб.: Издательство “БХВПетербург” – 2014. - 1048с.
Титтел Эд, Бурмейстер Мэри. HTML 4 для "чайников". 5-е издание. М.: Издательский дом “Диалектика -Вильямс” – 2017. - 368с.
Божко А. Dreamweaver 4. Базовый курс. - Москва: издательство "ДЕСС КОМ", 2013. - 448 с.
Дубаков М.А. Веб-мастеринг средствами CSS. - СПб.: БХВ-Петербург, 2015. – 544 с.
Молли Э. Хольцшлаг. Использование HTML и XHTML. Специальное издание. М.: Издательский дом “Вильямс” – 2014. - 736с
Коржинский С.Н. Настольная книга Web-мастера: эффективное применение HTML, CSS и Javascript. - М.:Издательский торговый дом "Кнорус", 2014. - 320с.
Гончаров А. Самоучитель HTML. – СПб.: Питер, 2015. – 240с.
Шафран Э. Создание Web-страниц: самоучитель. - СПб.: Питер, 2016. - 320 с.
Белунцов В. Новейший самоучитель по разработке Web-страниц. - Москва, издательство "ДЕСС-КОМ", 2014. - 448 с.
Федорчук А. Как создаются Web-сайты. Краткий курс. - СПб.: Издательство "Питер", 2014. - 224с.
Шапошников И.В. Web-сайт своими руками. - СПб.: БХВ-СанктПетербург, 2015. -224 с.
Фролов А.В., Фролов Г.В. Создание Web-приложений: Практическое руководство. - М.: Издательско-торговый дом "Русская редакция", 2014. - 1040 с.
Полонская Е.Л. Язык HTML. Самоучитель. М.: Издательский дом “Вильямс” – 2013. - 320 с.
Джейсон Кренфорд Тиге. DHTML и для Internet. М.: Издательство “НТ Пресс”- 2015. - 520c.
Кастро Э. Создание Web-страниц с помощью HTML. М.: Издательство “НТ Пресс”- 2015. - 144с.
Дунаев Вадим. HTML, скрипты и стили. Спб.: Издательство “БХВПетербург” – 2018. - 1024с
Холмогоров В. Основы Web-мастерства. Учебный курс. - СПб.: Питер, 2015. - 352 с.
Мальчук Е.В. HTML и CSS. Самоучитель. М.: Издательский дом “Вильямс” –2018. - 416 с.
MATLAB полный самоучитель. М.: Издательство ДМК Пресс -2012 . – 767 с.
Бьёрн Страуструп. Дизайн и эволюция C++ = The Design and Evolution of C++. — СПб.: Питер, 2007. — 445 с. — ISBN 5-469-01217-4.