Файл: ОСНОВЫ ПРОГРАММИРОВАНИЯ НА ЯЗЫКЕ HTML (Основы языка программирования HTML).pdf

Введение

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

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

Актуальность данный темы состоит в что, HTML давно является не просто языком программирования. Пользователь, осваивающий данный язык, имеет возможность создавать сложные вещи простыми способами и, что самое важное, быстро, что в компьютерном мире не так уж и мало. Гипертекст подходит для введения компонентов мультимедиа в традиционные документы. На практике, именно за счет развития гипертекста, большинство юзеров имеет возможность создавать собственные мультимедийные продукты и распространять их на различных носителях. Данные информационные системы, созданные в виде набора HTML-страниц, не нуждаются в разработки специализированных программных средств, так как все нужные инструменты для работы с данными (WEB-браузеры) теперь являются частью традиционного программного обеспечения большинства персональных компьютеров. От пользователя необходимо только выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними. HTML является основой моды в Интернете.
Объектом исследования: язык гипертекстовой разметки HTML.

Предметом исследования: изучение возможностей языка гипертекстовой разметки HTML Цель данной работы - изучение языка программирования HTML.

Задачи, поставленные в данной работе:

1. Рассмотреть основы языка гипертекстовой разметки HTML.
2. Выявить особенности работы с языком гипертекстовой разметки HTML.
3. Изучить и проанализировать специальную литературу по теме исследования.

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

При изучении данных аспектов были использованы следующие литературные источники:

---

Глава 1. Основы языка программирования HTML

• 1. История появления языка HTML

Первоначальный вариант языка Паскаль^[1] был выработан специалистом из Швейцарии Николаусом Виртом в одна тысяча девятьсот шестьдесят восьмом году. Изначально язык должен был служить для задач обучения, так как данный язык был довольно детерминированным, т.е. все повинуется установленным принципам, исключений из них не такое большое количество. Центральные правила: сравнительно незначительное число базовых представлений, обычный синтаксис, быстрый компилятор, предназначенный для перевода исходных текстов в машинный код.

Первоначальный вариант HTML был разработан в одна тысяча девятьсот восемьдесят девятом году Тимом Бенерс-ли для известного в минувшем браузере Mosaic. В то момент ни для языка, ни для браузера не было стоящего применения. В 1993 году возник HTML+, данная версия тоже осталась почти неотмеченной. Начало всеобщего применения гипертекста осуществила версия 2.0, которая возникла в июне 1994 года. Данный год показывал нарастание популярности WWW по всем мире. Основы, входящие в версию 2.0, в большей части используются в настоящее время.

В 1992 г. компания Borland International опубликовала 2 пакета, созданных на языке Паскаль: Borland Pascal 7.0 и Turbo Pascal 7.0. Первый может существовать в 3 разных режимах: обычном и защищенном режимах MS DOS и в системе Windows. Для него требуется около 30 Мбайт на жестком диске и порядка 2 Мбайт оперативной памяти. Турбо Паскаль 7.0 работает исключительно в обыкновенном режиме MS DOS и менее притязателен к характеристикам компьютера. Так как основные элементы, которые будут рассмотрены в данной работе, совпадают в обоих продуктах, в дальнейшем будет употребляться название Турбо Паскаль.

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

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

---

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

Наравне с официально признанными спецификациями языка, которые разрабатывались компанией W3C^[2] (W3 Консорциум), организации-производители браузеров формировали собственные элементы (расширения). В дальнейшем, некоторые из этих элементов, после принятия всеобщего признания были включены в спецификацию следующих версий языка. Но новаторское решение – фреймы, не были засчитаны в спецификацию 3.2. Но браузеры поддерживали фреймы и большинство книг, причастные к HTML, содержали описание фреймов без упоминания о том, что это своеобразные элементы. Далее фреймы были стандартом де-факто. В версии 4 они уже были включены на абсолютном основании.

И напротив, элементы APPLET и SCRIPT, нужные для расширения HTML иными программными кодами версии 3.2, не имели того значения, которое было призвано сыграть. Это истолковывается тем, что браузеры разных версий по-разному трактовали программы на разных языках JAVA, JAVASCKRIPT, Visual Basic (VBScript). В итоге не удалось получить довольно надежный работающий код, и эти языки использовались любителями HTML в большей части для экспериментов.

Общепризнанная спецификация HTML 4 (Dynamic HTML) возникла в 1997 году. В тот момент уже было очевидно, что последующее развитие гипертекста будет воплощаться за счет скрипт программирования. Это оказалось незначительно более эффективно, чем вводить в язык все новые элементы. Возникшее в то время браузеры (Netscape^[3] Navigator 4, Microsoft Internet Explorer 4 и др.) уже довольно надежно интерпретировали программный код (был установлен определенный уровень стандартизации). Однако вопросы у разработчиков еще остались. Для примера можно указать, что многие скрипты начинаются с определения версии браузера, чтобы потом воспользоваться тем или иным фрагментом кода. Бесспорно, что на программиста ложится обязательство тестирования страниц на всех известных в данный момент браузерах.

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

---

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

В октябре 2014 года была представлена версия HTML5. HTML5 получила линию новейших тегов, но большая часть изменений коснулась поведения браузера в контексте работы DHTML: появилась встроенная поддержка функций перетаскивания элементов (drag-and-drop), возможность рисовать на виртуальном полотне (canvas), управлять просмотром истории, обмениваться сообщениями между страницами, сохранять контекст исполнения и многое другое.

Версия HTML5.1 начала разрабатываться с 17 декабря 2012 года, и была рекомендована к применению с первого ноября 2016 года. Версия HTML 5.2 была представлен общественности четырнадцатого декабря 2017 года. Версия HTML 5.3 была представлена двадцать четвертого декабря 2018 года.

• 1. Основные понятия языка HTML

 HTML^[4] – это язык гипертекстовой разметки файлов (HyperText Markup Language). С использованием HTML основываются Web-страницы, которые располагаются в глобальной компьютерной сети Интернет. HTML – это не язык программирования в традиционном смысле, он является языком разметки. С использованием HTML текстовый файл разграничивают на блоки смысловой информации (заголовки, параграфы, таблицы, рисунки и т.п.).

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

Особенности HTML^[5]-файлов:

1. HTML-файл может включать текст, графику, видео и звук.

2. В общем случае HTML-файл – это один или несколько текстовых файлов, которые содержат расширение .htm или .html.

3. Создавать HTML-файл возможно, как с использованием специализированных программ – редакторо22222в HTML (как пример, FrontPage), так и с использованием всякого текстового редактора (например, блокнота Windows).

4. Просмотреть HTML-документ возможно с поддержкой программ-браузеров (от английского browser), которые показывают файл в соотношении с HTML-разметкой и гарантируют навигацию по гиперссылке. Наиболее часто встречающиеся браузеры это Microsoft Internet Explorer компании Microsoft Corporation и Netscape Navigator компании Netscape Communications Corporation.

5. Если при интерпретации HTML - файла браузер что-либо не понимает, то окно с ошибкой не появляется, а это место в HTML-файле игнорируется и не воспроизводится браузером.

HTML-файл содержит элементы HTML.

---

Элемент HTML – это скорее всего всего 2 тега (открывающий и закрывающий) и часть файла между ними. Также, есть элементы HTML, содержащие только из один тег (от английского tag).

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

Тег (Tag)^[6] — в переводе с английского – ярлык, этикетка. Это стартовый и конечный маркеры элемента. Теги устанавливают границы действия элементов и отгораживают элементы друг от друга. Теги заключаются в угловые скобки, как пример: <HTML>. Конечный тег, если он предусмотрен синтаксисом языка, снабжает­ся косой чертой: </HTML>. Тег определяет тип выводимого элемента HTML (например, заголовок, таблица, рисунок и т.п.). Сам тег не отображается браузером. Тег представляет собой последовательность элементов:

HTML^[7]-тег обозначается в угловых скобках и складывается из имени. В последствии за ним может последовать список атрибутов (который для больней части тегов не является обязательным). Теги условно возможно поделить на 2 группы:

- парные теги (которые носят дополнительное название контейнеры) обладают 2 составляющие: открывающий (начальный) и закрывающий (конечный); закрывающий элемент носит такое же наименование, но при написании перед наименованием употребляется косая черта (символ /). Между открывающим и закрывающим элементами может находиться текст файла и другие теги. Часть файла, находящийся между открывающим и закрывающим компонентом тега-контейнера, образуется браузером в соответствии со смыслом тега. Для примера, текст, находящийся между тегами и, сможет быть выведен полужирным начертанием (наименование тега - от английского bold). Сдвоенные теги можно вложить друг в друга, но они не могут пересекаться.

- непарные теги (которые носят дополнительное название автономные) не располагают окончательно элемента. Для их обозначения в отображаемый файл помещается тот или иной компонент. Для примера, тег <IMG SRC=«pict. gif»>, может встретиться в тексте HTML-файла, и вызовет вставку графического изображения из файла pict. Gif.

• символ левой угловой скобки (<) – начало тега;
• необязательный символ слеша (/) – символ используется, чтобы обозначить закрывающий тег;
• имя тега;
• необязательные атрибуты в открывающем теге;
• символ правой угловой скобки (>)

Атрибуты^[8] в списке отделяются друг от друга одним или несколькими пробелами, либо символами табуляции, либо символами перевода строки; последовательность записи атрибутов несущественна. Существенное множество атрибутов может быть использовано в виде пары наименования атрибута = значение атрибута. Тогда, когда значение атрибута выражает больше чем единичное слово либо единичное число, его необходимо вывести в одинарные или двойные кавычки. В закрывающих компонентах тегов атрибуты не обозначаются. Атрибуты – необязательный набор параметров, определяющих дополнительные свойства элемента HTML (например, цвет или размер). Атрибут состоит: из имени атрибута; знака равенства (=); значения атрибута – строки символов, заключенной в кавычки

---