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

Содержание:

ВВЕДЕНИЕ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Версии

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

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

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

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

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

HTML 5 – 2014 год.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<html>

<head>

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

</head>

<body>

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

</body>

</html>

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

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

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

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

В тег <head> заключается служебная информация для браузера и поисковых систем. Эта информация никак не отображается браузером на экране монитора. Исключение составляет тег <title> </title>. О нем мы поговорим в конце этого урока.

Тег <body> – это основное тело нашего документа. Все, что находится между тегами <body> и </body> будет выводиться браузером на экран монитора [8].

Кратко структура HTML–документа изображена на рисунке 2.

Рисунок 2 Краткая структура HTML–документа

Раздел <head> обычно содержит теги, незаметные для пользователя, но тем не менее способные активно влиять не внешний вид документа. Такие теги приведены в таблице 1 [1].

Таблица 1

Теги раздела <head>

Тег	Назначение
<TITLE	Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
<А…>	Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тэга. Обязательно присутствие хотя бы одного из аргументов: HREF – определяет базовый адрес (URL) текущего документа. TARGET – определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрейме.
<STYLE TYPE=«text/css»>	Используется для вставки в документ каскадных таблиц стилей (CSS − Cascade Style Sheet). TYPE − обязательный атрибут, значением которого, как правило, является «text/css».

Продолжение таблицы 1

Теги раздела <head>

<МЕТА…>

Элемент МЕТА используется для технического описания документа. С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тега. NAME – определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере. CONTENT – присваивает значение мета-записи, определенной в параметре NAME.

Раздел <body> включает в себя основное содержание веб-страницы − текст документа, изображения, таблицы и т. п. Элемент BODY должен встречаться в документе не более одного раза и может включать следующие атрибуты (таблица 2 [4]):

Таблица 2

Теги раздела < body >

Тег	Назначение
MARGINHEIGHT=число	Определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape
TOPMARGIN= число	Определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer
MARGINWIDTH= число	Определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape
LEFTMARGIN= число	Определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer
BACKGROUND= URL	Определяет изображение для «заливки» фона (фонового рисунка). Значение задается в абсолютного или относительного адреса изображения (см. раздел Размещение рисунков)

Продолжение таблицы 2

Теги раздела < body >

BGCOLOR=цвет	Определяет цвет фона документа. MicrosoftInternetExplorerподдерживает 16 стандартных имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white) Другим способом является использование кода цвета в виде шестиразрядного шестнадцатеричного числа, задающее интенсивность красной (первые две цифры), зеленой (следующие две цифры) и синей (последние две цифры) составляющей. Интенсивность каждой составляющей в шестнадцатеричной форме изменяется от 00 до FF. При задании цвета в качестве значения атрибута некоторого тега перед шестнадцатеричным числом ставится символ #. Например, запись COLOR=«#0000FF» означает синий цвет Несмотря на принципиальную возможность задать миллионы цветов, надо учитывать, что браузеры отображают лишь 256 цветов, причем у каждого браузера своя цветовая палитра. В этой палитре браузер подберет цвет, наиболее близкий к заданному
TEXT=цвет	Определяет цвет текста в документе
LINK=цвет	Определяет цвет гиперссылок в документе
ALINK=цвет	Определяет цвет подсветки гиперссылок в момент нажатия
VLINK	Определяет цвет гиперссылок на уже просмотренные документы

2.2 Синтаксис языка HTML

Базовой составляющей синтаксиса веб–страницы, написанной с применением HTML, выступает элемент. Элементы могут классифицироваться по разным критериям, например, по типу или своему назначению.

1. Элементы по типу

• Пустые элементы

К ним относятся элементы, у которых нет закрывающего тега: <area>, <base>, <br>, <col>, <command>,<embed>, <hr>, <img>, <input>, <keygen>, <link>, <meta>, <param>, <source>, <track>, <wbr>.

• Необрабатываемые текстовые элементы

Предназначены для вывода скриптов или стилей, имеющих синтаксис отличный от HTML: <script>, <style>.

• RCDATA

Эти элементы могут содержать любой текст или спецсимволы, за исключением нестандартных спецсимволов, которые называются сомнительным амперсандом, например: &copi; или &#38T. К этой группе элементов относятся <textarea> и <title> [6].

• Инородные элементы
• Элементы, относящиеся к MathML или SVG.
• Обычные элементы
• Все остальные элементы, которые не входят в предыдущие группы [11].

1. Элементы по назначению

• Корневой элемент

Элемент <html>.

• Метаданные документа

<head>, а также элементы, которые располагаются внутри него.

• Скрипты

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

• Структурные элементы

Элементы, управляющие основными разделами веб–страницы, вроде <body>, <section>, <nav>, <article>, <aside> и др.

• Группирование контента
• Элементы, обрамляющие текст, списки, изображения.
• Текст

Элементы, изменяющие вид текста, например, делающие его жирным или курсивным, а также выделяющие текст по смыслу – аббревиатура, цитата, переменная, код и т.д. [12]

• Рецензирование

Элементы <ins> и <del> показывающие редактирования в документе.

• Внедряемый контент

Элементы, вставляемые на страницу в виде разных объектов – изображения, видео, аудио и др.

• Табличные данные
• Элементы для создания и управления видом таблиц.
• Формы

Формы являются одним из важных элементов любого сайта и предназначены для обмена данными между пользователем и сервером. В эту группу входят элементы для создания формы и её полей [14].

• Интерактивные элементы

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

• Ссылки

Элементы <a> и <area>.

Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы на другую. Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к документу, на который делается ссылка, был доступ. Иными словами, если путь к файлу можно указать в адресной строке браузера, и файл при этом будет открыт, то на него можно сделать ссылку. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега <a>. Общий синтаксис создания ссылок следующий [3].

<a href=«URL»>текст ссылки</a>

Атрибут href определяет URL (Universal Resource Locator, универсальный указатель ресурса), иными словами, адрес документа, на который следует перейти, а содержимое контейнера <a> является ссылкой. Текст, расположенный между тегами <a> и </a>, по умолчанию становится синего цвета и подчеркивается [6].

1. Теги

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

Атрибуты тегов расширяют возможности самих тегов и позволяют гибко управлять различными настройками отображения элементов веб–страницы. Общее количество атрибутов достаточно велико, но их значения, как правило, можно сгруппировать по разным типам, например, задающих цвет, размер, адрес и др. Например, элемент <img> добавляет на веб–страницу изображение, при этом адрес графического файла мы указываем через атрибут src [6].

• Доктайп

<!DOCTYPE> предназначен для указания типа текущего документа – DTD (document type definition, описание типа документа) для того, чтобы браузер понимал, с какой версией HTML он имеет дело. Если доктайп не указан, браузеры переходят в режим совместимости, в котором не работают многие возможности HTML5, а также возникают ошибки с отображением документа [8].

Доктайп не чувствителен к регистру и содержит всего два слова: <!DOCTYPE html>. Это ключевой элемент и обычно он располагается в первой строке кода.

1. Комментарии

Некоторый текст можно спрятать от показа в браузере, сделав его комментарием. Хотя такой текст пользователь не увидит, он все равно будет передаваться в документе, так что, посмотрев исходный код, можно обнаружить скрытые заметки. Комментарии нужны для внесения в код своих записей, не влияющих на вид страницы. Начинаются они тегом <!– и заканчиваются тегом –>. Все, что находится между этими тегами отображаться на веб–странице не будет [17].

1. Необязательные теги

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

Таблица 3

Необязательные теги

Тег	Условие использования
<html>
<head>	Если внутри имеются другие элементы.
</head>
<body>	Если пустой, а также содержит что–то кроме пробела или комментария.
</body>
</li>	Если после элемента следует <li> или он последний у родителя.
</dt>	Если после элемента следует <dt> или <dd>.
</dd>	Если после элемента следует <dd>, <dt> или он последний у родителя.
</p>	Если после элемента следует <address>, <article>, <aside>, <blockquote>,<dir>, <div>, <dl>, <fieldset>, <footer>, <form>, <h1>,...,<h6>, <header>, <hgroup>, <hr>, <menu>, <nav>, <ol>, <p>, <pre>, <section>, <table>, <ul>.
</rt>	Если после элемента следует <rt> или <rp>.

Продолжение таблицы 3

Необязательные теги

</rp>	Если после элемента следует <rt> или <rp>.
</optgroup>	Если после элемента следует <optgroup> или он последний у родителя.
</option>	Если после элемента следует <option>, <optgroup> или он последний у родителя.
<colgroup>	Если первым внутри идёт <col> и не следует перед другим элементом <colgroup>.
</thead>	Если после элемента следует <tbody> или <tfoot>.
<tbody>	Если первым внутри идёт <tr> и не следует перед <tbody>, <thead> или <tfoot> у которых опущен закрывающий тег.
</tbody>	Если после элемента следует <tbody> или <tfoot> или он последний у родителя.
</tfoot>	Если после элемента следует <tbody> или он последний у родителя.
</tr>	Если после элемента следует <tr> или он последний у родителя.
</td>	Если после элемента следует <td> или <th> или он последний у родителя.
</th>	Если после элемента следует <td> или <th> или он последний у родителя.

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

ЗАКЛЮЧЕНИЕ

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

1. Рассмотрена история создания и развития HTML.
2. Приведено краткое описание языка HTML.
3. Охарактеризована структура HTML документа.
4. Проанализирован синтаксис языка HTML.

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

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

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

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

1. Гудман, Д. JavaScript и DHTML. Сборник рецептов. Для профессионалов / Д. Гудман. – М.: Питер, 2015. – 523 c.
2. Дакетт, Дж. HTML и CSS. Разработка и дизайн веб–сайтов (+ CD–ROM) / Дж. Дакетт. – М.: Эксмо, 2014. – 480 c.
3. Дакетт, Дж. Основы веб–программирования с использованием HTML, XHTML и CSS / Дж. Дакетт. – М.: Эксмо, 2015. – 768 c.
4. Дебольт, В. HTML и CSS. Совместное использование / В. Дебольт. – М.: НТ Пресс, 2016. – 512 c.
5. Дронов, В. HTML 5, CSS 3 и Web 2.0. Разработка современных Web–сайтов / В. Дронов. – М.: БХВ–Петербург, 2018. – 138 c.
6. Квинт, И. Создаем сайты с помощью HTML, XHTML и CSS на 100% / И. Квинт. – М.: Питер, 2017. – 448 c.
7. Исси Коэн, Л. Полный справочник по HTML, CSS и JavaScript / Л. Исси Коэн, Дж. Исси Коэн. – М.: ЭКОМ Паблишерз, 2014. – 938 c.
8. Мержевич, В. HTML и CSS на примерах / В. Мержевич. – М.: «БХВ–Петербург», 2014. – 448 c.
9. Никсон, Р. Создаем динамические веб–сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. – Москва: Машиностроение, 2016. – 688 c.
10. Прохоренок, Н. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web–мастера (+ CD–ROM) / Н. Прохоренок. – М.: БХВ–Петербург, 2016. – 912 c.
11. Пфаффенбергер, У. HTML, XHTML и CSS. Библия пользователя / У. Пфаффенбергер и др. – М.: Вильямс; Издание 3–е, 2015. – 752 c.
12. Ташков, П. Веб–мастеринг HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка / П. Ташков. – М.: Книга по Требованию, 2014. – 512 c.
13. Титтел, Э. HTML, XHTML и CSS для чайников / Э. Титтел, Дж. Ноубл. – М.: Диалектика, 2017. – 400 c.
14. Фримен, Э. Изучаем HTML, XHTML и CSS / Э. Фримен, Э. Фримен. – М.: Питер, 2016. – 720 c.
15. Хольцшлаг, М. Э. Использование HTML 4. Специальное издание (+ CD – ROM) / М. Э. Хольцшлаг. – М.: Вильямс, 2015. – 174 c.
16. Чебыкин, Р. Самоучитель HTML и CSS. Современные технологии / Р. Чебыкин. – Москва: Огни, 2015. – 624 c.
17. Шафер, С. HTML, XHTML и CSS. Библия пользователя / С. Шафер. – Москва: СИНТЕГ, 2016. – 656 c.