Author(s): Муссиано Ч., Кеннеди Б.
Year: 2008
Language: Russian
Pages: 746
Оглавление......Page 7
Предисловие......Page 11
Для кого эта книга......Page 12
Как устроена эта книга......Page 14
Версии и семантика......Page 15
HTML и XHTML......Page 16
Функциональные возможности, объявленные нежелател......Page 17
Использование фрагментов кода......Page 19
Обратная связь......Page 20
Благодарности......Page 21
1.1. Интернет......Page 22
1.1.1. В начале......Page 23
1.1.2. HTML и Сеть......Page 24
1.1.3. Золотая жила......Page 25
1.2. Основные понятия Интернета......Page 26
1.2.1. Клиенты, серверы и броузеры......Page 28
1.2.2. Информационные потоки......Page 29
1.2.4. Стандартизация HTML......Page 30
1.3. HTML и XHTML – что они собой представляют......Page 32
1.4.1. Форма или содержание?......Page 33
1.5.1. Нестандартные расширения......Page 34
1.5.3. Избегать расширений......Page 35
1.6.1. Основные орудия......Page 36
1.6.2. Расширенный инструментарий......Page 38
2.1. На чем писать......Page 39
2.2. Первый HTML-документ......Page 40
2.3.1. Открывающий и закрывающий теги......Page 42
2.5. Плоть HTML- и XHTML-документов......Page 43
2.5.3. Мультимедийные элементы......Page 44
2.6.1. Внешний вид текста......Page 45
2.6.2. Элементы структуры......Page 48
2.7.1. URL......Page 50
2.7.2. Якоря......Page 51
2.7.3. Имена гиперссылок и навигация......Page 52
2.7.4. Что не под силу якорю......Page 53
2.8.1. Встроенные изображения......Page 54
2.8.2. Карты......Page 56
2.9.1. Неупорядоченные, упорядоченные списки и сп......Page 57
2.9.2. Строка поиска......Page 58
2.10. Таблицы......Page 59
2.11. Фреймы......Page 60
2.12. Таблицы стилей и JavaScript......Page 61
2.13. Вперед!......Page 62
3.1. Внешность обманчива......Page 63
3.3. Теги и атрибуты......Page 65
3.3.1. Синтаксис тегов......Page 66
3.3.3. Открывающие и закрывающие теги......Page 67
3.3.5. Без закрывающих тегов......Page 68
3.3.7. Игнорируемые и лишние теги......Page 69
3.4. Корректные документы и XHTML......Page 70
3.5.1. Приказывать или советовать......Page 71
3.5.3. Комментарии......Page 72
3.6. Элементы HTML/XHTML-документа......Page 73
3.6.1. Тег ......Page 74
3.7.1. Тег ......Page 76
3.7.2. Тег
......Page 77<br>3.7.3. Теги, относящиеся к заголовку......Page 79<br>3.8.1. Тег <body>......Page 80<br>3.9. Редакторская разметка......Page 81<br>3.9.1. Теги <ins> и <del>......Page 82<br>3.10. Тег <bdo>......Page 84<br>4.1. Разделы и абзацы......Page 86<br>4.1.1. Тег <div>......Page 87<br>4.1.2. Тег <p>......Page 90<br>4.2.1. Теги заголовков......Page 95<br>4.2.3. Использование заголовков нижних уровней......Page 98<br>4.2.4. Допустимое содержимое заголовков......Page 99<br>4.2.6. Вставка изображений в заголовки......Page 100<br>4.3.1. Логическая разметка......Page 101<br>4.4.1. Тег <abbr>......Page 102<br>4.4.3. Тег <cite>......Page 103<br>4.4.5. Тег <dfn>......Page 104<br>4.4.6. Тег <em>......Page 105<br>4.4.9. Тег <strong>......Page 106<br>4.4.10. Тег <var>......Page 107<br>4.4.14. Сводка тегов логических стилей......Page 108<br>4.4.17. Комбинирование логических стилей......Page 109<br>4.5.2. Тег <big>......Page 110<br>4.5.6. Тег <small>......Page 111<br>4.5.10. Тег <tt>......Page 112<br>4.5.15. Сводка тегов физических стилей......Page 113<br>4.5.17. Допустимое употребление......Page 114<br>4.6.1. Тег <br>......Page 115<br>4.6.2. Тег <nobr> (расширение)......Page 119<br>4.6.3. Тег <wbr> (расширение)......Page 120<br>4.6.5. Тег <pre>......Page 122<br>4.6.6. Тег <center> (нежелателен)......Page 125<br>4.6.7. Тег <listing> (архаизм)......Page 126<br>4.6.8. Тег <xmp> (архаизм)......Page 127<br>4.7.1. Тег <blockquote>......Page 128<br>4.7.2. Тег <q>......Page 130<br>4.8.1. Тег <address>......Page 132<br>4.9.1. Специальные символы......Page 134<br>4.10. Использование расширенной HTML-модели шрифт......Page 135<br>4.10.2. Тег <basefont> (нежелателен)......Page 136<br>4.10.3. Тег <font> (нежелателен)......Page 138<br>5.1.1. Тег <hr>......Page 143<br>5.1.3. Горизонтальные линейки в начале и конце до......Page 150<br>5.2. Изображения в документе......Page 151<br>5.2.1. Форматы изображений......Page 152<br>5.2.2. Когда следует использовать изображения......Page 157<br>5.2.4. Ускорение загрузки изображений......Page 158<br>5.2.6. Тег <img>......Page 160<br>5.2.7. Видеорасширения......Page 178<br>5.3.1. Дополнения и расширения тега <body>......Page 181<br>5.3.2. Расширенное предостережение......Page 186<br>5.4.1. Тег <bgsound>......Page 189<br>5.5.1. Тег <marquee>......Page 191<br>5.6.1. Встраивать или ссылаться?......Page 195<br>5.6.3. Стиль ссылок......Page 196<br>5.6.4. Вложение документов других типов......Page 197<br>6.1. Основы гипертекста......Page 198<br>6.2. Ссылки на документы: URL......Page 199<br>6.2.1. Как записывается URL......Page 200<br>6.2.2. Абсолютные и относительные URL......Page 202<br>6.2.3. URL типа http......Page 204<br>6.2.4. URL типа file......Page 210<br>6.2.5. URL для mailto......Page 211<br>6.2.6. URL типа ftp......Page 213<br>6.2.8. URL для news......Page 215<br>6.2.10. URL для telnet......Page 217<br>6.2.11. URL типа gopher......Page 218<br>6.3.1. Тег <a>......Page 219<br>6.3.3. Гиперссылки внутри одного документа......Page 227<br>6.4. Эффективное применение гиперссылок......Page 228<br>6.4.1. Списки ссылок......Page 229<br>6.4.2. Встроенные ссылки......Page 230<br>6.4.3. Что нужно и чего нельзя делать с гиперссыл......Page 232<br>6.5. Изображения, реагирующие на мышь......Page 233<br>6.5.1. Серверные карты......Page 234<br>6.5.2. Клиентские карты......Page 236<br>6.5.3. Тег <map>......Page 237<br>6.5.4. Тег <area>......Page 238<br>6.5.5. Пример клиентской карты......Page 243<br>6.5.7. Эффективное использование карт......Page 244<br>6.6.1. Тег <isindex> (нежелателен)......Page 245<br>6.7.1. Элемент заголовка <base>......Page 249<br>6.7.2. Элемент заголовка <link>......Page 251<br>6.8.1. Элемент заголовка <meta>......Page 253<br>6.8.2. Элемент заголовка <nextid> (архаизм)......Page 256<br>7.1. Неупорядоченные списки......Page 257<br>7.1.1. Тег <ul>......Page 258<br>7.2.1. Тег <ol>......Page 261<br>7.3. Тег <li>......Page 264<br>7.3.1. Изменение стиля и порядкового номера отдел......Page 265<br>7.4.1. Вложенные неупорядоченные списки......Page 267<br>7.4.2. Вложенные упорядоченные списки......Page 268<br>7.5.1. Тег <dl>......Page 269<br>7.5.2. Тег <dt>......Page 271<br>7.5.3. Тег <dd>......Page 272<br>7.6. Как использовать списки......Page 273<br>7.7.1. Тег <dir> (нежелателен)......Page 274<br>7.8.1. Тег <menu> (нежелателен)......Page 275<br>Глава 8. Каскадные таблицы стилей......Page 277<br>8.1. Элементы стилей......Page 278<br>8.1.2. Таблицы стилей на уровне документа......Page 279<br>8.1.3. Броузеры без поддержки стилей......Page 281<br>8.1.4. Внешние таблицы стилей......Page 282<br>8.1.5. Стили для разных устройств вывода......Page 284<br>8.1.6. <link> или @import?......Page 285<br>8.1.7. Ограничения, связанные с современными броу......Page 286<br>8.1.9. Приоритеты стилей......Page 287<br>8.2.1. Основы......Page 288<br>8.2.2. Множественные селекторы......Page 289<br>8.2.3. Контекстные селекторы......Page 290<br>8.2.5. Селекторы атрибутов......Page 292<br>8.2.6. Псевдоэлементы......Page 293<br>8.3.1. Регулярные классы......Page 295<br>8.3.2. Родовые классы......Page 296<br>8.3.4. Псевдоклассы......Page 297<br>8.3.5. Составные классы......Page 300<br>8.4.1. Значения свойств......Page 301<br>8.4.2. Наследование свойств......Page 304<br>8.4.3. Свойства шрифтов......Page 305<br>8.4.4. Выбор и синтез шрифтов......Page 310<br>8.4.5. Свойства цвета и фона......Page 313<br>8.4.6. Свойства текста......Page 320<br>8.4.7. Свойства контейнеров......Page 327<br>8.4.8. Свойства списков......Page 340<br>8.4.9. Табличные свойства......Page 343<br>8.4.10. Классификационные свойства......Page 346<br>8.4.11. Свойства генерируемого содержимого......Page 347<br>8.4.12. Аудиосвойства......Page 354<br>8.4.13. Вывод на печать......Page 359<br>8.5. Бестеговые стили – тег <span>......Page 363<br>8.6.1. Использовать ли таблицы стилей?......Page 364<br>8.6.2. Какой тип таблиц стилей применять и когда......Page 365<br>Глава 9. Формы......Page 368<br>9.1. Формы – основные понятия......Page 369<br>9.2. Тег <form>......Page 370<br>9.2.2. Атрибут enctype......Page 371<br>9.2.4. Атрибут method......Page 374<br>9.2.5. Атрибут target......Page 376<br>9.2.7. Атрибуты class, style, lang и dir......Page 377<br>9.3. Простой пример формы......Page 378<br>9.4. Получение данных из форм при помощи электрон......Page 379<br>9.4.1. Проблемы, связанные с отправкой форм по эл......Page 381<br>9.5. Тег <input>......Page 382<br>9.5.1. Поля ввода текста......Page 383<br>9.5.2. Выключатели......Page 387<br>9.5.3. Переключатели......Page 389<br>9.5.4. Активные кнопки......Page 390<br>9.5.5. Скрытые поля......Page 393<br>9.6. Тег <button>......Page 394<br>9.6.2. Атрибут type......Page 395<br>9.7.1. Тег <textarea>......Page 396<br>9.8.1. Тег <select>......Page 398<br>9.8.2. Тег <option>......Page 400<br>9.8.3. Тег <optgroup>......Page 401<br>9.9. Атрибуты формы общего назначения......Page 402<br>9.9.3. Атрибуты class, style, lang и dir......Page 403<br>9.9.5. Атрибут accesskey......Page 404<br>9.9.6. Атрибуты disabled и readonly......Page 405<br>9.10. Группировка элементов формы и обеспечение и......Page 406<br>9.10.1. Тег <label>......Page 407<br>9.10.2. Формирование групп......Page 408<br>9.11.1. Ограниченность броузеров......Page 410<br>9.11.3. Соображения о пользовательском интерфейсе......Page 411<br>9.11.5. Улучшенный макет старой формы......Page 412<br>9.12. Программирование форм......Page 414<br>9.12.1. Возвращение результатов......Page 415<br>9.12.2. Обработка GET-форм......Page 416<br>9.12.3. Обработка POST-форм......Page 419<br>10.1. Стандартная модель таблиц......Page 421<br>10.1.2. Пример таблицы......Page 422<br>10.2.1. Тег <table>......Page 423<br>10.2.2. Стандартные атрибуты таблиц......Page 429<br>10.2.3. Тег <tr>......Page 431<br>10.2.4. Теги <th> и <td>......Page 435<br>10.2.5. Тег <caption>......Page 441<br>10.3. Новейшие теги таблицы......Page 442<br>10.3.2. Тег <thead>......Page 443<br>10.3.4. Тег <tbody>......Page 444<br>10.3.5. Использование фрагментов таблицы......Page 445<br>10.3.6. Определение групп столбцов......Page 448<br>10.3.7. Тег <colgroup>......Page 449<br>10.3.8. Тег <col>......Page 451<br>10.3.9. Использование групп столбцов......Page 452<br>10.4. За пределами обычных таблиц......Page 453<br>11.1. Обзор фреймов......Page 455<br>11.2. Теги фреймов......Page 456<br>11.2.1. Что следует размещать во фреймах?......Page 457<br>11.3.1. Тег <frameset>......Page 458<br>11.3.2. Вложение тегов <frameset>......Page 463<br>11.4.1. Тег <frame>......Page 464<br>11.5. Тег <noframes>......Page 467<br>11.6. Встроенные фреймы......Page 469<br>11.6.1. Тег <iframe>......Page 470<br>11.7. Окна и фреймы в качестве цели......Page 471<br>11.7.1. Атрибут target тега <a>......Page 472<br>11.7.2. Специальные значения атрибута target......Page 473<br>11.7.4. Традиционное поведение ссылок......Page 475<br>11.8. Модель XFrames......Page 476<br>11.8.1. XFrames-документ......Page 477<br>11.8.2. URL-адреса в модели XFrames......Page 478<br>Глава 12. Исполняемое содержимое......Page 479<br>12.1.1. Модель объектов......Page 480<br>12.2. Вложенное содержимое......Page 484<br>12.2.1. Тег <object>......Page 485<br>12.2.2. Тег <param>......Page 492<br>12.2.3. Тег <applet> (нежелателен)......Page 494<br>12.2.4. Тег <embed> (расширение)......Page 497<br>12.3. JavaScript......Page 501<br>12.3.1. Тег <script>......Page 502<br>12.3.2. Тег <noscript>......Page 504<br>12.3.3. JavaScript-обработчики событий......Page 505<br>12.3.4. javascript-URL......Page 508<br>12.3.6. Тег <server>......Page 509<br>12.4. Таблицы стилей JavaScript (устарели)......Page 510<br>12.4.1. Синтаксис таблиц стилей JavaScript......Page 511<br>12.4.2. Свойства таблиц стилей JavaScript......Page 515<br>13.1. Обзор динамических документов......Page 517<br>13.2. Client-pull-документы......Page 518<br>13.2.2. Значение поля Refresh......Page 519<br>13.2.3. Получение содержимого, отличного от HTML......Page 521<br>13.2.4. Комбинирование поля Refresh с другими пол......Page 522<br>13.2.5. Соображения об эффективности......Page 523<br>13.3.1. Тип передачи данных multipart/mixed......Page 524<br>13.3.2. Тип передачи данных multipart/x-mixed-rep......Page 525<br>13.3.4. Создание SP-документов......Page 526<br>14.1.1. Устройства......Page 529<br>14.1.2. Мобильный доступ к сети......Page 531<br>14.2.1. Ограничения броузера......Page 532<br>14.2.2. Ограничение способа ввода......Page 533<br>14.2.4. Ограничения дисплея......Page 534<br>14.3.1. Поддерживаемые теги......Page 535<br>14.3.2. Намерения и результат......Page 538<br>14.4.1. Изучите своего пользователя......Page 539<br>14.4.2. Ссылки и навигация......Page 540<br>14.4.3. Формы......Page 541<br>14.4.4. Компоновка и представление страницы......Page 542<br>14.4.5. Изображения......Page 544<br>14.4.6. Общие советы......Page 545<br>Глава 15. XML......Page 546<br>15.1. Языки и метаязыки......Page 547<br>15.1.1. Информация и ее отображение......Page 548<br>15.1.2. Немного истории......Page 549<br>15.2. Документы и DTD......Page 550<br>15.3. Как читать XML DTD......Page 551<br>15.3.2. Сущности......Page 552<br>15.3.3. Объявления сущностей......Page 553<br>15.3.4. Элементы......Page 555<br>15.4.1. Последовательность, выбор, группировка и ......Page 556<br>15.4.3. Грамматика элементов в XML......Page 558<br>15.4.4. Смешанное содержимое элементов......Page 559<br>15.5.1. Значения атрибутов......Page 561<br>15.5.2. Обязательные и принимаемые по умолчанию а......Page 562<br>15.6. Условные разделы......Page 564<br>15.7.1. DTD адреса XML......Page 565<br>15.8.1. Создание новых языков разметки......Page 566<br>15.8.2. Обмен документами......Page 567<br>15.8.3. Системы соединения......Page 568<br>15.8.4. Стандартизация HTML......Page 569<br>Глава 16. XHTML......Page 570<br>16.1. Зачем нужен XHTML?......Page 571<br>16.1.1. XHTML DTD......Page 572<br>16.2.1. Объявление типа документа......Page 573<br>16.2.2. Понятие пространства имен......Page 574<br>16.3. HTML и XHTML......Page 576<br>16.3.1. Корректно вложенные элементы......Page 577<br>16.3.3. Пустые элементы......Page 578<br>16.3.4. Зависимость от регистра......Page 579<br>16.3.6. Явное указание значений атрибутов......Page 580<br>16.3.8. Атрибуты id и name......Page 581<br>16.4.1. Нововведения в XHTML 1.1......Page 582<br>16.5. Использовать ли XHTML?......Page 583<br>16.5.3. Ленивые авторы и снисходительные броузеры......Page 584<br>16.5.4. Время, деньги и стандарты......Page 585<br>16.5.6. Что же делать?......Page 586<br>17.1.1. Дизайн с оглядкой на аудиторию......Page 587<br>17.1.2. Единообразие документов......Page 588<br>17.2.1. Во что превратился мой документ?......Page 589<br>17.2.2. Когда и зачем нужно редактировать работу ......Page 592<br>17.2.3. Используйте лучшее......Page 593<br>17.3.1. Страницы с несколькими столбцами......Page 594<br>17.3.2. Боковые заголовки......Page 597<br>17.3.3. Улучшенное макетирование форм......Page 598<br>17.4.1. Направление документа в окно......Page 600<br>17.4.2. Преодоление чужих нацеливаний......Page 601<br>17.4.3. Несколько фреймов в одной гиперссылке......Page 602<br>Принятые обозначения......Page 604<br>Пунктуация......Page 605<br>Первичные нетерминальные символы......Page 606<br>Грамматика......Page 607<br>Основные атрибуты......Page 615<br>Краткий справочник по HTML......Page 617<br>Приложение С. Краткий справочник по свойствам каскадных таблиц......Page 649<br>Приложение D. HTML 4.01 DTD......Page 660<br>Приложение E. Расширенные средства макетирования для Netscape......Page 679<br>Приложение F. Коды символов......Page 699<br>Названия цветов......Page 705<br>Стандартная палитра......Page 707<br>Выделение пустого пространства......Page 709<br>Тег <spacer> (устарел)......Page 710<br>Имитация тега <spacer>......Page 713<br>Вывод текста в несколько колонок......Page 714<br>Тег <multicol> (устарел)......Page 715<br>Вывод в несколько колонок другими броузерами......Page 719<br>Слои......Page 720<br>Тег <layer> (устарел)......Page 721<br>Тег <ilayer> (устарел)......Page 731<br>Алфавитный указатель......Page 733<br> </div>
</div>
<div class="tab-pane fade" id="women-tab-pane" role="tabpanel" aria-labelledby="women-tab" tabindex="0">
<div class="content__body">
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://ebookily.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a rel="nofollow" href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Section Start -->
<footer class="footer__section">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="footer__wrapper">
<div class="footer__widget d-block">
<div class="footer__logo">
<a href="/"><img src="/assets/images/logo/logo.png" alt="logo" /></a>
</div>
<p>Ebookily is a publicly available free scientific platform. Learning has never been so easy.</p>
<div class="footer__social">
<a rel="nofollow" href="https://www.facebook.com/ebookily"><i class="fa-brands fa-facebook"></i></a>
<a rel="nofollow" href="#"><i class="fa-brands fa-twitter"></i> </a>
<a rel="nofollow" href="#"><i class="fa-brands fa-linkedin"></i></a>
<a rel="nofollow" href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-12">
<div class="footer__wrapper">
<div class="footer__widget">
<div class="title">
<h5>My Account</h5>
</div>
<ul>
<li><a rel="nofollow" href="/about">About</a></li>
<li><a rel="nofollow" href="/dmca">DMCA & Copyright</a></li>
<li><a rel="nofollow" href="/terms">Terms</a></li>
<li><a rel="nofollow" href="/privacy">Privacy</a></li>
<li><a rel="nofollow" href="/contact">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-12">
<div class="footer__wrapper">
<div class="footer__widget">
<div class="title">
<h5>Infomation</h5>
</div>
<a title="DMCA.com Protection Status" rel="nofollow" target="_blank" href="https://www.dmca.com/site-report/ebookily.org"><img width="150" height="53" src="https://images.dmca.com/Badges/DMCA_logo-grn-btn150w.png?ID=145a9254-51e9-46c5-b021-51f04aba7b31" alt="DMCA.com Protection Status" title="DMCA.com Protection Status"></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-3 col-sm-12">
<div class="footer__wrapper">
<div class="footer__widget">
<div class="title">
<h5>Talk To Us</h5>
</div>
<div class="address">
<ul>
<li>
<a href="mailto:contact@ebookily.org"><i class="fa-solid fa-envelope"></i>contact@ebookily.org</a>
</li>
<li>
10 Brugstraat <br />
Zevenbergen <br />
Netherlands
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__bottom">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer__content text-center">
<div class="content">
<p>
© 2024 Copyright @ <a href="/">Ebookily.org</a>
</p>
</div>
<!--
<div class="footer__payment">
<img src="/assets/images/footer-pay.png" alt="footer-pay" />
</div>
<div class="link">
<a href="#"><i class="fa-brands fa-twitter"></i> </a>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
</div> -->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Section End -->
<!-- Header Flyout Menu Start -->
<div class="flyoutMenu">
<div class="flyout__flip">
<div class="flyout__inner">
<div class="menu__header-top">
<div class="brand__logo">
<a href="/"><img src="/assets/images/logo/logo.png" alt="logo" /></a>
</div>
<!-- Close -->
<div class="closest__btn action__btn">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6 6L18 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<!-- Close -->
</div>
</div>
<!-- Search Form -->
<form action="/search.php" method="get" class="search__form full__width">
<input type="search" class="form-control" name="q" placeholder="Search Books & documents" />
<button type="submit">
<img src="/assets/images/search.png" alt="search" />
</button>
</form>
<!-- Search Form -->
<div class="flyout__menu">
<ul class="flyout-main__menu">
<li>
<a href="/category/technique">Technique</a>
</li>
<li>
<a href="/category/history">History</a>
</li>
<li>
<a href="/category/mathematics">Math</a>
</li>
<li>
<a href="/category/linguistics">Linguistics</a>
</li>
<li>
<a href="/category/computers">Computers</a>
</li>
<li>
<a href="/category/other-social-sciences">Social Sciences</a>
</li>
<li>
<a href="/category/psychology">Psychology</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Header Flyout Menu End -->
<!-- JS -->
<script src="/assets/js/jquery-3.6.0.min.js"></script>
<!--<script src="/assets/js/popper.min.js"></script> -->
<script src="/assets/js/bootstrap.min.js"></script>
<!--<script src="/assets/js/jquery.fancybox.min.js"></script>-->
<!--<script src="/assets/js/jquery.plugin.min.js"></script>
<script src="/assets/js/jquery.countdown.min.js"></script>
<script src="/assets/js/counterup.min.js"></script>
<script src="/assets/js/jquery.waypoints.js"></script>
<script src="/assets/js/jquery.nice-select.js"></script>-->
<script src="/assets/js/swiper-bundle.min.js"></script>
<script src="/assets/js/scripts.js"></script>
</body>
</html>
