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

HTML – это связующий язык всемирной паутины, с помощью которого человечеству удалось создать обширную и разнообразную сеть документов, связанных между собой гиперссылками – от Amazon, eBay и Wikipedia до личных блогов и страничек^[1].

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

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

Термин html означает «язык маркировки гипертекстов». Данный язык разметки можно встретить практически во всех сферах, связанных с информационными технологиями.

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

На деле, HTML не является языком программирования, потому что он служит лишь для разметки текста и придания определённого вида тому или иному элементу, но не более. Для более глубокой работы, к примеру, с базами данными, используется уже серверные языки программирования, к примеру, PHP или Python.

В настоящее время большинство компаний, сервисов, блогов используют язык программирования HTML для написания сайтов. Каждый сайт google.com, mail.ru, так же, как и другие информационные ресурсы, используют язык HTML.

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

Не менее важной задачей также является построение алгоритма web сайта, структура его функционирования.

В своей курсовой работе среди задач могу выделить следующие:

- изучить историю создания и развития языка HTML;

- понять и изучить язык разметки HTML;

- разобрать структуру построения web документа на примерах;

- провести работу с тегами форматирования.

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

Раскрытие и изучение темы: «Основы программирования на языке HTML» позволит в дальнейшем заниматься разработкой сайтов, ведь грамотно созданный web сайт позволяет пользователям облегчить поиск необходимой информации в сети Интернет.

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

1.1 Программирование с HTML в период с 1986 по 1999 года

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

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

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

Данный язык был разработан и стал внедряться в массы с 1986 года. В этом году мировой организацией по стандартизации была принята самая ранняя версия HTML под названием SGML.

Расшифровывается SGMS следующим образом – стандартный обобщенный язык разметки. Файл имел расширение в формате “.sgml”, а у нового языка разметки расширение уже имеет вид «.html».

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

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

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

У языка HTML было несколько версий. У первой версии было примерно 40 видов тегов для работы с информацией.

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

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

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

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

1.2 Программирование с HTML в период с 2000 года по настоящее время

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

Новая и последняя на данный момент версия языка имеет пятую версию. Началом разработки более совершенной версии принято считать 2004 год. На тот момент уже несколько лет не выходило обновлений четвёртой версии HTML. Новая пятая версия HTML была создана в основном для улучшения поддержки мультимедийных технологий, для более удобной читабельности кода для программистов, для их работы с web сайтами.

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

Так же с помощью новой версии языка стала возможность создавать web приложения.

Версию HTML5 с 2004 года решено было создавать практически с нуля. Все предшествующие наработки в предыдущих версиях языка разметки HTML были включены в новую и улучшенную версию.

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

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

W3C – это организация, которая разрабатывает и внедряет технологические стандарты для работы в всемирной сети интернет. Работает данная организация с 1994 года и имеет на данный момент более 400-х участников.

После того, как было решено прекратить дальнейшую разработку и поддержку старых версии HTML, с 2009 по 2012 года, практически все web браузеры стали внедрять новую версию, её технологии стали доступны на всех сайтах. Малая часть тегов пока не была оптимизирована для работы с медиа контентом, но со временем браузеры стали понимать полностью новый стандарт и полноценно обрабатывать web документы и web приложения на HTML5.

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

Также было принято решение более не указывать номер версии, а оставлять только название языка программирования - HTML.

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

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

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

Глава 2. Структура web страницы, написанной на языке программирования HTML

2.1. Алгоритм создания web страницы на языке программирования HTML

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

Web странница, созданная на языке разметки HTML, создаётся в текстовом редакторе.

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

Любая страницы на HTML начинается и заканчивается специальным тегом html. Ниже приведён пример:

Хочется отметить, что в курсовой работе я использую программное обеспечение под названием “sublime text “. На данный момент вышла уже третья версия программы.

Дальше внутри тегов html идёт шапка нашей страницы, в которой указана вся необходимая информация о сайте, заголовок страницы, возможность подключения сторонних файлов, скриптов написанных на языке “javascript”. Данное описание пишется внутри тегов “head”. Пример описания простой страницы:

На фото показан html документ, внутри которого созданы теги “head” для описания нашей будущей страницы.

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

Ключевые слова в описании web страницы служат в основном для ботов поисковых систем. По ним поисковые машины быстрее индексируют web ресурс.

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

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

Первый называется «HTML 4.01 Strict DTD». Самый строгий стандарт разметки имеет вид:

Второй стандарт имеет название «HTML 4.01 Transitional DTD». Отличие от первого заключается в том, что помимо стандартных наборов, используемых при оформлении web документа тегов, можно использовать другие элементы и атрибуты. Стандарт имеет вид:

Третий стандарт практически схож со вторым вариантом, но может включать в себя подключения фреймов. Имеет вид:

Фрейм – это отдельный HTML документ, которой вместе с другими элементами web страницы, может быть использован и отображён на странице сайта. То есть при загрузке одной страницы web сайта в него параллельно подгружается дополнительный HTML документ, к примеру, - окно таблицы.

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

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

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