![](/stc/img/evkova.png)
Основы программирования на языке HTML (Глава 1. История создания языка программирования HTML)
Содержание:
Введение
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, браузер будет обрабатывать её в необходимом режиме для отображения информации пользователю.
Так же в описании создаваемой web страницы необходимо указывать кодировку, чтобы программа – браузер могла правильно понять формат содержащей в себе информации. Если будет указана неверная кодировка, то пользователи, зайдя на созданную страницу, смогут увидеть только непонятные для себя иероглифы. Вот пример правильного указания кодировки в описании страницы:
Таким образом, при создании web страницы следует работать по стандартам языка разметки, которых, на данный момент, существует три вида. При составлении html документа и правильном использовании по стандартам всех необходимых тегов форматирования, программа web браузер будет правильно взаимодействовать с таким web документом и, соответственно, будет работать без ошибок.
2.2. Содержание (тело) HTML документа
После изучения правильного алгоритма создания HTML документа посредством помещения кода нашей страницы между тегами “<html>” и “</html>” и ознакомления с описанием сайта, стоит отметить непосредственное содержании html документа, в котором как раз средствами написанных и применённых тегов описывается правильная работа графического отображения web страницы для пользователя.
Содержание или тело документа описывается между тегами “body” (перевод с англ. «тело»). Примерный вид имеет следующий:
На примере выше мы создали “тело” нашей web страницы и написали в нём текст и указали этот текст, как параграф.
В теле HTML документа создаётся практически всё, что видит пользователь, зайдя на какой-либо интернет ресурс. В тело помещается текст, весь медиа контент, таблицы, есть возможность подключать скрипты на языке программирования “JavaScript” и ещё много другое.
В тексте документа web страницы, разработчики сайта, могут оставлять комментарии для более быстрой и удобной навигации для программистов. Данный вид текста не будет доступен простым пользователям ресурса. Этот вид комментариев помещается между специальными тегами “<!--” и “-->”. Пример использования:
Перейдя на данную страничку в программе – браузере, пользователь увидит только «Тело сайта», так как сработает тег для комментирования.
Для составления самого простого html документа, достаточно просто в «тело» документа написать любой текст и web браузер покажет эту информацию. Но для более качественной работы с web документом требуется использование специальных тегов, которые предназначены для определённого форматирования текстовой или визуальной информации.
Например, можно создать новый html документ с одними лишь открывающими и закрывающими тегами «тела» сайта и прописать туда обычный текст. Web браузер обработает данный документ как обычный html, что видно на примере ниже - текст в редакторе и уже в web браузере:
Как видно из примера, любой web браузер воспримет данный документ быстро, но для более качественной работы необходимо помнить о стандартах разметки, правилах и тегах языка HTML.
Исходя из описанного, можно сделать вывод, что любой html документ необходимо создавать с использованием тегов форматирования для лучшей работы с документом, а в последствии, после публикации своего web сайта, для лучшей читабельности пользователем. Так же стоит отметить, если работа над web проектом проходит в команде, то следует чаще использовать комментарии, чтобы любой другой разработчик сразу же мог понять код и вникнуть в суть тегов написанного вами документа.
Глава 3. Форматирование HTML документа
3.1. Текстовая и визуальная информация в HTML документе
Ранее я уже описал строение HTML документа. Любой web сайт, написанный на языке разметки, состоит из тега «html», в котором помещается весь текст сайта и всё описание, само описания сайта в теге «head», в котором также можно подключить различные стили, для визуального отображение страницы с помощью языка CSS, а также само «тело» сайта в теге «body», в котором пишется вся текстовая и визуальная информация, доступная для пользователя при запросе.
Хотелось бы более подробно остановиться на обработке информации в «теле» HTML документа, а также изучить работу тегов.
Любая информация на любой web страницt делится на элементы. Они бывают как строчные, так и блочные. Многие дизайнеры для создания дизайна для web сайта работают в основном с блочными элементами, потому что с ними легче и лучше работать с языком CSS, для управления стилем самой страницы.
В любом правильно составленном тексте есть заголовки. В HTML они тоже имеются и задаются тегом «h».
Заголовки бывают шести типов, от 1 до 6. Правильно пишется так: <hx>Текст заголовка</hx>, где x от 1 до 6.
Ниже на фото будет показано правильное составление всех шести заголовков в программе – редакторе, а на втором изображении показано, что получится уже непосредственно в программе – браузере:
Далее, примеры, приведенные в курсовой работе мы будем запускать через бесплатный браузер Google Chrome. После того, как в текстовом редакторе был написан весь нужный нам код, сохраняем получившийся документ на компьютер и, как было указано ранее, обязательно в формате «.html». После сохранения необходимо просто запустить файл, и он откроется уже непосредственно в браузерной программе. Результат показан на фото ниже:
На фото видно, что каждый заголовок со своим номером имеет свой размер.
После создания заголовков идёт создание основного текста, разделенного на абзацы. Для этого используется специальный тег «p». Пример использования показан на фото:
Для проверки работоспособности пробуем запустить наш HTML файл в браузере и посмотрим на его работу.
Стоит заметить, что каждый текст, помещённый между тегами «p», независимо от того составлен он на одной или нескольких строках, всё равно будет выведет в одну. В некоторых случаях допускается составлять абзацы без закрывающегося тега «</p>».
В каждом теге можно указывать его параметр. К примеру, в тег абзаца можно указать его графический стиль при помощи языка CSS, можно указать имя для этого элемента и в отдельном файле CSS указать стиль его отображения пользователю при запросе web страницы.
Для форматирования обычного текста часто используют только эти два тега, «<h>» и «<p>».
Далее, мы рассмотрим блочные элементы. Они постоянно используются дизайнерами, для лучшего управлением стилем определённого элемента на web странице. С помощью блочного тега можно проще группировать разные элемента и соответственно качественнее управлять их параметрами для графического вида. В наше время практически все web дизайнеры используют блочное управление элементами для быстрой вёрстки сайта с нуля или из макета.
Блочный элемент строится из открывающегося тега «<div>» и закрывающегося «</div>». Как описывалось ранее, в тегах можно устанавливать их параметры, стили, имя, классы. В настоящее время web сайты имеют огромное количество блочных элементов и если искать определённый элемент, то это вызовет затруднения для разработчика данного документа. Для более быстрого поиска по ним, как для редактирования, так для стилизации посредством языка CSS, блочным элементах в параметры тега добавляют специальный атрибут, будь то его имя, или его «id», можно также добавить класс. В современных web сайтах таких элементов могут быть тысячи.
Как в текстовых редакторах, так и в языке разметки HTML, без помощи языка CSS можно выделить нужным нам текст, промаркировать его, сделать важным фрагментом. Для того, что сделать это, нужно использовать тег «<mark>». Требуется не забывать использовать закрывающий тег, иначе весь текст дальше открывающего тега будет помечен жёлтым цветом.
На фото ниже будет показана работа в редакторе с данным тегом и вывод в браузере:
А ниже вывод нашего документа в web браузере:
С HTML документом можно работать наравне с текстовым редактором. Можно изменять размер текста, работать со шрифтом.
Для того, чтобы сделать определённый фрагмент текста полужирным шрифтом, нужно использовать тег «b». По смыслу тег «b» похож функционалом на тег «strong».
Чтобы сделать выделенный участок текста или выделить определённое слово курсивом, достаточно поместить его между тегом «i», а в более новых версиях языка HTML можно использовать тег «em». Он аналогичен по своей работе.
Важное слово или несколько слов в тексте определенного предложения, нужно поместить его между тегом «u». Данный фрагмент текста между тегами будет отображаться как подчеркнутый текст.
К примеру, если программисту понадобилось для каких-либо нужд показать определённое слово или группу слов в предложении как перечёркнутый текст, можно использовать тег форматирования шрифта «s».
На фото ниже показано, как будет выглядеть текст в программе редакторе, а затем, как HTML документ будет выглядеть уже в web браузере:
Таким образом, из проведённой работы выше, мы можем сделать несколько выводов.
Весь документ html работает внутри тега "html" открывающийся и закрывающийся.
Непосредственно web документ состоит из нескольких частей, в которых происходит вся настройка web страницы и визуальное отображение для конечного пользователя.
В теге "head", как раз, происходит настройка страницы, к примеру, задаётся язык, стили, а также можно подключать сторонние библиотеки, как для стилей, так и для подключения кода javascript.
Визуальное отображение обрабатывается между тегами "body". Для работы с текстом и последующей подаче её для пользователя в теле сайта используются специальные теги форматирования.
3.2. Виды, параметры и теги списков в HTML документе
В языке разметки HTML можно также создавать списки. Списки - это те же самые абзацы, только упорядоченные. Списки бывают маркированные и пронумерованные. В курсовой работе я работаю с двумя вариантами составления этих списков.
Первый вариант - маркированный список. Создаётся данный вид списка при помощи тега «ul». Далее, внутри это списка, нужно каждый новый абзац начинать при помощи тега «li». В конце этого абзаца желательно по стандартам ставить закрывающий тег, но это не обязательно, так как работать будет и без него. Получается, список является контейнером для нескольких абзацев.
На фото ниже приведен вариант из текстового редактора, а на втором фото пример запуска из браузера:
Второй вариант - нумерованные списки. Нумерованные списки в web документах открываются и закрываются специальным тегом «ol». Внутри данного списка новые абзацы со значениями создаются всё так же посредством тегов «li». Хотел бы заметить, что в старых версиях языка разметки HTML нумерованные списки принимались только с стандартными значениями и начинались только с цифры 1. С появлением новой версии HTML 5 появилась возможность добавлять в открывающий нумерованный список параметры, с помощью которых можно редактировать формат каждого нумерованного абзаца, номер, с которого будет начинаться список по порядку и сделать так, чтобы нумерация шла не от меньшего к большему, а наоборот.
Для того, чтобы применить первый вариант параметра и отредактировать формат его абзацев, требуется в открывающийся тег, после «ol» прописать дополнительно «type=”x”», где «х» может принимать несколько вариантов. Первый «A» - все абзацы, внутри списка, будут начинаться прописными латинскими буквами.
Второй вариант «а» - все абзацы, внутри списка, будут начинаться строчными латинскими буквами.
С помощью следующего варианта абзацы будут нумероваться римскими цифрами. Сделать это можно с помощью тега «I». Если написать маленькую i в теге, то римские буквы будут в строчном формате.
Чтобы задать номер, с которого будет начинаться счёт абзацев, требуется в параметрах открывающегося списка добавить помимо «type» ещё параметр «start=’x’», где х – значение(цифра), с которого как раз и будет начинаться отчёт.
Третьим параметром под названием «reversed» задаётся порядок обратного отсчёта при составлении нумерованного списка.
На фото ниже созданы и запущены все три варианта работы с нумерованными списками:
По принятому стандарту языка разметки HTML, нельзя устанавливать внутри любого типа списка теги, которые не предназначены для этого и которые не создают элемент этого списка. Но разрешается задействовать внутри тега списка «li» любые элементы HTML.
Разработчики HTML документов очень часто используют списки и работают с ними. С помощью списков проще и удобнее всего создавать меню на web сайте, добавив в абзац списка ссылки на другие пункты меню или другие смежные ресурсы. Списки изначально были созданы для того, чтобы лучше упорядочить информацию в web документе, сделать её удобной к восприятию и более читабельной для конечного пользователя. Списки так же удобны для работы web дизайнеров, которые при помощи языка CSS, делают из списков меню, более красочное и интересное.
3.3. Работы с медиа ресурсами
С дальнейшим развитием информационных систем, язык разметки HTML стал развиваться в сторону привлекательности со стороны конечного пользователя. HTML стал поддерживать работу с медиа файлами, с графикой. В сети интернет по общему правилу принято работать со следующими графическими форматами изображений:
GIF – файл, который может содержать анимацию;
JPEG – фото-файл, при сжатии которого естественна потеря качества;
PNG – более современный формат фото-файла, при сжатии которого потеря качества картинки практически минимальна.
Для добавления изображения используются специальный тег «<img>». Графический тег работает без закрывающегося. Внутри самого тега «<img>» задаются необходимые параметры для добавления и установки параметров для него, точнее то, как будет видеть пользователь медиа ресурс.
На примере работы данного вида тега, выведем в нашей web странице описание университета Синергия и добавим официальный логотип.
Ниже будет представлены две фотографии. Первая из текстового редактора, а вторая уже из web браузера:
Как мы видим, в предложенном варианте в текстовом редакторе используется тег для работы с изображениями «img» и дополнительным параметром «src» добавили путь самого изображения. В данном случае, картинка взята с официального сайта университета Синергии.
По стандарту языка разметки HTML в параметрах тега «img» требуется обязательно добавлять ширину и высоту изображения в пикселях. Это действие позволит web браузеру отформатировать web страницу на стадии загрузки. В противном случае, при каждой загрузке web страницы фото элементы будут всегда на разных местах и будут загружены в свои реальные размеры.
Значения параметров ширины и высоты могут не соответствовать реальным размерам изображения. При указании нужных нам параметром web браузер сам произведёт перемасштабирование.
С появлением последней версии языка разметки HTML5 появились новые теги для работы с изображениями, и со своими параметрами. Web браузер Internet Explorer пятую версию и последнюю версию языка разметки не поддерживает.
3.4. Работа с ссылками
Ссылки или гиперссылки позволяют пользователю при нажатии кнопкой мыши на неё быстро перемещаться по web сайту, между его web страницами или переходить с одного web ресурса на другой, а также ссылка может указывать на файл, расположенный на сервере или на любом другом ресурсе. Ссылки могут быть в графическом формате. Так работает вся глобальная сеть Интернет. Ссылки связывают её в единую систему для пользователей. Гиперссылка - это фрагмент HTML документа и его важный элемент.
Ссылки в html документ добавляют с помощью тега «a». Но для полноценной работы данного тега, обязательно нужно указывать параметр тега «href» с указанием адреса web ресурса, который будет загружен при нажатии. Между открывающимся и закрывающимся тегами «a» можно написать или текст, или даже установить картинку, при нажатии на которую пользователь перейдёт на ресурс по ссылке.
На примере ниже, создадим ссылку на официальный сайт университета Синергии:
Из вышеуказанных примеров видно, как работают списки, какого формата они бывают и какие параметры они принимают. Для примера работы, добавили ссылку на сайт университета Синергии.
Как уже было указано, гиперссылка - очень важная составляющая языка разметки. С помощью ссылок взаимодействует весь Интернет в целом.
Заключение
Для создания своего личного web сайта существует огромное количество специальных программ, но для лучшего понимания работы html, следует изучить структуру его составления, поработать с его тегами и параметрами, овладеть навыком создания html документа с нуля.
Благодаря постоянному развитию web технологий, в том числе и языка разметки html, практически каждый пользователь сети Интернет имеет возможность самостоятельно проектировать и создавать свои собственные web страницы, ресурсы и порталы.
Язык разметки является основной рабочей частью любого web сайта или web сервиса. Почти каждый web сайт использует в себе данную технологию разметки документа.
Создавать или редактировать html документ возможно в любом текстовом редакторе. Более продвинутые пользователи используют для этих целей специальные среды для разработки.
Язык программирования HTML продолжает постоянно развиваться. С 1986 года были выпущены 5 глобальных версий, однако с выходом последней пятой версии, организацией по стандартам было решено не использовать цифровых версий, а добавлять новшества в обычную версию языка.
Во времена, когда только всемирная паутина начинала создаваться учёными, для обмена полезной информацией, все доступные ресурсы, или web документы, имели в себе только текст, что позволяло быстро загружать требуемый ресурс. Данного текстового формата хватало, чтобы передавать суть и мысли своих работ. С дальнейшим развитием и улучшением HTML в нём стали появляться новые функции и новые теги для работы и фото и видео форматом.
Данные аудио, фото или видео ресурсы были отдельной частью html документов и при каждом запросе ресурса web сайты становились более тяжелее и тем самым могли создавать дополнительную нагрузку на компьютер конечного пользователя.
Сам по себе чистый язык разметки HTML является статичным документом, то есть, если пользователь запросит web сайт, то по сути он загрузит к себе на компьютер этот html документ, который после полной загрузки невозможно будет помять или изменить его элементы. Исправить этот недочёт возможно с помощью использования уже дополнительного языка JavaScript.
Код документа, созданного на языке разметки HTML, на данный момент доступен через любой web браузер и поэтому любой пользователь может скопировать его и сделать, к примеру, копию данного web ресурса.
HTML, как язык гипертекстовой разметки, постоянно развивается и скоро будет лидером по использованию при создании web сайтов и web проектов.
Язык программирования HTML, со своими плюсами и минусами, сегодня является полноценный лидером по использованию своих стандартов и технологий при создании web сайтов и web ресурсов и будет таковым ещё долгое время.
Будущее сети выглядит очень многообещающим и без сомнений HTML, в своей последней версии, идёт во главе современных сетевых технологий[3].
Список используемых источников
Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. – 496с.
Дакетт Д. Всё, что нужно знать для создания первоклассных сайтов/ Разработка и создание веб-сайтов/ Джон Дакетт. М.: Эксмо, 2013. - 480с.
Джереми К. HTML5 для веб-дизайнеров/ Актуальные книги для тех, кто создает сайты/ Джереми Кит: Манн, Иванов и Фербер. Москва, 2013. – 80с.
Прохоренко Н., Дронов В. HTML, Javascript, PHP и MySql. Джентльменский набор Web-мастера. – СПб.: БХВ-Петербург, 2015. - 766с.
Роббинс Дж. HTML, CSS3 и JavaScript. Исчерпывающее руководство/ Дженнифер Роббинс. – 4-е издание. – М.: Эксмо, 2014. – 528с.
-
Джереми Кит. HTML5 для веб-дизайнеров/ Актуальные книги для тех, кто создает сайты/ Джереми Кит: Манн, Иванов и Фербер; Москва, 2013. С.6. ↑
-
Дакетт Д. Всё, что нужно знать для создания первоклассных сайтов/ Разработка и создание веб-сайтов/ Джон Дакетт. М: Эксмо, 2013. С.18. ↑
-
Гоше Х.Д. HTML5. Для профессионалов. – СПб.: Питер, 2013. С.19. ↑
- Особенности корпоративного управления в России
- Проблемы коммуникаций в стоматологической клинике «Ренессанс Дент»
- Основные принципы и теоретические основы построения проектных организационных структур и сфер их применения
- Управление формированием затрат на предприятии (Управление формированием затрат на предприятии)
- Реклама как сигнал и как информация (Глава 1. Теоретические основы исследования рекламной деятельности предприятия)
- Внеоборотные активы предприятия (1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ВНЕОБОРОТНЫХ АКТИВОВ ПРЕДПРИЯТИЯ)
- Правовые основы организации нотариата (Глава 1 Основы деятельности нотариата)
- Виды научного перевода
- Проектирование информационной системы по учету выпуска готовой продукции
- Эффективность менеджмента организации (Глава 1. Эффективность менеджмента организации как фактор повышения конкурентоспособности)
- Ситуационный подход к менеджменту
- Социальные сети и их роль в сетевой экономике (Глава 1. Социальные сети как часть социального пространства)