Дронов В. А. - HTML и CSS: 33 урока для начинающих [2025, PDF, RUS]

ПРЕДИСЛОВИЕ ................................................................................... 17
На каких принципах основана эта книга? ............................................. 17
Что в ней описано? ............................................................................. 18
Что нового? ........................................................................................ 19
Типографские соглашения ................................................................... 20
ЧАСТЬ I. НАЧАЛО ВЕБ-ВЕРСТКИ ........................................................... 23
УРОК 1. ВВЕДЕНИЕ В ЯЗЫК HTML.......................................................... 25
1.1. Упражнение. Первая веб-страница ................................................ 25
1.2. Теги и атрибуты тегов. Язык HTML ................................................ 29
1.3. Упражнение. Выделение текста и списки ....................................... 33
1.4. Вложенность тегов. Родитель, соседи и потомки.
Недопустимые и специальные символы ................................................ 36
1.5. Упражнение. Интернет-графика .................................................... 37
1.6. Самостоятельное упражнение ........................................................ 40
УРОК 2. ВВЕДЕНИЕ В ЯЗЫК CSS ............................................................ 41
2.1. Оформление по умолчанию ........................................................... 41
2.2. Упражнение. Оформление веб-страницы ........................................ 42
2.3. Таблицы стилей, стили, атрибуты стилей, наследование
и привязка. Язык CSS ......................................................................... 44
2.4. Упражнение. Стилевые классы ...................................................... 47
2.5. Каскадность ................................................................................. 49
2.6. Упражнение. Составные селекторы ................................................ 50
2.7. Самостоятельные упражнения ....................................................... 51
УРОК 3. КАК РАБОТАЕТ WWW? ............................................................... 53
3.1. Клиенты и серверы ......................................................................... 53
3.2. Упражнение. Публикация веб-страницы на веб-сервере ............. 54
3.3. Интернет-адрес и его составные части .......................................... 58
3.3.1. Протокол ......................................................................... 58
3.3.2. Адрес хоста ...................................................................... 59
3.3.3. Путь к файлу ................................................................... 60
3.3.4. Примеры интернет-адресов и их обработка
веб-обозревателем ............................................................................ 60
3.4. Упражнение. Веб-страница по умолчанию ................................... 61
3.5. Ошибка 404 .............................................................................. 61
ЧАСТЬ II. HTML .................................................................................. 63
УРОК 4. ОСНОВНЫЕ ПОНЯТИЯ HTML .................................................... 65
4.1. Как сохраняются веб-страницы? ................................................... 65
4.2. Правила набора HTML-кода.......................................................... 66
4.2.1. Написание тегов ...................................................................... 66
4.2.2. Написание атрибутов тегов ....................................................... 68
4.2.3. Как веб-обозреватель обрабатывает пробельные
символы? .......................................................................................... 69
4.2.4. Форматирование HTML-кода при наборе ..................................... 70
4.3. Структура HTML-кода: пролог, секции веб-страницы,
метаданные ....................................................................................... 73
4.4. Ссылки на файлы и их указание ................................................... 74
4.4.1. Если файл входит в состав того же веб-сайта,
что и сама веб-страница… .................................................................. 74
4.4.2. Если файл входит в состав другого веб-сайта… ........................... 76
4.5. Атрибуты тегов, поддерживаемые всеми тегами ............................. 77
4.6. Недопустимые символы HTML ....................................................... 79
4.7. Специальные символы HTML ........................................................ 79
4.8. Комментарии HTML ...................................................................... 80
УРОК 5. СТРУКТУРА ТЕКСТА................................................................. 83
5.1. Базовые средства структурирования текста................................... 83
5.1.1. Абзацы и заголовки ......................................................... 83
5.1.2. Списки ............................................................................ 84
5.1.3. Адрес и блочная цитата .................................................. 87
5.2. Средства семантической разметки ................................................ 88
5.3. Специализированные средства разметки ...................................... 91
5.3.1. Текст фиксированного формата ..................................... 91
5.3.2. Разделитель ..................................................................... 91
5.4. Блочные элементы .......................................................................... 92
5.5. Блочный контейнер ........................................................................ 93
5.6. Упражнение. Доработка веб-страницы.......................................... 94
5.7. Самостоятельные упражнения ....................................................... 96
УРОК 6. ТЕКСТ .................................................................................... 99
6.1. Выделение фрагментов текста ....................................................... 99
6.1.1. Устаревшие средства для выделения текста ..................101
6.2. Встроенные элементы ...................................................................101
6.3. Встроенный контейнер .................................................................102
6.4. Переносы строк .............................................................................102
6.4.1. Специальный символ «перенос строки» .......................103
6.5. Упражнение. Доработка веб-страницы.........................................103
6.6. Самостоятельное упражнение .......................................................104
УРОК 7. ГРАФИКА И МУЛЬТИМЕДИА .........................................................105
7.1. Графика ..........................................................................................105
7.1.1. Вставка графических изображений ..............................105
7.1.2. Форматы графики, применяемые в WWW ....................107
7.2. Встроенно-блочные элементы ......................................................109
7.3. Аудио и видео .................................................................................109
7.3.1. Вставка аудио- и видеороликов .....................................109
7.3.2. Форматы аудио и видео, применяемые в WWW ...........111
7.4. Упражнение. Видеокиоск ..............................................................112
7.5. Упражнение. Размещение на веб-странице видео YouTube .........115
7.6. Семантическая иллюстрация ........................................................118
7.7. Вывод данных других форматов ....................................................119
7.7.1. Тег <embed> ....................................................................119
7.7.2. Тег <object> .....................................................................121
7.8. Внедренные элементы ...................................................................121
7.9. Самостоятельные упражнения ......................................................121
УРОК 8. ТАБЛИЦЫ.................................................................................123
8.1. Создание таблиц ............................................................................123
8.2. Слияние ячеек таблицы .................................................................125
8.3. Упражнение. Простая таблица ......................................................127
8.4. Упражнение. Таблица со сложным содержимым .........................130
8.5. Секции таблицы ............................................................................132
8.6. Заголовок таблицы ........................................................................134
8.7. Группы колонок и колонки ...........................................................134
8.7.1. Группы колонок .............................................................135
8.7.2. Колонки .........................................................................136
8.8. Самостоятельные упражнения ......................................................137
УРОК 9. ГИПЕРССЫЛКИ.......................................................................139
9.1. Собственно гиперссылки ..............................................................139
9.1.1. Графическая гиперссылка .............................................141
9.1.2. Почтовая гиперссылка ..................................................142
9.1.3. Загрузочная гиперссылка ..............................................142
9.1.4. Гиперссылка, ссылающаяся на фрагмент
веб-страницы. Якоря .....................................................143
9.1.5. Пустая гиперссылка .......................................................143
9.2. Семантические средства навигации .............................................144
9.2.1. Панель навигации ..........................................................144
9.2.2. Меню ..............................................................................145
9.3. Упражнение. Панель навигации ...................................................146
9.4. Карта-изображение. Наименования тегов ...................................149
9.5. Самостоятельное упражнение .......................................................151
УРОК 10. ВЕБ-ФОРМЫ, ЭЛЕМЕНТЫ УПРАВЛЕНИЯ,
СПОЙЛЕР И СПЕЦИАЛЬНЫЕ ЭЛЕМЕНТЫ ................................................153
10.1. Обработка пользовательских данных. Веб-формы
и веб-приложения .......................................................................153
10.2. Веб-формы ...................................................................................155
10.2.1. Создание веб-форм ......................................................155
10.2.2. Как работает веб-форма? Ключевые параметры
веб-форм ......................................................................156
10.2.3. Дополнительные параметры веб-форм .......................158
10.3. Элементы управления ..................................................................159
10.3.1. Параметры, поддерживаемые всеми элементами
управления...................................................................159
10.3.2. Поля ввода и выбора ....................................................160
10.3.3. Флажок .........................................................................164
10.3.4. Переключатель .............................................................165
10.3.5. Область редактирования ..............................................165
10.3.6. Списки ..........................................................................167
10.3.7. Кнопки .........................................................................170
10.3.8. Перечень для быстрого выбора ...................................172
10.3.9. Регулятор ......................................................................173
10.3.10. Поле выбора файла ....................................................174
10.3.11. Скрытое поле ..............................................................175
10.3.12. Декоративные элементы ............................................175
10.4. Упражнение. Веб-форма заказа ...................................................177
10.4.1. Эксперименты с веб-формой ......................................181
10.5. Спойлер ........................................................................................182
10.6. Специальные элементы ...............................................................184
10.6.1. Индикатор процесса ....................................................184
10.6.2. Метр ..............................................................................185
10.6.3. Прочие специальные элементы ..................................186
10.7. Самостоятельные упражнения ....................................................187
ЧАСТЬ III. CSS ..................................................................................189
УРОК 11. ОСНОВНЫЕ ПОНЯТИЯ CSS (НАЧАЛО) ...................................191
11.1. Как записывается оформление веб-страниц? ............................191
11.1.1. Таблицы стилей: внешние и внутренние ....................191
11.1.2. Встроенные стили ........................................................194
11.2. Правила набора CSS-кода ...........................................................195
11.2.1. Правила набора таблиц стилей ....................................195
11.2.2. Правила набора встроенных стилей ............................197
11.2.3. Форматирование CSS-кода при наборе ......................197
11.3. Комментарии CSS ........................................................................199
11.4. Что, если на один элемент веб-страницы действуют
несколько стилей? Правило каскадности...................................200
11.5. Важные атрибуты стиля ...............................................................201
УРОК 12. ОСНОВНЫЕ ПОНЯТИЯ CSS (ЗАВЕРШЕНИЕ) .............................203
12.1. Способы задания значений у атрибутов стиля ...........................203
12.1.1. Константы ....................................................................203
12.1.2. Функции CSS ...............................................................204
12.1.3. Специальные величины...............................................204
12.2. Типы значений атрибутов стилей ................................................205
12.2.1. Числовые значения ......................................................206
12.2.2. Цветовые значения ......................................................212
12.2.3. Ссылки на сторонние файлы ......................................214
12.2.4. Строковые значения ....................................................215
12.3. Переменные CSS..........................................................................215
12.4. Прочие инструменты CSS ...........................................................216
12.4.1. Математические функции ...........................................216
12.4.2. Получение сведений о платформе ..............................218
12.4.3. Импорт таблиц стилей. Директивы CSS .....................218
12.4.4. Атрибут стиля all ..........................................................219
УРОК 13. СЕЛЕКТОРЫ ..........................................................................221
13.1. Основные селекторы ...................................................................221
13.2. Комбинированный селектор .......................................................222
13.3. Селекторы атрибутов тегов ..........................................................223
13.4. Псевдоклассы ...............................................................................226
13.4.1. Псевдоклассы, используемые сами по себе ................231
13.5. Упражнение. Доработка каталогов и прайс-листа, часть 1 ........232
13.6. Псевдоэлементы ..........................................................................234
13.7. Разделители ..................................................................................235
13.8. Псевдокласс :has() .......................................................................236
13.9. Упражнение. Доработка каталогов и прайс-листа, часть 2 ........238
13.10. Приоритет селектора и его вычисление ....................................239
13.11. Самостоятельные упражнения ..................................................240
УРОК 14. ШРИФТ И ТЕКСТ .....................................................................243
14.1. Параметры шрифта ......................................................................243
14.1.1. Гарнитура, кегль, насыщенность и начертание
шрифта .........................................................................243
14.1.2. Цвет текста ...................................................................246
14.1.3. Преобразование букв текста ........................................246
14.1.4. Плотность шрифта .......................................................246
14.1.5. Форма символов...........................................................247
14.1.6. Декоративная линия ....................................................247
14.2. Загружаемые шрифты ..................................................................250
14.3. Упражнение. Использование загружаемых шрифтов ................253
14.4. Параметры строк текста ..............................................................257
14.4.1. Интервалы, отступ и высота строки ............................257
14.4.2. Выравнивание по горизонтали и вертикали ...............259
14.4.3. Тень у текста .................................................................261
14.4.4. Перенос слов ................................................................262
14.4.5. Обработка пробельных символов и разрывов
строк .............................................................................262
14.5. Указание сразу нескольких параметров шрифта
и строк текста ...............................................................................264
14.6. Генерируемое содержание ...........................................................265
14.6.1. Счетчики ......................................................................267
14.7. Упражнение. HTML-значки ........................................................270
Теория ......................................................................................270
Практика .................................................................................270
14.8. Уровень непрозрачности .............................................................271
14.9. Самостоятельные упражнения ....................................................271
УРОК 15. БЛОКИ .................................................................................273
15.1. Рамки ............................................................................................273
15.1.1. Графические рамки ......................................................276
15.2. Просветы: внешние и внутренние ..............................................281
15.3. Упражнение. Стильный заголовок ..............................................282
15.4. Указание размеров элементов .....................................................286
15.4.1. Размеры элементов ......................................................286
15.4.2. Предельные размеры элементов .................................287
15.4.3. Режим установки размеров ..........................................287
15.5. Упражнение. Ограничение ширины содержимого
веб-страниц ..................................................................................289
15.6. Соотношение сторон ...................................................................291
15.7. Тень у блока ..................................................................................292
15.8. Поведение при переполнении .....................................................294
15.9. Контур ..........................................................................................295
15.10. Самостоятельное упражнение ...................................................296
УРОК 16. СПИСКИ И ТАБЛИЦЫ .............................................................297
16.1. Параметры списков .....................................................................297
16.1.1. Параметры маркеров и нумерации .............................297
16.1.2. Параметры просветов ..................................................300
16.2. Параметры таблиц и их составляющих .......................................301
16.2.1. Параметры самих таблиц .............................................301
16.2.2. Параметры строк таблицы ...........................................304
16.2.3. Параметры ячеек таблиц .............................................304
16.2.4. Параметры заголовка таблицы ....................................305
16.2.5. Параметры групп колонок и отдельных колонок .......306
16.3. Самостоятельные упражнения ....................................................307
УРОК 17. ГИПЕРССЫЛКИ, ИЗОБРАЖЕНИЯ И МУЛЬТИМЕДИА ..................309
17.1. Параметры гиперссылок..............................................................309
17.2. Упражнение. Оформление гиперссылок в панели навигации ...310
17.3. Параметры графических изображений .......................................311
17.4. Параметры аудио и видео ............................................................314
17.5. Самостоятельные упражнения ....................................................315
УРОК 18. ОФОРМЛЕНИЕ ВЕБ-ФОРМ И ЭЛЕМЕНТОВ УПРАВЛЕНИЯ .................317
18.1. Параметры веб-форм ...................................................................317
18.2. Параметры элементов управления ..............................................318
18.2.1. Параметры декоративных элементов ..........................321
18.2.2. Полное изменение внешнего вида элементов
управления...................................................................322
18.3. Упражнение. Оформление веб-формы .......................................323
18.4. Параметры спойлера ....................................................................326
18.5. Параметры специальных элементов ...........................................327
18.6. Самостоятельное упражнение .....................................................327
УРОК 19. ФОНЫ ..................................................................................329
19.1. Сплошной фон .............................................................................329
19.2. Градиентные фоны .......................................................................331
19.2.1. Линейный градиент .....................................................331
19.2.2. Радиальный градиент ...................................................335
19.2.3. Угловой градиент .........................................................338
19.2.4. Повторяющиеся градиенты .........................................341
19.3. Упражнение. Красивые градиентные фоны ...............................342
19.4. Графический фон .........................................................................345
19.5. Указание сразу всех параметров фона .........................................351
19.6. Смешивание содержимого элемента и фона его родителя ........352
19.7. Множественные фоны .................................................................356
19.8. Упражнение. Использование множественных фонов
для создания коллажей ................................................................358
19.9. Самостоятельное упражнение .....................................................360
УРОК 20. КОЛОНКИ ............................................................................363
20.1. Основные параметры колонок ....................................................363
20.2. Параметры просвета между колонками
и разделительной линией ............................................................364
20.3. Дополнительные параметры колонок .........................................366
УРОК 21. ПРЕДСТАВЛЕНИЕ И ВИДИМОСТЬ ЭЛЕМЕНТОВ .........................369
21.1. Представление элемента ..............................................................369
21.2. Упражнение. Упрощение панели навигации ..............................371
21.4. Видимость элемента ....................................................................373
УРОК 22. МЕСТОПОЛОЖЕНИЕ ЭЛЕМЕНТОВ .............................................375
22.1. Плавающие элементы ..................................................................375
22.2. Позиционируемые элементы ......................................................380
22.2.1. Создание позиционируемых элементов .....................380
22.2.2. Наложение позиционируемых элементов ..................388
22.3. Упражнение. Доработка видеокиоска .........................................389
22.4. Самостоятельное упражнение .....................................................394
УРОК 23. ФЛЕКС-РАЗМЕТКА .................................................................395
23.1. Создание флекс-разметки ...........................................................395
23.2. Направление выстраивания и перенос потомков
по строкам или столбцам ............................................................396
23.3. Выравнивание потомков .............................................................398
23.3.1. Выравнивание всей совокупности потомков
в родителе .....................................................................398
23.3.2. Выравнивание всех потомков внутри
совокупности ...............................................................402
23.3.3. Выравнивание отдельных потомков внутри
совокупности ...............................................................404
23.4. Управление растягиванием и сжатием потомков .......................406
23.5. Просветы между потомками .......................................................408
23.6. Порядок следования элементов ..................................................409
23.7. Упражнение. Кирпичная кладка, часть 1 ....................................409
23.8. Упражнение. Кирпичная кладка, часть 2 ....................................417
23.9. Самостоятельные упражнения ....................................................419
УРОК 24. СЕТОЧНАЯ РАЗМЕТКА ............................................................421
24.1. Создание сеточной разметки .......................................................421
24.2. Фиксированная сетка ..................................................................422
24.2.1. Описание фиксированной сетки ................................422
24.2.2. Позиционирование потомков в ячейках сетки ..........425
24.2.3. Параметры автоматического позиционирования
потомков ......................................................................433
24.2.4. Указание сразу всех параметров фиксированной
сетки ............................................................................434
24.3. Автоматическая сетка ..................................................................435
24.4. Указание сразу всех параметров фиксированной
и автоматической сетки ...............................................................436
24.5. Выравнивание элементов-потомков ...........................................438
24.5.1. Выравнивание всей совокупности потомков
внутри родителя ..........................................................438
24.5.2. Выравнивание всех потомков внутри ячеек сетки .....439
24.5.3. Выравнивание отдельных потомков внутри
ячеек сетки ...................................................................441
24.6. Просветы между потомками........................................................442
24.7. Упражнение. Современный рекламный проспект .....................442
24.8. Самостоятельные упражнения ....................................................451
УРОК 25. МАКЕТЫ ВЕБ-СТРАНИЦ ..........................................................453
25.1. Классические макеты ..................................................................453
25.2. Двухколоночный макет на основе плавающего элемента ..........454
25.3. Упражнение. Табличный макет ...................................................455
Теория ......................................................................................455
Практика .................................................................................456
25.4. Упражнение. Рамочный макет ....................................................460
Теория ......................................................................................460
Практика .................................................................................460
25.5. Самостоятельные упражнения ....................................................464
УРОК 26. ФОРМА ЭЛЕМЕНТОВ .............................................................465
26.1. Элементы со скругленными углами ............................................465
26.2. Элементы произвольной формы .................................................467
26.2.1. Описание фигур, задающих форму .............................467
26.2.2. Задание точки позиционирования фигуры ................478
26.3. Упражнение. Лоскутное одеяло ..................................................480
26.4. Форма обтекания элемента .........................................................488
26.5. Самостоятельное упражнение .....................................................491
УРОК 27. ФИЛЬТРЫ ............................................................................493
27.1. Наложение фильтров на элемент ................................................493
27.1.1. Описание фильтров .....................................................494
27.2. Наложение фильтров на область под элементом........................499
27.3. Самостоятельное упражнение .....................................................500
УРОК 28. ДВУХМЕРНЫЕ ПРЕОБРАЗОВАНИЯ ...........................................501
28.1. Создание двухмерных преобразований:
новый инструментарий ...............................................................502
28.2. Упражнение. Оживление панели навигации ..............................505
28.3. Создание двухмерных преобразований:
старый инструментарий ..............................................................505
28.3.1. Описание двухмерных преобразований ......................506
28.4. Упражнение. Оживление современного
рекламного проспекта .................................................................509
28.5. Самостоятельное упражнение .....................................................511
УРОК 29. ТРЕХМЕРНЫЕ ПРЕОБРАЗОВАНИЯ ...........................................513
29.1. Указание глубины перспективы и положения
наблюдателя .................................................................................513
29.2. Создание трехмерных преобразований:
новый инструментарий ...............................................................516
29.3. Создание трехмерных преобразований:
старый инструментарий ..............................................................518
29.4. Дополнительные настройки трехмерных преобразований ........520
29.5. Самостоятельное упражнение .....................................................522
УРОК 30. АНИМАЦИЯ ..........................................................................523
30.1. Анимация с двумя состояниями..................................................524
30.1.1. Создание анимации с двумя состояниями .................525
30.1.2. Дополнительные параметры анимации
с двумя состояниями ....................................................526
30.1.3. Обратная анимация .....................................................528
30.1.4. Сложная анимация с двумя состояниями ...................528
30.1.5. Указание сразу всех параметров анимации
с двумя состояниями ....................................................529
30.2. Упражнение. Анимирование гиперссылок в панели
навигации .....................................................................................530
30.3. Анимация с несколькими состояниями .....................................532
30.3.1. Описание набора состояний анимации ......................533
30.3.2. Создание анимации с несколькими состояниями .....534
30.3.3. Создание повторяющейся анимации ..........................535
30.3.4. Дополнительные параметры анимации
с несколькими состояниями .......................................536
30.3.5. Сложная анимация с несколькими состояниями ......539
30.3.6. Указание сразу всех параметров анимации
с несколькими состояниями........................................540
30.4. Упражнение. Анимирование шапки и подписей
у видеокиоска...............................................................................541
30.5. Анимация по фигуре ....................................................................544
30.5.1. Описание фигуры, задающей маршрут
для анимации ...............................................................545
30.5.2. Описание набора состояний для анимации
по фигуре ......................................................................547
30.5.3. Создание анимации по фигуре ....................................548
30.5.4. Дополнительные параметры анимации по фигуре ....548
30.6. Самостоятельное упражнение .....................................................550
ЧАСТЬ IV. ДОПОЛНИТЕЛЬНЫЕ ИНСТРУМЕНТЫ HTML И CSS ................551
УРОК 31. СОЗДАНИЕ АДАПТИВНЫХ ВЕБ-СТРАНИЦ И ИХ ЭЛЕМЕНТОВ ........553
31.1. Настройка области просмотра.....................................................553
31.2. Адаптация веб-страниц под параметры устройства.
Медиазапросы ..............................................................................555
31.2.1. Две разновидности медиазапросов .............................556
31.2.2. Запись наборов характеристик устройства .................557
31.3. Упражнение. Адаптация веб-сайта суши-бара ...........................565
31.4. Адаптация элементов веб-страниц под размеры
их родителей ................................................................................573
31.5. Упражнение. Адаптация фотогалереи «The Beatles» ...................577
31.6. Адаптивные изображения............................................................579
31.7. Создание печатной редакции веб-страницы ..............................580
31.7.1. Управление разбиением на страницы
при печати и количеством висячих строк ...................580
31.7.2. Управление содержанием печатаемой
веб-страницы ...............................................................582
31.7.3. Задание параметров печатных страниц ......................582
31.8. Самостоятельные упражнения ....................................................586
УРОК 32. ФРЕЙМЫ ...............................................................................587
32.1. Создание фреймов .......................................................................587
32.2. Открытие веб-страниц во фрейме по щелчкам
на гиперссылках...........................................................................589
УРОК 33. ПОЛЕЗНЫЕ МЕЛОЧИ ..............................................................591
33.1. Метаданные веб-страницы ..........................................................591
33.2. Привязка данных к веб-странице ...............................................592
33.2.1. Значок веб-сайта ..........................................................593
33.2.2. Предварительная загрузка данных ..............................594
33.3. Задание формы курсора мыши ....................................................595
33.4. Управление распределением системных ресурсов .....................596
33.5. Управление выделением ..............................................................598
33.6. Создание элементов с изменяемыми размерами........................598
33.7. Редактируемые элементы веб-страниц .......................................599
ЗАКЛЮЧЕНИЕ ....................................................................................601
ПРИЛОЖЕНИЯ ...................................................................................603
ПРИЛОЖЕНИЕ 1. ОДНОСТРАНИЧНЫЕ ВЕБ-САЙТЫ .................................605
П1.1. Упражнение. Одностраничный веб-сайт ...................................605
П1.2. Упражнение. Панель навигации для одностраничного
веб-сайта .....................................................................................611
П1.3. Самостоятельные упражнения ...................................................614
16 Оглавление
ПРИЛОЖЕНИЕ 2. В КОПИЛКУ ВЕБ-ВЕРСТАЛЬЩИКА .............................615
П2.1. Фотография в стиле Polaroid ......................................................615
П2.2. Фотогалерея в стиле Polaroid ......................................................617
П2.3. Круглая виньетка ........................................................................618
П2.4. Спойлер с анимацией .................................................................619
П2.5. Меню-гамбургер .........................................................................623
П2.6. Аккордеон ...................................................................................626
ПРИЛОЖЕНИЕ 3. HTML-ТЕГИ ...................................................................629
ПРИЛОЖЕНИЕ 4. ОПИСАНИЕ ФАЙЛОВОГО АРХИВА ....................................633
ПРЕДМЕТНЫЙ УКАЗАТЕЛЬ .......................................................................635