Файл: Основы программирования на языке HTML (Описание языка HTML).pdf

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

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

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

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

Рассмотреть историю создания и развития HTML.
Привести краткое описание языка HTML.
Охарактеризовать структуру HTML документа.
Проанализировать синтаксис языка HTML.
Подвести итоги исследования.

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

В качестве методологической и теоретической базы работы используются научные работы российских и зарубежных исследователей, в частности таких авторов как Гудман Д., Дебольт В., Мержевич В., Чебыкин Р. и других. Авторы, чьи труды используются в работе, заслужили доверие и признание в научных трудах, в частности, в вопросах веб-программирования и изучения языка разметки гипертекста HTML, так что использование текстов их работ в исследовании целесообразно.

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

Глава 1. Общая характеристика языка HTML

1.1 История создания и развития HTML

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

Одним из компонентов технологии создания распределенной гипертекстовой системы World Wide Web стал язык гипертекстовой разметки HTML (HyperText Markup Language – язык гипертекстовой разметки документов), разработанный Тимом Бернерсом–Ли на основе стандарта языка разметки печатных документов – SGML (Standard Generalised Markup Language, стандартный обобщенный язык разметки). Дэниел В. Конноли написал для него Document Type Definition – формальное описание синтаксиса HTML в терминах SGML [11].

Разработчики HTML смогли решить две задачи:

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

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

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

Вторым важным моментом, повлиявшим на судьбу HTML, стало то, что в качестве основы был выбран обычный текстовый файл [16].

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

Такой подход предполагает наличие еще одного компонента технологии – интерпретатора языка. В World Wide Web функции интерпретатора разделены между Web–сервером гипертекстовой базы данных и интерфейсом пользователя. Сервер, кроме доступа к документам и обработки гипертекстовых ссылок, обеспечивает предпроцессорную обработку документов, в то время как интерфейс пользователя осуществляет интерпретацию конструкций языка, связанных с представлением информации [2].

Версии

RFC 1866– HTML 2.0, одобренный как стандарт22 сентября1995 года;

HTML 3.2 – 14 января1997 года;

HTML 4.0 – 18 декабря1997 года;

HTML 4.01 (изменения, причём более значительные, чем кажется на первый взгляд) – 24 декабря1999 года;

ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) – 15 мая2000 года.

HTML 5 – 2014 год.

Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.

Версия 3 была предложена Консорциумом всемирной паутины(W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул, поддержка gif формата. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами Netscape, Navigator и Mosaic [6].

В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и нерекомендованные. В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS).

В 1998 году консорциум Всемирной паутины начал работу над новым языком разметки, основанном на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины26 января2000 года.

Планируемая версия XHTML 2.0 должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 года консорциум Всемирной паутины объявил, что полномочия рабочей группы XHTML2 истекают в конце2009 года. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0.

В настоящее время Консорциум всемирной паутины разрабатывает HTML версии 5. Черновой вариант спецификации языка появился в Интернете 20 ноября 2007 года [9].

1.2 Описание языка HTML

HTML – расшифровывается как «язык гипертекстовой разметки» (англ. HyperText Markup Language), который является наиболее широко используемым языком для написания веб–страниц.

Гипертекст относится к способу связывания веб–страниц (HTML–документов). Таким образом, ссылка, доступная на веб–странице, называется гипертекстом [14].

Как следует из названия, HTML – это язык разметки, что означает, что пользователь использует HTML, чтобы просто «разметить» текстовый документ с тегами, которые сообщают веб–браузеру, как структурировать его для отображения [7].

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

HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов, служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения. В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов) [4].

Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение «html» или «htm»), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Также возможно наличие в телефоне HTML–браузера. C помощью такого веб–браузера можно просматривать обычные html–страницы в сети Интернет с помощью сотового телефона. Кроме того, современные html–страницы могут быть успешно адаптированы для большинства современных электронных устройств – планшетов, смартфонов и др. [17]

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

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

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

HTML–документ заключается в теги <html> и </html>. Между этими тегами располагаются два раздела: раздел заголовка ( элемент head ) и раздел тела документа ( элемент body для простого документа либо элемент frameset, задающий набор кадров ). Все указанные элементы имеют начальный и конечный тег [14].

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

Формально, согласно спецификации HTML 4+, первым в документе должен указываться элемент doctype, сообщающий браузеру об использованной версии HTML (а версии, как уже говорилось, различаются наборами допустимых элементов и правилами их объявления). В элементе doctype указывается также адрес, с которого браузер может загрузить определение типа документа – Dtd (Document Type Definition). На практике же этот элемент зачастую опускают без ущерба для отображения документа [13].

Рассмотрим пример самого простого HTML–документа:

<!doctype HTML public»–//W3C//Dtd HTML 4.0 Frameset // EN» «http://www.w3.org/tr/REC–html40/frameset.dtd»>

<html>

<head>

<title>Самый простой HTML–документ</title>

</head>

<body>

Проще не бывает

</body>

</html>

Рисунок 1 Отображение HTML-документа в браузере

Браузер отобразит этот документ, выведя в строке заголовка своего окна текст «Самый простой HTML–документ», а в самом окне текст «Проще не бывает», причем параметры шрифта и цвет фона будут зависеть от умолчаний конкретного браузера. На практике, конечно, в разделе заголовка следует задавать определенную информацию. Для элемента body могут быть указаны атрибуты, определяющие цвета текста и фон документа.

Рассмотрим подробнее использованные в странице теги – <html>, <head>, <body>.

Тег <html> является контейнером для всего содержимого страницы. Другими словами, весь код страницы находится между открывающимся <html> и закрывающимся </html>.