Основы программирования на языке HTML (Определение языка программирования)

Содержание:

ВВЕДЕНИЕ

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

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

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

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

Объекткурсовойработы–ЯПвысокогоуровня.

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

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

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

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

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

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

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

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

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

Проблемуисследованияизучали:КоржинскийС.Н.[8],БелунцовВ.[11],ФроловА.В.[14].

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

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

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

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

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

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

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

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

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

Кпримеру,языкпрограммированияАЛГОЛ(рисунок1)былсозданвсвоевремясредствамимеждународнойассоциациейученыхдлянаписанияипубликациивжурналахразныхалгоритмов.Онтакжезадумывалсявкачествеинтернациональногоязыкавсехкомпьютеров.[8]

Рисунок1–ПримеркодапрограммыАЛГОЛ

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

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

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

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

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

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

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

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

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

Частоговорят,чтоопытныепрограммистыпишутпрограммныепродуктынедлякакого-токонкретногоПК,анекоторойабстрактнойвычислительноймашины.[19]

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

Следуеттакжеприэтомучитывать,чтовсереальнодействующиепрограммымогутвыполнятьсятакжеивсредекакой-тоустановленнойнаПКоперационнойсистемы(ОС).

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

ВнынешнеевремясамымипопулярнымиОСсчитаютсяоперационныесистемыMicrosoft,UNIX.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

КлассическимпримеромфункциональногоЯПявляетсяLISP.

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

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

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

Неследуетихпутатьсязыкамидляразметкидокументов:HTML,таблицейстилейCSS.

1.2. Этапы развития ЯП

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

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

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

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

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

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

РассмотримдалеекраткуюисториюразвитияЯП:[16]

1801г.–францeзИ.Жаккард,используяперфокартывпервыевышивает«helloworld».

1841г.–перваяженщина-программистА.Лавлейспишетпервуюпрограмму.[19]

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

1956г.–Дж.БакусифирмаIBMизобретаютЯПФортрандляматематическихвычислений.

1963г.–Дж.КемнисоздаетнатовремяЯПБейсик,которыйсталреволюционным.

1970г.–Н.ВиртсоздаетсамыйпервыйпроцедурныйязыкТурбоПаскаль.

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

1982г.–Б.СтрауструпнабазеЯПС,создаетновыйязыкподназваниемС++,которыйбыстронабралпопулярность.

1989г.–группаразработчиков:Ф.Водлер,П.Худак,С.Пейтон-Джонс,Э.КатчерразрабатываетЯПХаскелл.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рисунок4–Видгиперссылок

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

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

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

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

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

Далеев1987проведенаперваяспециализированнаяконференцияподназваниемHypertext'87,материаламкоторойпосвященспециальныйвыпусксборника"CommunicationACM".[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лет,смоментаразработкисамойпервойверсииHTML1.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]

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

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

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

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

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

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

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

Рисунок5–Структура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,онжеDynamicHTML-технологиясозданияинтерактивныхHTML-страниц,реагирующихнадействияпользователя.

ВотличиеотобычногоHTML,который,посвоейсути,статичен(имеетсяввидуHTML4),DHTMLпозволяетдинамическиизменятьстраницусучётомдействийпользователя.КлассическиепримерыиспользованияDHTML-эторазличныевыпадающиеменюнасайтах,разворачивающиесяпокликупользователяпанелиидревовидныесписки,ит.п.ТехническиDynamicHTMLреализуетсяспомощью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

Приведем пример использования языка разметки HTML для создания логической структуры сайта «Электронный магазин» (рисунок 6): [6]

Рисунок 6 – Структура сайта

Стоит отметить, что при создании сайта будут созданы несколько веб-страниц, которые в результате будут объединены в одну логическую структуру.[13]

Рассмотрим создание веб-страницы «Исходная».

Для этого нужно ввести код: [5]

<!начало создания веб-страниц>

<HTML>

<!заголовок страниц>

<HEAD>

<!название страницы>[15]

<TITLE>

Интернетмагазин

</TITLE>

<!закрытие тега заголовка>

</HEAD>

<!создание тела страницы>[12]

<body>

<!вставка логотипа>

<imgsrc="mc1.jpg">

<!вставка горизонтальной линии>

<hr>

<!вставка гиперссылки на страницу Фирма>

<a href ="Фирма.html"><imgsrc="auto.jpg" border="2"></a><br><br>

<!вставка гиперссылки на страницу Предложения>

<a href ="Предложения.html"><imgsrc="offers.jpg" border="2"></a><br><br>

<!Вставка гиперссылки на страницу Гостевая>[18]

<a href ="Гостевая.html"><imgsrc="gbook.jpg" border="2"></a><br>

<!закрытие тела страницы>

</body>

<!окончание веб-страницы>

</HTML>

В результате выполненных действий получим (рисунок 7).

Рассмотрим код страницы, которая откроется после нажатия на гиперссылку О нашей фирме:[6]

	<HTML>
	<HEAD>
	<TITLE>

Рисунок 7 – Созданная страница Исходная

	Интернет магазин [7]
	</TITLE>
	</HEAD>
	<body>
	<imgsrc="mc1.jpg">
	<hr>
	<center><h1>Информация о фирме</h1></center>[2]
	<hr><pre>
	<b>1.1 Вводная часть</b>
	<fontsize=2face=Arial>Лакокрасочные материалы имеют две основные функции: декора¬тивную и защитную. Они защищают дерево от гниения, металл - от кор¬розии, образуют твердые защитные пленки, предохраняющие изделия от разрушающего влияния атмосферы и других воздействий и удлиняющие срок их службы, при этом придают изделиям красивый внешний вид. [11]
	По сравнению с металлическими покрытиями, нанесенными луже¬нием, никелированием, хромированием и т.д., лакокрасочные покрытия наиболее долговечны, для их нанесения не требуется дополнительное, сложное оборудование, и они легче возобновляются. Поэтому такие по¬крытия широко применяются в быту, во всех отраслях промышленности, на транспорте и строительстве.
	Свойства лакокрасочных покрытий зависят не только от качества применяемых лакокрасочных материалов, но и от таких факторов, как способ подготовки поверхности к окраске, правильный выбор и соблюде¬ние технологического режима окраски и сушки. [16]
	</font><b>1.2 Общие понятия</b>
	Лакокрасочные материалы классифицируют по химическому составу, виду и преимущественному назначению материала.
	К лакокрасочным материалам относятся лаки, краски, эмали, грун¬товки, шпатлевки.
	Для облегчения восприятия определений лакокрасочной продук¬ции вводятся следующие понятия: [5]
	Дисперсные системы - это микронеоднородные системы, состоя¬щие из двух или большего числа фаз, одна из которых - дисперсная фаза -обладает достаточно высокой дисперсностью и распределена в другой фа¬зе (в окружающей дисперсионной среде) - газе, жидкости или твердом те¬ле - в виде мелких частиц. [9]
	Дисперсность - степень раздробленности вещества на частицы. 1ем мельче частицы, тем больше дисперсность. На практике размер частиц дисперсных систем находится в пределах от 0,001 до 0,00001 см.
	К дисперсиям относятся: [5]
	<ol>
	<li>Суспензии - системы, в которых частицы твердой фазы распределе¬ны в жидкой среде во взвешенном состоянии. Суспензиями являются го¬товые краски, шпатлевки.
	<li>Эмульсии - системы, в которых мельчайшие капельки жидкой фазы распределены в жидкой среде. Примерами эмульсий могут служить кровь, молоко. [20]
	<li>Истинные растворы — системы переменного состава из двух и бо¬лее компонентов. Раствор называется истинным потому, что вещества действительно и самопроизвольно растворяются в подходящем раствори¬теле с образованием гомогенной (однородной) системы. К истинным рас¬творам относятся, например, растворы в воде соды, спирта, кислоты.
	<li>Лак - раствор пленкообразующих веществ в органических раство¬рителях или воде с введением добавок (сиккативов, пластификаторов, отвердителей), образующий после высыхания твердую, прозрачную, одно¬родную пленку, прочно сцепленную с поверхностью. Лаки придают по¬верхности декоративный вид и создают защитные покрытия.
	<li>Краски ~ суспензии пигментов или их смеси с наполнителями в олифе, эмульсии, латексе, образующие после высыхания однородную не¬прозрачную твердую окрашенную пленку.
	<li>Эмаль - суспензия пигмента или смеси их с наполнителями в лаке с введением сиккативов, растворителей и других добавок, образующие по¬сле высыхания непрозрачную твердую окрашенную пленку. [1]
	<li>Грунтовка - суспензия пигмента или смеси пигментов и наполни¬телей в связующем веществе. Образующая после высыхания однородную непрозрачную пленку с хорошей адгезией к подложке (адгезия — прилипа¬ние, сцепление). Грунтовки образуют нижние слои покрытий, создавая на¬дежное сцепление верхних слоев покрытия с окрашиваемой поверхно-стью. Кроме того, они защищают металл от коррозии, выделяют структуру древесины, закрывают поры материала, выравнивают и создают однород¬ную поверхность перед окраской. [2]
	<li>Шпатлевка (шпатлевочная масса, подмазка) - густая, вязкая масс состоящая из пигментов, наполнителей или их смеси в олифе, лаке ил' другом связующем веществе с введением добавок или без них, наносимая для заполнения неровностей и углублений, сглаживания неровностей ок¬рашиваемой поверхности.
	<li>Разные материалы - к этим материалам относятся смывки - жид¬кости для снятия, удаления старых лакокрасочных покрытий, пасты по¬лировочные, шлифовочные, уплотнительные, составы полирующие, ней¬трализующие, моечные, а также замазки, уплотнители, ускорители, отвердители, мастики. [5]
	</ol>
	</pre>
	<a href="Исходная.html"><imgalign="right" src="back.jpg"></a>
	</body>
	</HTML>

Получим (рисунок 8):

Рисунок 8 – Страница с информацией о фирме

Страница с предложениями имеет такой код:[2]

	<HTML>
	<HEAD>
	<TITLE>
	Интернет магазин [3]
	</TITLE>
	</HEAD>
	<body>
	<imgsrc="mc1.jpg" align="left"><br><br><br><br><br><br><br><br><br><br><br>[4]
	<a href="Исходная.html"><imgalign="right" src="back.jpg"></a><br><br><br>[11]
	<hr>
	<imgsrc="topoffers.jpg" border="1"><br><br>
	<a href ="Краски.html"><imgsrc="toplkm.jpg" border="2"></a><br><br>
	<a href ="Двери.html"><imgsrc="topdoors.jpg" border="2"></a><br><br>
	<a href ="Герметики.html"><imgsrc="topgerm.jpg" border="2"></a><br>
	</body>
	</HTML>[5]

Результат отображения кода в браузере (рисунок 9):[10]

Рисунок 9 – Страница с предложениями

Страница Гостевая книга создана с использованием следующего программного кода:[3]

	<HTML>
	<HEAD>
	<TITLE>
	Интернет магазин [13]
	</TITLE>
	</HEAD>
	<body>
	<imgsrc="mc1.jpg" align="left"><br><br><br><br><center><h2>ИНТЕРНЕТ-МАГАЗИН</h2></center><br><br><br><br><br>
	<hr><center>
	<table><form>
	<tr>
	<td><h3>ФИО</h3>
	<input type=text></td><td>
	<h3>Заказ</h3>
	<textareacols=25rows=5></textarea>
	</tr>
	<tr>
	<td aligh="top"><h3><b>Расчет</b></h3>[15]
	<label><input type=checkbox>Попозициям</label><br>
	<label><input type=checkbox>Погруппам</label><br>
	<label><input type=checkbox>Итоговый</label></td>
	<td aligh="top"><h3><b>Оплата</b></h3>
	<label><input type=radio>Наличная</label><br>
	<label><input type=radio>Безналичная</label><br>
	</tr>
	</table>
	<inputtype="submit" value="Заказать">&nbsp&nbsp&nbsp&nbsp&nbsp<inputtype="reset" value="Отменить"></form>[14]
	</center>[5]
	<br>
	<a href="Исходная.html"><imgalign="right" src="back.jpg"></a><br><br><br>
	</body>
	</HTML>

В результате получим:[15]

Рисунок 10 – Страница Гостевая

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

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

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

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

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

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

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

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

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

• ПауэллТ.А.ПолноеруководствопоHTML.-Мн.:ООО"Попурри",2013.-912с.
• ДубаковМ.А.СозданиеWeb-страниц:искусствоверстки.–Мн.:Новоезнание,2014.–287с.
• БраунМ.,ХаникаттД.HTMLвподлиннике.Спб.:Издательство“БХВПетербург”–2014.-1048с.
• ТиттелЭд,БурмейстерМэри.HTML4для"чайников".5-еиздание.М.:Издательскийдом“Диалектика-Вильямс”–2017.-368с.
• БожкоА.Dreamweaver4.Базовыйкурс.-Москва:издательство"ДЕССКОМ",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с.