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

Содержание:

Введение

В наши дни интернет повсеместно проходит в общественную жизнь. Каждый человек желает иметь собственную страничку в интернете. Но не каждый умеет е создать. Самым простейшим языком написания интернет-страниц является HTML. HTML является стандартизированным языком разметки документов в Интернете. Большинство web-страниц содержат описание разметки на языке HTML или XHTML.

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

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

Объектом данного исследования является сам язык HTML и его основные понятия и разновидности. Предметом исследования являются разновидности элементов языка HTML с их параметрами.

Задачами данной работы являются:

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

В основу данной работы легли книги таких авторов, как Титтел и Фримен.

1. Основные понятия семейства языком HTML

1.1. Понятия языка HTML

HTML расшифровывается как HyperText Markup Language и обозначает язык гипертекстовой разметки. HTML является стандартизированным языком разметки документов в Интернете. Большинство web-страниц содержат описание разметки на языке HTML или XHTML. Язык HTML интерпретируется браузерами, после чего текст, полученный в результате интерпретации форматированный, отображается на экране монитора компьютера или мобильного устройства^[1].

Язык HTML является приложением стандартного обобщенного языка разметки и соответствует международному стандарту ISO 8879.

Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста^[2].

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

Язык HTML был разработан британским ученым Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского центра ядерных исследований в Женеве в Швейцарии. HTML создавался как язык для обмена технической и научной документацией, пригодный для использования людьми, не являющимися специалистами в области верстки. HTML успешно справлялся с проблемой сложности SGML путем определения небольшого набора семантических и структурных элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже^[4].

Изначально язык HTML задумывался и создавался как средство форматирования и структурирования документов без их привязки к средствам отображения. В идеале, текст с разметкой HTML должен был без структурных и стилистических искажений воспроизводиться на оборудовании с различной технической оснащенностью, таком как цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов. Но современное применение HTML очень далеко от его изначальной задачи. Например, тег <table> предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении^[5].

Текстовые документы, содержащие разметку на языке HTML, традиционно имеют расширение htm или html и обрабатываются специальными приложениями, отображающими документ в его форматированном виде. Такие приложения, называемые «интернет-обозревателями» или «браузерами», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра и вывода на иные внешние устройства и, при необходимости, отправки введенных пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Mozilla Firefox, Google Chrome, Safari, Internet Explorer и Opera.

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

Сообществом WHATWG, расшифровывающимся как Web Hypertext Application Technology Working Group, начиная с 2004 года, разрабатывается спецификация Web Applications 1.0, часто неофициально называемая «HTML 5», которая расширяет HTML, имея также совместимый с XHTML 1.0 XML-синтаксис, с целью лучшего представления семантики различных типичных страниц, например, сайтов аукционов, форумов, онлайн-магазинов, поисковых систем и прочих ресурсов, которые не очень удачно вписываются в модель XHTML 2.0^[7] [3, 5, 7].

1.2. Понятия языка HTML5

HTML5 является языком HTML 5 версии, и представляет собой язык для представления и структурирования содержимого всемирной паутины. Несмотря на то, что стандарт был завершен только в 2014 году, еще с 2013 года браузерами оперативно осуществлялась поддержка, а разработчиками — использование рабочего стандарта под названием HTML Living Standard. Целью разработки HTML5 является улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров^[8].

Во всемирной паутине долгое время использовались стандарты HTML 4.01, XHTML 1.0 и XHTML 1.1. Веб-страницы на практике оказывались свёрстанными с использованием смеси особенностей, представленных различными спецификациями, включая спецификации программных продуктов, таких как веб-браузеры, а также сложившихся общеупотребительных приемов. HTML5 был создан как единый язык разметки, который мог бы сочетать синтаксические нормы HTML и XHTML. Он рационализирует, улучшает и расширяет разметку документов, а также добавляет единый API для сложных веб-приложений^[9].

В HTML5 реализовано множество новых синтаксических особенностей. Например, элементы <canvas>, <audio> и <video >, а также возможность использования SVG и математических формул. Эти новшества разработаны для упрощения управления и создания мультимедийных и графических объектов в сети без необходимости использования сторонних API и плагинов. Другие новые элементы, такие как <article>, <section>, < nav> и <header>, разработаны для того, чтобы обогащать семантическое содержимое документа. Новые атрибуты были введены с той же целью, хотя ряд элементов и атрибутов был удален. Некоторые элементы, такие как <cite>, <menu> и <a>, были изменены, переопределены или стандартизированы. DOM и API стали основными частями спецификации HTML5. HTML5 также определяет некоторые особенности обработки ошибок верстки, поэтому синтаксические ошибки должны рассматриваться одинаково всеми совместимыми браузерами^[10].

WHATWG начал работу над новым стандартом в 2004 году, когда консорциум World Wide Web Consortium, обозначающийся как W3C сосредоточился на будущих разработках XHTML 2.0, а HTML 4.01 не изменялся с 2000 года. В 2009 году W3C признал, что срок работы у рабочей группы XHTML 2.0 истек, и решил не возобновлять его. Впоследствии W3C и WHATWG совместно разрабатывали HTML5^[11].

Даже несмотря на то, что HTML5 был хорошо известен среди веб-разработчиков в течение нескольких лет, он стал основной темой средств массовой информации только в апреле 2010 года. После этого Стив Джобс, будучи главой компании Apple Inc., написал публичное письмо, заголовок которого гласил: «мысли по поводу Flash», где он заключил, что с разработкой HTML5 нет больше необходимости смотреть видеоролики или использовать другие виды приложений с помощью Adobe Flash. По этому поводу вспыхивали дебаты в кругу веб-разработчиков, причем некоторые намекали, что, хотя HTML5 и обеспечивает расширенную функциональность, разработчики должны принимать во внимание различия браузеров и необходимость поддержки различных частей стандартов, равно как и функциональные различия между HTML5 и Flash^[12] [3, 9, 11].

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

2. Элементы HTML

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

HTML является теговым языком разметки документов. Любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого элемента обозначается специальными пометками, называемыми тегами. Такие элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В качестве примера такого тега можно привести перенос строки <br>. В этом случае обычно не указывают закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства. В качестве примера использования тегом атрибутов можно привести атрибут размер шрифта для тега <font>. Атрибуты указываются в открывающем теге^[13].

Вот примеры фрагментов HTML-документа:

<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>

<a href="http://www.example.com">Здесь элемент содержит атрибут href, то есть гиперссылку.</a>

А вот пример пустого элемента: <br>^[14]

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

<!DOCTYPE html>

<html>

<head>

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

<title>HTML Document</title>

</head>

<body>

<p>

<b>

Этот текст будет полужирным,

<i>а этот - еще и курсивным</i>

</b>

</p>

</body>

</html>

даст такой результат:

Этот текст будет полужирным, а этот — еще и курсивным^[15]

Кроме элементов, в HTML-документах есть «специальные символы», называемые сущностями. Сущности начинаются с символа амперсанда и имеют вид: «&имя;» или «&#NNNN;», где NNNN — код символа в Юникоде в десятичной системе счисления.

Например, «&copy;» — знак авторского права ©. Обычно, сущности используются для представления отсутствующих в кодировке документа символов или же для представления «специальных» символов: «&amp;» — амперсанда &, «&lt;» — символа «меньше» < и «&gt;» — символа «больше» >, которые некорректно записывать обычным образом, из-за их особого значения в HTML^[16].

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит примерно так:

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

Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее.

Далее обозначается начало и конец документа тегами <html> и </html> соответственно. Внутри этих тегов должны находиться теги заголовка <head></head> и тела <body></body> документа^[17] [1, 2, 4].

2.2. Элементы

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

HTML является теговым языком разметки документов, то есть любой документ на языке HTML является набором элементов, причем начало и конец каждого элемента обозначается специальными пометками, называемыми тегами. Регистр, в котором набрано имя тега, в HTML значения не имеет. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства. Атрибуты указываются в открывающем теге^[18].

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML <!DOCTYPE>, которая обычно выглядит примерно так:

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

Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее^[19].

DOCTYPE для HTML 4.01 имеет 3 различных варианта:

• строгий (Strict): не содержит тегов, помеченных как «устаревшие» или «не одобряемые» (deprecated);
• переходный (transitional): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML;
• с фреймами (frameset): аналогичен переходному, но содержит также теги для создания наборов фреймов.

В отличие от предыдущих версий для HTML 5 всего один тег DOCTYPE: <!DOCTYPE html>^[20].

Теги и их параметры не обладают чувствительностью к регистру. То есть <A HREF="http://example.com"> и <a href="http://example.com"> означают одно и то же.

Обычно используются парные теги — открывающий, или начальный, и закрывающий, или конечный. Возможно также применение одиночного тега. Например, тег отступа абзаца может оформлять абзац между тегами <p> и </p>, а может в одиночной форме до следующего первого попавшегося тега <p>^[21].

Тег с пустым текстом: <HR></HR> вставляет разрыв текста без сохранения отступов, можно также использовать специальную форму записи тега — <HR/>.

Набор и рекомендуемые интерпретации тегов определены организацией World Wide Web Consortium^[22].

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

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

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

Например, можно выделить фрагмент текста определенным шрифтом, используя тег <font> и указав в этом теге желаемый размер и название шрифта: <font face="Times, Arial, Courier" size=4> оформляемый текст </font>^[24].

Имя тега определяет тип элемента. В HTML имя тега определяет лишь правило разметки, так, имя тега «i» (например, <i> Курсив </i>) определяет, что между тегами расположен текст, который следует отображать в браузере в курсивном начертании. XML является более гибким стандартом. Имена тегов в нем не регламентируются жестко: пользователи могут вводить и использовать для своих нужд новые теги^[25].

Например, самостоятельно можно определить, что элементом с именем тега «person» определяется тип этого XML элемента, как фамилия имя и отчество. И, например, год рождения, как часть информации по данному человеку:

В XML эта запись будет выглядеть как: <person>Петров Петр Петрович <year>1991</year></person> Также можно дополнительно задать в таблицах CSS, что все теги <person> будут определенного цвета^[26].

В HTML данная запись уже изменится и будет выглядеть как: <div name="person"> Петров Петр Петрович, 1991 </div> В данном случае уже нет возможности сформировать элемент документа для анализа текста, но оформить можно.

Таким образом, HTML представляет собой неструктурированный текст, а XML является документом с иерархической структурой, что дает возможность обработки документа, такой как поиск нужных элементов документа, трансформация данных, и другие подобные^[27].

В SGML и основанных на нем языках, в том числе HTML версий со 2 по 4.01, элементы должны быть строго вложенными друг в друга, «перехлест» элементов недопустим. То есть <a><b></a></b> будет неправильным написанием, а <person><i>Имя Фамилия</i></person> – правильным^[28] [4, 6, 8, 10 ,12].

2.3. Примеры конкретных реализаций тегов

2.3.1. Гиперссылки

В качестве примера использования гиперссылки можно привести запись: <a href="имя файла" target="_self">название ссылки</a>

В данной записи атрибут href задает значение адреса документа, на который указывает ссылка. Атрибут filename задает имя файла или адрес Internet, на который необходимо сослаться. Название ссылки является названием гипертекстовой ссылки, которое будет отображаться в браузере, то есть показываться тем, кто зашел на страницу. Атрибут target задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка^[29].

Атрибут target может принимать значения:

• _blank — открытие документа в новом окне;
• _top — открытие документа в текущем окне;
• _parent — открытие документа в родительском фрейме;
• _self — открытие документа в текущем фрейме.

По умолчанию атрибут имеет значение: _self^[30].

Тот же элемент используется для создания так называемых якорей, которые могут потом использоваться в гиперссылках, направленных на какой-то определенный элемент страницы. Например:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Якорь внутри документа</title>

</head>

<body>

<p><a name="top"></a></p>

<p>текст</p>

<p><a href="#top">Наверх</a></p>

</body>

</html>^[31]

Аналогичным образом якорь можно сделать на закладку, находящуюся на другой веб-странице или на другом сайте: там, куда направлена ссылка, должен стоять <a name="xxx"></a>, а там, откуда идет ссылка, к значению href добавляется знак решетки и название якоря^[32] [1, 6, 12].

2.3.2. Текстовые блоки

В качестве примеров тегов для текстовых блоков можно привести:

• <H1> … </H1>, <H2> … </H2>, … ,<H6> … </H6> — заголовки 1, 2, … 6 уровня. Используются для выделения частей текста, чем больше число, тем мельче заголовок;
• <BR> — новая строка, тег не закрывается;
• <P> — новый абзац, можно в конце абзаца поставить </P>, но это не обязательно;
• <BLOCKQUOTE> … </BLOCKQUOTE> — цитата, обычно текст сдвигается вправо;
• <HR> — горизонтальная линия;
• <SPAN> … </SPAN> — строка;
• <DIV> … </DIV> — блок;
• <PRE> … </PRE> — режим preview, в котором текст заключается в рамку и никак не форматируется^[33] [3].

2.3.3. Форматирование текста

В качестве примеров тегов для форматирования текста можно привести:

• <U> … </U> — подчеркивание текста;
• <B> … </B> — выделение текста жирным шрифтом;
• <I> … </I> — выделение текста курсивом;
• <S> … </S> (или <STRIKE> … </STRIKE> ) — зачеркивание текста;
• <SMALL> … </SMALL> — уменьшение шрифта;
• <BIG> … </BIG> — увеличение шрифта;
• <EM> … </EM> — логическое ударение;
• <STRONG> … </STRONG> — усиленное логическое ударение;
• <MARQUEE> … </MARQUEE> — сдвигающийся по экрану текст;
• <BLINK> … </BLINK> — мигающий текст;
• <SUP> … </SUP> — надстрочный текст;
• <SUB> … </SUB> — подстрочный текст;
• <FONT параметры> … </FONT> — задание параметров шрифта, имеет параметры FACE, COLOR и SIZE^[34] [4].

2.3.4. Списки

Списки в HTML записываются в виде:

<UL>

<LI> первый элемент </LI>

<LI> второй элемент </LI>

<LI> третий элемент </LI>

</UL>

Данная запись создает список вида:

• первый элемент
• второй элемент
• третий элемент

Если вместо <UL>, обозначающего ненумерованный список, поставить <OL>, означающее нумерованный список, список получится нумерованным:

1. первый элемент
2. второй элемент
3. третий элемент^[35]

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

2.3.5. Объекты

• SCRIPT — вставка скриптов;
• APPLET — вставка Java-апплетов;
• EMBED — вставка различных объектов: не-HTML документов и media-файлов^[37] [6].

2.3.6. Изображения

Тег IMG определяет вставку изображения. Он не закрывается и может иметь парметры:

• TITLE — краткое описание изображения;
• SRC — имя или URL;
• WIDTH, HEIGHT — размеры;
• ALT — альтернативное имя;
• VSPACE, HSPACE —размеры горизонтального и вертикального пространства вокруг изображения;
• ALIGN —параметры обтекания текстом^[38].

В качестве примера можно привести запись: <IMG SRC=url ALT="альтернативное имя" TITLE="краткое описание изображения" WIDTH="размеры" HEIGHT="размеры2">

Также изображение можно сделать ссылкой с помощью записи вида: <A HREF=url ><IMG SRC=url></A>^[39] [1, 4].

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

Заключение

В рамках данной работы были рассмотрены основы языка HTML и его разновидности HTML5. HTML расшифровывается как HyperText Markup Language и обозначает язык гипертекстовой разметки. HTML является стандартизированным языком разметки документов в Интернете. Большинство web-страниц содержат описание разметки на языке HTML или XHTML. HTML5 является языком HTML 5 версии, и представляет собой язык для представления и структурирования содержимого всемирной паутины. Стандарт был завершен в 2014 году.

• Во второй части работы были рассмотрены основные элементы языка HTML, были выделены гиперссылки, текстовые блоки, форматирование текста, объекты и изображения. Для использования гиперссылки применяется тег <а>, для изображения <img>, для списка <UL>. Для текстовых блоков были рассмотрены теги <H1> … </H1>, <H2> … </H2>, … ,<H6> … </H6>, <BR>, <P>, <BLOCKQUOTE> … </BLOCKQUOTE>, <HR>, <SPAN> … </SPAN>, <DIV> … </DIV> и <PRE> … </PRE>. Для форматирования текста были рассмотрены теги <U>, <B>, <I>, <S>, <SMALL>, <BIG>, <EM>, <STRONG>, <MARQUEE>,<BLINK>, <SUP>, <SUB> и <FONT>. Для объектов были рассмотрены теги SCRIPT, APPLET и EMBED.

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

1. Веру Л. Секреты CSS. Идеальные решения ежедневных задач / Л. Веру. – СПб.: Питер, 2016. – 336 с.
2. Лабберс П. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений / П. Лабберс, Б. Олберс, Ф. Салим. – М.: Вильямс, 2011. – 272 с.
3. Макфарланд Д. Новая большая книга CSS / Д. Макфарланд. – СПб.: Питер, 2016. – 720 с.
4. Мирный А. HTML5 против Flash-видео / А. Мирный // UP Special : журнал. – 2010. – № 5. – С. 42 – 45.
5. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. – СПб.: Питер, 2015. – 688 с.
6. Прохоренок П. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / П. Прохоренок, В. Дронов. – СПб.: БХВ-Петербург, 2015. – 766 с.
7. Роббинс Д. HTML5. Карманный справочник / Д. Роббинс. – М.: Вильямс, 2015. – 192 с.
8. Титтел Э.,HTML, XHTML и CSS для чайников / Э. Титтел, Д. Ноубл. – М.: Диалектика, 2011. – 400 с.
9. Фримен Э. Изучаем HTML, XHTML и CSS / Э. Фримен. – СПб.: Питер, 2012. – 656 с.
10. Фримен Э. Изучаем HTML, XHTML и CSS / Э. Фримен, Э. Фримен. – СПб.: Питер, 2014. – 737 с.
11. Хольцнер С. HTML5 за 10 минут / С. Хольцнер. – М.: Вильямс, 2011. – 384 с.
12. Шафер С. HTML, XHTML и CSS. Библия пользователя / С. Шафер. – М.: Диалектика, 2010. – 656 с.

1. Макфарланд Д. Новая большая книга CSS / Д. Макфарланд. – СПб.: Питер, 2016. – С. 362. ↑

2. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. – СПб.: Питер, 2015. – С. 72. ↑

3. Роббинс Д. HTML5. Карманный справочник / Д. Роббинс. – М.: Виль-ямс, 2015. – С. 46. ↑

4. Роббинс Д. HTML5. Карманный справочник / Д. Роббинс. – М.: Виль-ямс, 2015. – С. 26. ↑

5. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. – СПб.: Питер, 2015. – С. 462. ↑

6. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5 / Р. Никсон. – СПб.: Питер, 2015. – С. 362. ↑

7. Макфарланд Д. Новая большая книга CSS / Д. Макфарланд. – СПб.: Питер, 2016. – С. 337. ↑

8. Хольцнер С. HTML5 за 10 минут / С. Хольцнер. – М.: Вильямс, 2011. – С. 274. ↑

9. Фримен Э. Изучаем HTML, XHTML и CSS / Э. Фримен. – СПб.: Питер, 2012. – С. 274. ↑

10. Хольцнер С. HTML5 за 10 минут / С. Хольцнер. – М.: Вильямс, 2011. – С. 16. ↑

11. Макфарланд Д. Новая большая книга CSS / Д. Макфарланд. – СПб.: Питер, 2016. – С. 537. ↑

12. Хольцнер С. HTML5 за 10 минут / С. Хольцнер. – М.: Вильямс, 2011. – С. 164. ↑

13. Лабберс П. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений / П. Лабберс, Б. Олберс, Ф. Са-лим. – М.: Вильямс, 2011. – С. 174. ↑

14. Веру Л. Секреты CSS. Идеальные решения ежедневных задач / Л. Веру. – СПб.: Питер, 2016. – С. 227. ↑

15. Лабберс П. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений / П. Лабберс, Б. Олберс, Ф. Са-лим. – М.: Вильямс, 2011. – С. 38. ↑

16. Мирный А. HTML5 против Flash-видео / А. Мирный // UP Special : жур-нал. – 2010. – № 5. – С. 42. ↑

17. Мирный А. HTML5 против Flash-видео / А. Мирный // UP Special : жур-нал. – 2010. – № 5. – С. 42. ↑

18. Прохоренок П. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / П. Прохоренок, В. Дронов. – СПб.: БХВ-Петербург, 2015. – С. 268. ↑

19. Шафер С. HTML, XHTML и CSS. Библия пользователя / С. Шафер. – М.: Диалектика, 2010. – С. 383. ↑

20. Титтел Э.,HTML, XHTML и CSS для чайников / Э. Титтел, Д. Ноубл. – М.: Диалектика, 2011. – С. 280. ↑

21. Прохоренок П. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / П. Прохоренок, В. Дронов. – СПб.: БХВ-Петербург, 2015. – С. 375. ↑

22. Мирный А. HTML5 против Flash-видео / А. Мирный // UP Special : жур-нал. – 2010. – № 5. – С. 43. ↑

23. Шафер С. HTML, XHTML и CSS. Библия пользователя / С. Шафер. – М.: Диалектика, 2010. – С. 372. ↑

24. Фримен Э. Изучаем HTML, XHTML и CSS / Э. Фримен, Э. Фримен. – СПб.: Питер, 2014. – С. 285. ↑

25. Мирный А. HTML5 против Flash-видео / А. Мирный // UP Special : жур-нал. – 2010. – № 5. – С. 43. ↑

26. Титтел Э.,HTML, XHTML и CSS для чайников / Э. Титтел, Д. Ноубл. – М.: Диалектика, 2011. – С. 286. ↑

27. Титтел Э.,HTML, XHTML и CSS для чайников / Э. Титтел, Д. Ноубл. – М.: Диалектика, 2011. – С. 88. ↑

28. Прохоренок П. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / П. Прохоренок, В. Дронов. – СПб.: БХВ-Петербург, 2015. – С. 276. ↑

29. Веру Л. Секреты CSS. Идеальные решения ежедневных задач / Л. Веру. – СПб.: Питер, 2016. – С. 48. ↑

30. Прохоренок П. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / П. Прохоренок, В. Дронов. – СПб.: БХВ-Петербург, 2015. – С. 274. ↑

31. Шафер С. HTML, XHTML и CSS. Библия пользователя / С. Шафер. – М.: Диалектика, 2010. – С. 268. ↑

32. Веру Л. Секреты CSS. Идеальные решения ежедневных задач / Л. Веру. – СПб.: Питер, 2016. – С. 372. ↑

33. Макфарланд Д. Новая большая книга CSS / Д. Макфарланд. – СПб.: Питер, 2016. – С. 488. ↑

34. Мирный А. HTML5 против Flash-видео / А. Мирный // UP Special : жур-нал. – 2010. – № 5. – С. 44. ↑

35. Лабберс П. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений / П. Лабберс, Б. Олберс, Ф. Са-лим. – М.: Вильямс, 2011. – С. 185. ↑

36. Фримен Э. Изучаем HTML, XHTML и CSS / Э. Фримен, Э. Фримен. – СПб.: Питер, 2014. – С. 379. ↑

37. Прохоренок П. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / П. Прохоренок, В. Дронов. – СПб.: БХВ-Петербург, 2015. – С. 388. ↑

38. Мирный А. HTML5 против Flash-видео / А. Мирный // UP Special : жур-нал. – 2010. – № 5. – С. 45. ↑

39. Веру Л. Секреты CSS. Идеальные решения ежедневных задач / Л. Веру. – СПб.: Питер, 2016. – С. 301. ↑