Автор Анна Евкова
Преподаватель который помогает студентам и школьникам в учёбе.

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

Содержание:

Введение

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

Валидация представляет собой специализированную проверку документа на соответствие web-стандартам и выявление имеющихся ошибок. Соответственно, валидным будет являться такой web-документ, который прошел подобную процедуру и не имеет ошибок в программном коде. Код web-страницы должен подчиняться уставновленным правилам, которые называются спецификацией, ее разрабатывает W3 Консорциум (www.w3c.org) при непосредственной поддержке разработчиков браузеров.

Сокращенное обозначение стандартов W3C состоит из фразы – World Wide Web звучащей в переводе как Всемирная паутина и слова Consortium (консорциум – сообщество, соучастие). Эта организация была создана чтобы с помощью штатных сотрудников поддерживать и развивать данные веб-стандарты, основанные на открытой платформе. Эти шаблоны позволяют проверять насколько хорошо отформатированы HTML и XHTML разметки документов.

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

Объект исследования – язык HTML.

Предмет исследования – основы программирования.

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

В соответствии с целью была определена необходимость постановки и решения следующих задач:

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

– описать структуру HTML документа;

– изучить объектную модель HTML;

– дать понятие валидации и отладки;

– описать практические аспекты использования HTML.

1. Теоретические аспекты HTML

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

HTML (от англ. HyperText Markup Language «язык гипертекстовой разметки») представляет собой стандартизированный язык разметки документов во Всемирной паутине Internet. Большая часть web-страниц содержат описание разметки на языке гипертекстовой разметки HTML (или XHTML). Язык гипертекстовой разметки HTML интерпретируется по средствам использования средств браузеров; полученный в результате непосредственной интерпретации обработанный текст выводится на экране монитора персонального компьютера или любого другого мобильного устройства [1]. В тоже время необходимо отметить, что язык гипертекстовой разметки HTML не является языком программирования.

Язык гипертекстовой разметки HTML до 5-й версии определялся как приложение SGML (стандартного обобщённого языка разметки в рамках стандарта ISO 8879). Спецификации языка гипертекстовой разметки HTML5 формулируются в терминах DOM (объектной модели документа).

Язык гипертекстовой разметки XHTML является более строгим вариантом HTML, он следует синтаксису XML и является специализированным приложением языка XML в области разметки гипертекста web-страниц глобальной сети Internet [3].

Во всемирной паутине Internet HTML-страницы, как правило, передаются по средствам использования средств браузеров от сервера при помощи протоколов HTTP или HTTPS, в виде обычного текста или с практическим использованием шифрования.

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

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

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

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

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

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

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

В большей части случаев теги используются в виде пар, состоящих из открывающего <имя_тега> и закрывающего </имя_тега> тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при непосредственной встрече соответствующего закрывающего тега [8].

Последовательность символов, которая составляет текст может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например #, +, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсанд) и " (двойная кавычка).

Самым главным из тегов языка гипертекстовой разметки HTML является одноименный тег <html>. Он всегда открывает электронный документ HTML, так же, как тег </html> должен непременно стоять в последней его строке. Эти теги позволяют обозначить, что находящиеся между ними строки представляют собой единый гипертекстовый документ HTML. Без наличия этих тегов браузеры или другие прикладные программы просмотра web будут не в состоянии идентифицировать формат данного документа и правильно его интерпретировать для пользователя.

Чаще всего в заголовок документа включают парный тег <title>... </title>, который позволяет определить непосредственное название документа HTML. Большое количество программ просмотра используют его как специальный заголовок окна, в котором выводят документ.

Тело документа является обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между специальными тегами <body> и </body>. Все, что размещено между этими тегами, будет интерпретироваться браузерами в соответствии с правилами языка гипертекстовой разметки HTML позволяющими корректно отображать web-страницу на экране монитора персонального компьютера [5].

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

При непосредственном использовании логического форматирования текста браузерами выделяются разные части текста в соответствии со структурой разрабатываемого документа. Чтобы выполнить отображение названия, определенный тег заголовка. Язык гипертекстовой разметки HTML позволяет задать несколько уровней заголовков: h1 (заголовок первого уровня), h2, h3, h4, h5 и h6 [11]. Список основных HTML-элементов представлен в Приложении.

Для создания гипертекстовой ссылки используется пара тегов <а>... </а>. Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы.

1.3. Объектная модель HTML

Объектная модель документа (document object model – DOM) является распространенным средством представления XML-документов. В связи с тем, что язык гипертекстовой разметки HTML есть подмножество XML, изучение DOM-моделей использует и здесь. Таким образом, html-страница (объектная модель) – состоит из набора следующих стандартных элементов, к которым относятся:

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

– блоки с текстом – блоковые тэги описывают более крупные структуры документов, по сравнению с последовательными блоками;

– таблицы (тег table) – является одним из наиболее мощных средств HTML. Одним из применений является организация расположения разнообразных данных на странице, которые могут состоять из простого текста, изображений, других таблиц;

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

– поле для ввода необходимого текста;

– переключатели (тег input, тип checkbox, radio);

– кнопки, используемые для отправки данных с форм;

– прочие html-элементы [2].

Объектная модель документа связывает в единое целое HTML, язык сценариев и каскадные таблицы стилей, предоставляя разработчикам web-документов инструмент с совершенно новыми качествами – динамический HTML.

По своей сути объектная модель документа DOM является интерфейсом прикладного программирования (API) для документов HTML. Она определяет логическую структуру документа и способ доступа и манипулирования составляющими документ элементами. Все, что определено в документе тэгами языка разметки страниц, становится доступным для изменения, удаления и добавления [9].

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

Объектная модель документа DOM является постоянно развивающимся стандартом и разбита на несколько уровней. Первый уровень является базовой версией данного стандарта и пока что является единственно законченным. Он состоит из двух разделов: первый образует ядро и определяет ключевые принципы непосредственной манипуляции со структурой документа (среди которых можно выделить генерацию и навигацию), а второй посвящен непосредственному представлению в DOM элементов языка гипертекстовой разметки HTML, которые определяются одноименными тегами.

1.4. Понятие валидации и отдалки

Валидация - это процесс проверки кода и приведения его в соответствие с выбранным доктайпом (DTD).

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

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

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

Валидность HTML кода проверяется специальным инструментом, который называется валидатором. Самый известный валидатор в глобальной сети Internet w3c - https://www.w3.org. Валидатор w3c выполняет несколько проверок загружаемого пользователем программного кода.

Главные из них:

1. Проверка на наличие синтаксических ошибок:

Например c habrahabr.ru/post/69: <foo bar="baz"> является корректным синтаксисом, несмотря на то, что <foo> является недопустимым HTML-тэгом. Так что, проверка синтаксиса является минимально полезной для написания хорошего HTML-кода.

2. Проверка вложенности тэгов:

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

3. Валидация html согласно DTD:

Проверка того, насколько код соответствует указанному DTD - Document Type Definition (доктайпу). Она включает проверку названий тэгов, атрибутов, и «встраивания» тэгов (тэги одного типа внутри тэгов другого типа).

4. Проверка на наличие посторонних элементов:

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

Для проверки валидности CSS кода существует валидатор css - http://jigsaw.w3.org/css-validator [4].

Валидность кода – это результат механической проверки на отсутствие формальных ОВ, согласно указанного свода правил.

Нужно понимать, что валидация представляет собой инструмент, а не самоценность.

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

Примеры того, когда не валидный код делает сайт:

– более удобным и быстрым - пользовательские атрибуты для Javascrip/AJAX;

– SЕО оптимизированным - разметка ARIA.

Как правило, опытные верстальщики придерживаются следующих правил:

– в коде не должно быть грубых ошибок;

– незначительные можно допустить, но только по обоснованным причинам [10].

Термин широко используется для обозначения программ, проверяющих корректность HTML-, XHTML-, XML-документов, RSS-лент, однако может быть использован применительно к любому формату или языку. Существуют совмещенные валидаторы, которые проверяют веб-страницы по нескольким стандартам одновременно, например, совмещенный валидатор W3C Unicorn

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

2.1. Создание простого HTML документа

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Пример веб-страницы</title>

</head>

<body>

<h1>Заголовок</h1>

<!-- Комментарий -->

<p>Первый абзац.</p>

<p>Второй абзац.</p>

</body>

</html>

Элемент <!DOCTYPE> предназначен для непосредственного указания типа текущего документа – DTD (document type definition, описание типа документа). Это необходимо, для того чтобы браузеры понимали, как именно следует интерпретировать текущую web-страницу, ведь HTML существует в нескольких версиях.

Тег <html> определяет начало HTML-файла, внутри него хранится заголовок (<head>) и тело документа (<body>).

<head>

Заголовок документа, как еще называют блок <head>, может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице, за исключением контейнера <title>.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

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

<title>Пример веб-страницы</title>

Тег <title> определяет заголовок веб-страницы, это один из важных элементов предназначенный для решения множества задач.

</head>

Обязательно следует добавлять закрывающий тег </head>, чтобы показать, что блок заголовка документа завершен.

<body>

Тело документа <body> предназначено для размещения тегов и содержательной части веб-страницы.

<h1>Заголовок</h1>

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

<!-- Комментарий -->

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

<p>Первый абзац.</p>

Тег <p> определяет абзац (параграф) текста. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.

<p>Второй абзац.</p>

Тег <p> является блочным элементом, поэтому текст всегда начинается с новой строки, абзацы идущие друг за другом разделяются между собой отбивкой.

</body>

Следует добавить закрывающий тег </body>, чтобы показать, что тело документа завершено.

</html>

Последним элементом в коде всегда идет закрывающий тег </html>.

2.2. Метод передачи параметров между страницами (get, post)

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

Все переменные, приходящие в скрипт от браузера, в данном случае через URL, или с сервера являются внешними переменными. Разберём как это понять, приходящие в скрипт.

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

Таким образом, GET - это название запроса который отправляется на сервер скрипту с помощью браузера открыто, через URL, адресную строку. 
Если в адресной строке представлен знак амперсанды (&) и знак вопрос (?), можно считать, что этот узел работает на PHP, и ему в данный момент отправлены переменные и их значения. Выглядеть это может примерно так:

http://lphp.ru/index.php?page=4&id_artpage=43

В этом случает пользователь отправит серверу данные и получит от него некоторые данные, используя метод GET:

– http:// - префикс основного протокола передачи данных в web (HTTP);

– lphp.ru - домен в котором находится сервер;

– index.php - имя файла, обрабатываемое запросом, кому именно отправлен GET-запрос;

– ? - разделитель, после которого перечисляются переменные со значениями, которые нужны скрипту обработчику для формирования ответной страницы;

– page - переменная или имя переменной;

– = - оператор присваивает значения переменной;

– 4 - значение переменной;

– & - разделитель в строке запроса, между парами (переменная=значение&переменная=значение) и т.д.

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

Напишем пример передачи значения переменной pages, скрипту обработчику. При этом скрипт выведет переданное ему значение на экран:

<form>

<label>

<input type= «text» name= «pages» id= «textfield»>

</label>

<label>

<input type= «submit» name= «button» id= «button» value= «Отправить»>

</label>

</form>

<?php  
 echo $_GET['pages']; 
?>

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

Далее рассмотрим пример включающий два файла, форма отправки находится в файле forma_.php, а обработчик в файле add_.php. Файлы можно называть произвольно. Однако, необходимо придерживаться синтаксиса именования файлов и правильно указывать путь к обработчику. Первое условие правильного именования состоит в том, что имя должно быть латинскими буквами.

Следующий листинг демонстрирует метод GET для передачи данных между страницами. Файл forma_.php

<form method= «GET» action= «add_.php»>

<label>

<input type= «text» name= «page» id= «textfield»>

</label>

<label>

<input type= «submit» name= «button» id= «button» value= «Отправить»>

</label>

</form>

Следующий листинг представляет собой содержание файла add_.php в котором используется обработчик запроса методом GET:

<?php  
 echo $_GET['pages']; 
?>

Как можно видеть было изменение только формы отправки значения формы page. 

В первой строке был добавлен метод которым отправляются значения, т.е. method= «GET» и добавлен адрес обработчика в данном случаи только имя файла (action= «add.php»), но можно так же указывать полный или относительный путь до обработчика. Принято на сайтах указывать относительный путь, в силу того что при переносе приложения на другой сервер не менять потом пути [15].

Второе существенное отличие метода POST от метода GET - вся передаваемая информация, как известно имеет свой объём. Так вот в GET этот объём ограничен 8 КБ. Метод POST таких ограничений не имеет.

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

Рассмотрим пример передачи данных между страницами, используя метод POST:

<form name= «form1» method= «post» action= «post.php»>

Введите текст:<br />

<textarea name= «text» cols= «80» rows= «10»></textarea>

<br />

<br />

<input name= «» type= «submit» value= «Отправить»/>

</form>

Ещё важным аргументом тега form, является аргумент action="post.php". Аргумент action предназначен для указания пути до обработчика, т.е. куда будут отправлены данные вписанные в эту форму [6]. Имеющую имя в данном скрипте form. Именование всех объектов web-страницы в PHP, осуществляется путём присвоения атрибуту name имени. По сути это именование переменной. Форма в которую выполняется ввод данных представляет собой переменную и у неё должно быть имя, для того чтоб можно было с помощью скрипта обращаться к ней.

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

При использовании метода POST, правильное написание глобального массива, выглядит следующим образом:

  $_POST[]

При отправке данных методом POST всегда все отправленные переменные и их значения, будут содержаться в этом глобальном массиве ($_POST[]) [13]. И только при обращении к нему получится получить отправленные данные с одной страницы на другую.

Представим еще один листинг, при помощи которого можно выводить данные на экран монитора методом POST. Файл post.php:

<?php  
  echo $_POST['text']; 
?>

Данный листинг показывает обработчик формы. В глобальном массиве POST, в квадратных скобках мы видим имя переменной - именно так скрипт понимает, что нужно выводить на монитор $_POST['text']. В первом листинге мы именовали форму, назвав переменную text (name= «text»). Форма содержащая текст получила имя text.

Чтобы вывести на монитор отправленные данные, достаточно просто прописать имя переменной в квадратных скобках глобального массива POST.

Заключение

В процессе выполнения данной работы были получены следующие результаты. Установлено, что HTML является стандартизированным языком разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Гипертекстовый документ – это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла па экране компьютера.

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

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

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

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

Также, в процессе выполнения данной работы было установлено, что использование языка HTML является актуальным в современном информационном пространстве. Использование методов передачи параметров между страницами (get, post) является эффективным инструментом в конструировнии web-страниц.

Список использованной литературы

  1. Архитектура и проектирование программных систем : монография / С.В. Назаров. – 2-е изд., перераб. и доп. – М. : ИНФРА-М, 2018. – 374 с.
  2. Баженова И.Ю. Основы проектирования приложений баз данных (2 изд). – М.: Интернет-университет информационных технологий, 2016. – 237 с.
  3. Варламова Л.Н. Стандартизация управления документами. – М.: Издательство «ТЕРМИКА», 2016. – 428 с.
  4. Гома Х. UML. Проектирование систем реального времени, распределенных и параллельных приложений / Х. Гома. - М.: ДМК, 2016. – 700 c.
  5. Городняя Л.В. Парадигмы программирования – 2-е изд. – И.: «НОУ «Интуит», 2016. – 178 с.
  6. Информатика: программные средства персонального компьютера : учеб. пособие / В.Н. Яшин. – М. : ИНФРА-М, 2018. – 236 с.
  7. Информатика : учебник / И.И. Сергеева, А.А. Музалевская, Н.В. Тарасова. – 2-е изд., перераб. и доп. – М. : ИД «ФОРУМ» : ИНФРА-М, 2018. – 384 с.
  8. Информатика и информационно-коммуникационные технологии (ИКТ) : учеб. пособие / Н.Г. Плотникова. – М. : РИОР : ИНФРА-М, 2018. – 124 с.
  9. Информационные технологии в профессиональной деятельности : учеб. пособие / Е.Л. Федотова. – М. : ИД «ФОРУМ» : ИНФРА-М, 2018. – 367 с.
  10. Макфарланд Д. Новая большая книга CSS. – СПб.: Питер, 2016. – 720 с.
  11. Осетрова И.С. Разработка баз данных в MS SQL Server 2014. Учебное пособие. – СПб: Университет ИТМО, 2016. – 114 с
  12. Программирование в алгоритмах / Окулов С.М., – 6-е изд., (эл.) - М.:Лаборатория знаний, 2017. – 386 с.
  13. Современные информационно-коммуникационные технологии для успешного ведения бизнеса: Учеб. пособие. - Москва: - ИНФРА – М, 2017. – 279 с.
  14. Шаньгин В.Ф. Информационная безопасность и защита информации – М.: ДМК Пресс, 2017. – 421 с.
  15. Шишов О.В. Современные технологии и технические средства информатизации: учебник / О.В. Шишов. - Москва: ИНФРА-М, 2017. – 462 с.

Приложение

Список основных HTML-элементов

Тег

Описание

<!--...-->

Используется для добавления комментариев.

<!DOCTYPE>

Объявляет тип документа и предоставляет основную информацию для браузера - его язык и версия.

<a>

Создаёт гипертекстовые ссылки.

<abbr>

Определяет текст как аббревиатуру или акроним. Поясняющий текст задаётся с помощью атрибута title.

<address>

Задает контактные данные автора/владельца документа или статьи. Отображается в браузере курсивом.

<area>

Представляет собой гиперссылку с текстом, соответствующей определенной области на карте-изображении или активную область внутри карты-изображения. Всегда вложен внутрь тега <map>.

<article>

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

<aside>

Представляет контент страницы, который имеет косвенное отношение к основному контенту страницы/сайта.

<audio>

Загружает звуковой контент на веб-страницу.

<b>

Задает полужирное начертание отрывка текста, не придавая акцент или важность выделенному.

<bdi>

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

<bdo>

Отображает текст в направлении, указанном в атрибуте dir, переопределяя текущее направление написания текста.

<blockquote>

Выделяет текст как цитату, применяется для описания больших цитат.

<body>

Представляет тело документа (содержимое, не относящееся к метаданным документа).

<br>

Перенос текста на новую строку.