Основные HTML-теги. Основы HTML Парный тэг языка html термин

HTML(HyperText Markup Language) – это язык разметки гипертекста . Язык разметки используется для придания структуры интернет-странице, сайту. Язык разметки не несет в себе оформление, а выполняет задачи структурирования. Структура задается с помощью специальных элементов — меток, понятных браузеру. Эти метки называются тегами – от англ. слова tag - именованная метка.

Гипертекст – это документ, разметка которого выполнена с помощью языка HTML . Термин «гипертекст» изначально был введён Тедом Нельсоном для обозначения текста, «который разветвляется сам по себе или выполняет действие по запросу».

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

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

Document

Строка называется тегом. Вообще, все, что заключено в символы <> называется тегом. Данные символы — служебные в языке HTML. Теги бывают двух видов:

Парные — данные теги имеют открывающийся и закрывающийся тег. Закрывающийся тег содержит знак наклонной черты. Между данными тегами вписывается содержимое тега. Содержимым тега может быть как обычный текст, так и другие, вложенные теги. Примеры парных тегов:
Непарные — теги, которые не закрываются. Пример:

Теги можно писать большими и малыми буквами, поскольку HTML не различает написание. Закрывать парные теги нужно всегда!

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

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

— что же это за тег такой? Это версия HTML которая используется в данной странице. Подобным тегом принято начинать все HTML-документы. Это считается хорошим тоном. DOCTYPE указывает браузеру в какой версии HTML был написан документ, для того, что бы все браузеры (а их сейчас много) могли правильно обработать разметку и отобразить содержимое документа. Если этого не сделать, то браузер по умолчанию некорректно определит версию документа, в результате чего вся разметка может поехать и неправильно отображаться в разных браузерах. В данном случае DOCTYPE указывает на версию HTML5 .
— все содержимое страницы заключено между данными парными тегами, которые информируют браузер, что это HTML страница.
-служебная секция (заголовок), которая используется для подключения внешних файлов, и установок отвечающих за вид, вывод и работу данной страницы. Содержимое ее, чаще всего, не отображается на странице, кроме тега title. Тег title – содержит заголовок страницы, который отображается во вкладке.
— все что отображается на странице, пишется в теге body.

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

charset="UTF-8" — атрибут. Атрибутов может быть много. Атрибуты пишутся через пробел. В данном случае, с помощью тега meta HTML странице указывается кодировка UTF-8. Т.е. браузеру указывается кодировка данного документа, для правильного отображения содержимого страницы.

Атрибуты используются для расширения функционала тегов и позволяют модифицировать как способы отображения тегов на странице, так и их поведение. Не все теги используются для вывода информации, есть теги которые используются только для программирования поведения страницы, например с помощью JavaScript.

Вопросы для самоконтроля

Что такое гипертекст?
В чем состоит необходимость использования HTML?
Что такое кодировка страницы? Зачем она применяется? Где в браузере можно поменять кодировку?
Какие виды атрибутов вам известны?
Что такое теги? Чем они отличаются от атрибутов?
Какие теги обязательно должна содержать HTML страница?

Текст урока разработан совместно с Каменщик М.

Министерство образования Республики Беларусь

БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

Кафедра «Основы бизнеса»

Отчёт о выполнении лабораторной работы №1

«СТРУКТУРА ГИПЕРТЕКСТОВОГО ДОКУМЕНТА»

по дисциплине «Информационные технологии»

Выполнила: студентка гр.105032Бычко Е.В.

Принял:преподавательДашкевичН.В.

Лабораторная работа №1

СТРУКТУРА ГИПЕРТЕКСТОВОГО ДОКУМЕНТА

Цель работы: приобрести начальные навыки создания простейших Internet-документов; научиться выполнять форматирование созданных Web-страниц.

Выполнение работы

Задание 1.Создание файловой структуры

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

Рис. 1.1. Файловая структура

Задание 2. Создание HTML документа

Средствами приложения блокнот создайте HTMLдокумент, при просмотре которого в браузерах в строке заголовка окна отображается текст «Содержимое строки заголовка», в основной области – текст «Так выглядит документ HTML». На рисунке 2.1. представлен HTML документ.

Рис. 2.1. HTMLдокумент

Просмотр документа в браузере представлен на рисунке 2.2.

Рис. 2.2. Документ в браузере

Задание 3. Изменение HTMLдокумента

Необходимо изменить документ таки образом, чтобы при просмотре в браузере в строке заголовка отображался текст «Общий вид документа html», а в основной части документа – текст:

«Вот некоторые приемы работы,

которые мы освоим:

разбиение текста

выравнивание текста

создание заголовков

работа с таблицами.»

Структура HTML документа представлена на рисунке 3.1.

Рис. 3.1. HTMLдокумент

Просмотр документа в браузере (рис. 3.2).

Рис. 3.2. Документ в браузере

Контрольные вопросы

Что такое гипертекст?

Какова структура простейшего HTML-документа?

Структура самого простого HTML документа имеет следующий вид:

ЗАГОЛОВОКДОКУМЕНТА

ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ

Как задаётся начало текстового абзаца?

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

В чём заключается разметка гипертекста средствами HTML?

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

Чем непарные теги отличаются от парных?

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

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

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

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

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

Теги парные и одиночные

Основой языка HTML являются теги . Каждый элемент страницы обозначен тем или иным тегом.

Тег - это «метка», состоящая из буквы или нескольких букв, заключенных между символами «меньше чем» - "<" и «больше чем» - ">" . Теги бывают парные и непарные (одиночные) .

- парные теги . У таких тегов сначала идет открывающий тег - между символами "<" и ">" , сообщающий браузеру о начале своего действия в данном месте; затем закрывающий тег – между символами"" (то есть у закрывающего тега к символу «меньше чем» - "<" добавляется слэш / ), сообщающий браузеру о завершении своего действия.

Закрывающий тег не всегда является обязательным.

- одиночные теги не имеют закрывающего элемента.

Парный тег - открывает кавычки. Он имеет обязательный, закрывающий кавычки, тег .

Кавычки

Парный тег

Создает новый параграф. Он имеет закрывающий тег

, который не является обязательным!

Каждый следующий тег

Не только создает новый абзац, но и завершает предыдущий. Новый абзац будет отделен от предыдущего пустой строкой.

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

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

Например, атрибут align тега

Определяет выравнивание содержимого тега (текста ) по горизонтали.

Многие теги имеют несколько атрибутов, среди которых есть обязательные. Есть теги не имеющие атрибутов!

Первый абзац - его завершение не обозначено закрывающим тегом.

Второй абзац имеет закрывающий тег. Атрибут align задает выравнивание текста по центру в горизонтальной плоскости!

Первый абзац - его завершение не обозначено закрывающим тегом.

Одиночный тег

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

С помощью тега
установим перенос строки внутри текущего абзаца.

Редактор HTML

По сути веб страница - это обычный текстовый документ, поэтому для ее создания можно воспользоваться простым текстовым редактором, который является частью ОС Windows - Блокнотом .

Естественно, существует несколько визуальных редакторов для работы с HTML, лидером среди которых является Dreamweaver (Дримвивер ) - HTML-редактор от компании Adobe .

Но Dreamweaver и другие специализированные HTML-редакторы - это помощники, которые автоматизируют работу с кодом. И перед тем, как приступать к их помощи и начинать с ними работать, необходимо этот код знать. Поэтому первые шаги в изучении HTML и CSS (Cascading Style Sheets - каскадные таблицы стилей ) следует делать, используя Блокнот . При этом набирать код Вы будете вручную - с клавиатуры. А это как раз то что нужно для начинающих изучение языка HTML и технологии CSS.

В дальнейшем, естественно, необходимо переходить к специализированным HTML-редакторам.

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

Каждый элемент HTML представляет из себя тег, обрамленный <> скобками. Любой файл, страница html начинается с тега и заканчивается тегом .

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

Тег — означает начало html-документа, а — закрывающийся тег, означает конец html документа.

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

Моя первая страница HTML

Тег означает название заголовка окна при выводе этой страницы.<br> Сейчас вы можете создать новый текстовый документ в блокноте, скопировать текст, представленный выше и сохранить его как Страница1.html и запустить в браузере, вы увидите в заголовке окна браузера название страницы из <title>, и пустую страницу, т.к. мы в теле страницы в тегах <body> </body> ничего не выводим.</p> <p>Итак, текст приведенный выше будет для нас базовым каркасом любой веб-страницы.</p> <h4><b>Парные и непарные теги! </b></h4> <p><html></html>, <head></head>,<body></body> Вот это как раз парные теги – те теги, которые идут парой тег и его закрытие, закрывающий тег с символом /. Для парных тегов – значение содержащееся между началом тега и его окончанием – это и есть действие тега. Действие будет распространятся до тех пор, пока не будет найден тег с символом /.</p> <p>Непарные теги – у них нет закрывающего тега. Далее мы приведем примеры таких тегов.</p> <p><head></head> — Заголовок html страницы, куда включаются ключевые слова для поисковиков, различные скрипты, и т.д.</p> <p><body></body> — Непосредственно тело html-документа.</p> <p><br /> Непарный тег.</p> <p><b>Примечание: </b> В большинстве случаев сейчас при построении сайтов используют готовые подпрограммы, плагины и т.д. – для более быстрого создания сайтов, но для того, чтобы применять и использовать такие подпрограммы и шаблоны – всё же необходимо минимальное знание данных сессий.</p> <p><b>Тег </b> (<i>мн. теги, иногда тэг </i>) — это элемент языка HTML, с помощью которого выполняется разметка исходного текста веб-страницы. Теги представляют из себя сокращения или аббревиатуры английских слов заключенные в угловые скобки <>, например, тег <b><p> </b>…<b></p> </b> сокращение от английского слова <span><i>paragraph </i>, то есть текст заключенный в данный тег будет распознаваться браузерами, как параграф. </p> <p>Каждый тег в HTML имеет специальное значение и отвечает за вывод определенных данных. Регистр букв в названиях тегов не имеет значение, например, тег <b><p> </b>…<b></p> </b> и тег <b><P> </b>…<b><b></P> </b> </b> — это одно и то же. То есть теги можно записывать и строчными, и заглавными буквами. Раньше общепринятым было, все теги записывать заглавными буквами, чтобы теги отличались от обычного текста. Сейчас такой необходимости нет, так как многие редакторы имеют подсветку синтаксиса.</p> <h2>Классификация тегов</h2> <p>Всего тегов в HTML насчитывается более 90. Как правило, один тег воздействует только на часть документа, например, тег заголовка первого уровня <h1>…</h1>. В таких случаях используются парные теги: <i>открывающий </i> и <i>закрывающий </i>. Открывающий тег (например, <b><h1> </b>) создает эффект, а закрывающий (<b></h1> </b>) — прекращает его действие. Как видно из примера, закрывающий тэг всегда имеет вот такой символ (<b>/ </b>) — прямой слеш. Такие теги называют <i>парные </i>.</p> <p>Некоторые теги дают разовый эффект в месте своего появления. Например, тег горизонтальной полосы <HR> или тег отображения картинки <img>. Такие теги не имеют закрывающих тегов. Такие теги называют не парные.</p> <h3>Типы тегов</h3> <p>Кроме того теги подразделяют на несколько типов, которое различаются по выполняем функциям:</p> <ul><li>теги заголовка документа;</li> <li>блочные элементы;</li> <li>строчные элементы;</li> <li>универсальные элементы;</li> <li>списки;</li> <li>таблицы;</li> <li>фреймы.</li> </ul><p>Это разделение не строгое, поэтому некоторые теги находятся в разных группах. Например, тэги для создания списков <ol> и <ul> относятся и к спискам, и к блочным элементам.</p> <h2>Структура тегов</h2> <p>При загрузке в браузере сами теги не отображаются, но влияют на способ отображения своего содержимого. Если в написание тега допущена ошибка, он игнорируется целиком.</p> <p>Все теги имеют определенную структуру, которую необходимо соблюдать при написании. Кроме того, практически все теги имеют различные атрибуты, которые могут изменять способ отображения содержимого.</p> <p>Давайте посмотрим на правильную структуру тегов содержащих атрибуты:</p> <ol><li><b> <img src='/osnovnye-html-tegi-osnovy-html-parnyi-teg-yazyka-html-termin.html' loading=lazy> </b></li> <li><b><a href=»сайт»>Сам Себе Вебмастер</a> </b></li> </ol><p>Для примера я привел два совершенно разных тега. Первый <img> одинарный — отвечает за вывод изображений, атрибут — <b>src=»logo.jpg» </b>. Второй <a>…</a> парный отвечает за создание ссылок, атрибут — <b>href=»сайт» </b>.</p> <p><b>Вывод 1 </b>: Атрибуты могут иметь парные и непарные теги.</p> <p><b>Вывод 2 </b>: Атрибуты могут иметь только открывающие теги, закрывающие теги не имеют атрибутов.</p> <p>Картинка для разъяснения:</p> <p><img src='https://i1.wp.com/samsebewebmaster.ru/wp-content/uploads/2015/04/%D1%81%D1%82%D1%80%D1%83%D1%82%D1%83%D1%80%D0%B0-%D1%82%D0%B5%D0%B3%D0%B0-html.gif' width="100%" loading=lazy></p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <div class="td_block_wrap td_block_related_posts td_with_ajax_pagination td-pb-border-top td_block_template_5"> <div class="td_block_inner"> <div class="td-related-row"> <h3>Похожие материалы</h3> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="/kak-zarabotat-bez-privlecheniya-referalov-i-vlozheniya-deneg-mozhno-li.html" rel="bookmark" title="Можно ли зарабатывать на рефералах хорошие деньги: о размере дохода и способах привлечения рефералов В какие игры выгодно приглашать рефералов"><img width="218" height="150" class="entry-thumb" src="/uploads/85a45ca58c00031fdcf7989efde36b95.jpg" sizes="(max-width: 218px) 100vw, 218px" alt="Можно ли зарабатывать на рефералах хорошие деньги: о размере дохода и способах привлечения рефералов В какие игры выгодно приглашать рефералов" title="Можно ли зарабатывать на рефералах хорошие деньги: о размере дохода и способах привлечения рефералов В какие игры выгодно приглашать рефералов"/ loading=lazy></a></div> <a href="/category/services/" class="td-post-category">Сервисы</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/kak-zarabotat-bez-privlecheniya-referalov-i-vlozheniya-deneg-mozhno-li.html" rel="bookmark" title="Можно ли зарабатывать на рефералах хорошие деньги: о размере дохода и способах привлечения рефералов В какие игры выгодно приглашать рефералов">Можно ли зарабатывать на рефералах хорошие деньги: о размере дохода и способах привлечения рефералов В какие игры выгодно приглашать рефералов</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="/obnovlenie-ios-na-ipad-mini-do-poslednei-versii-kak-obnovit-ios-na-aifone-iphone.html" rel="bookmark" title="Как обновить IOS на Айфоне (iPhone): Простые и безопасные способы Как закачать обновление ios на айпад"><img width="218" height="150" class="entry-thumb" src="/uploads/2625f373036ece0995a6e87e14ef8d1a.jpg" sizes="(max-width: 218px) 100vw, 218px" alt="Как обновить IOS на Айфоне (iPhone): Простые и безопасные способы Как закачать обновление ios на айпад" title="Как обновить IOS на Айфоне (iPhone): Простые и безопасные способы Как закачать обновление ios на айпад"/ loading=lazy></a></div> <a href="/category/services/" class="td-post-category">Сервисы</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/obnovlenie-ios-na-ipad-mini-do-poslednei-versii-kak-obnovit-ios-na-aifone-iphone.html" rel="bookmark" title="Как обновить IOS на Айфоне (iPhone): Простые и безопасные способы Как закачать обновление ios на айпад">Как обновить IOS на Айфоне (iPhone): Простые и безопасные способы Как закачать обновление ios на айпад</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="/zarabotok-na-processinge-kak-zarabotat-dengi-na-kompyutere-sposoby-i.html" rel="bookmark" title="Как заработать деньги на компьютере: способы и рекомендации"><img width="218" height="150" class="entry-thumb" src="/uploads/45e07d8e2813edecda7d1464d6aa7c09.jpg" sizes="(max-width: 218px) 100vw, 218px" alt="Как заработать деньги на компьютере: способы и рекомендации" title="Как заработать деньги на компьютере: способы и рекомендации"/ loading=lazy></a></div> <a href="/category/services/" class="td-post-category">Сервисы</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/zarabotok-na-processinge-kak-zarabotat-dengi-na-kompyutere-sposoby-i.html" rel="bookmark" title="Как заработать деньги на компьютере: способы и рекомендации">Как заработать деньги на компьютере: способы и рекомендации</a></h3> </div> </div> </div> </div> </div> </div> </div> </div> <div class="td-pb-span4 td-main-sidebar"> <div class="td-ss-main-sidebar"> <div class="td_block_wrap td_block_21 td_block_widget td-pb-border-top td_block_template_5 td-column-1"> <div class="td-block-title-wrap"> <h4 class="td-block-title"><span class="td-pulldown-size">КУЛЬТУРА</span></h4> </div> <div id=td_uid_16_5a560a8c3550c class="td_block_inner"> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/opyt-ispolzovaniya-plansheta-samsung-galaxy-tab-s3-vstavka-karty-pamyati.html" rel="bookmark" title="Опыт использования планшета Samsung Galaxy Tab S3"><img width="150" height="150" class="entry-thumb" src="/uploads/73949f433fd8125492b79a742afe1e90.jpg" alt="Опыт использования планшета Samsung Galaxy Tab S3" title="Опыт использования планшета Samsung Galaxy Tab S3"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/opyt-ispolzovaniya-plansheta-samsung-galaxy-tab-s3-vstavka-karty-pamyati.html" rel="bookmark" title="Опыт использования планшета Samsung Galaxy Tab S3">Опыт использования планшета Samsung Galaxy Tab S3</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-24 03:59:48</time></span> </div> <div class="td-excerpt"> Несмотря на угасание рынка Android-планшетов, которое длится уже не первый год, на нем все ещё можно встретить новинки, выходящие из-под крыла крупных именитых производителей. Вместе с дорогим... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/uluchshenie-raboty-fonarika-ubiraem-nenuzhnye-rezhimy-v-fonare-faza-kak.html" rel="bookmark" title="Убираем ненужные режимы в фонаре Фаza Как отключить мигающие режимы в фонарике патриот"><img width="150" height="150" class="entry-thumb" src="/uploads/2986b7a07030a00d603164c36b8b2f13.jpg" alt="Убираем ненужные режимы в фонаре Фаza Как отключить мигающие режимы в фонарике патриот" title="Убираем ненужные режимы в фонаре Фаza Как отключить мигающие режимы в фонарике патриот"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/uluchshenie-raboty-fonarika-ubiraem-nenuzhnye-rezhimy-v-fonare-faza-kak.html" rel="bookmark" title="Убираем ненужные режимы в фонаре Фаza Как отключить мигающие режимы в фонарике патриот">Убираем ненужные режимы в фонаре Фаza Как отключить мигающие режимы в фонарике патриот</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-23 03:53:19</time></span> </div> <div class="td-excerpt"> Многие из наших клиентов, которым мы привезли «тактический фонарик» под заказ — нет, да нет, да и спрашивают, про полезность такой вещи, как функция стробоскопа (быстро воспроизводить повторяющиеся... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/kak-nastroit-vremya-na-telefone-lg-nastroika-pravilnyh-vremeni-i-daty-na-android.html" rel="bookmark" title="Настройка правильных времени и даты на Android"><img width="150" height="150" class="entry-thumb" src="/uploads/3769f1dad7ccda696834eaa063e6030b.jpg" alt="Настройка правильных времени и даты на Android" title="Настройка правильных времени и даты на Android"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/kak-nastroit-vremya-na-telefone-lg-nastroika-pravilnyh-vremeni-i-daty-na-android.html" rel="bookmark" title="Настройка правильных времени и даты на Android">Настройка правильных времени и даты на Android</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-21 03:55:55</time></span> </div> <div class="td-excerpt"> Если в устройство на базе андройд не вносилось никаких изменений, то дата и время будут устанавливаться автоматически , синхронизируясь с мобильным оператором. Эти настройки можно изменить, что мы... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/download-mode-ne-vklyuchaetsya-samsung-android-ne-zagruzhaetsya-v-rezhime-recovery-vosstanovlenie-s-pomo.html" rel="bookmark" title="Android не загружается в режиме Recovery"><img width="150" height="150" class="entry-thumb" src="/uploads/9dd52a343f83cacea70d071fd081fb77.jpg" alt="Android не загружается в режиме Recovery" title="Android не загружается в режиме Recovery"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/download-mode-ne-vklyuchaetsya-samsung-android-ne-zagruzhaetsya-v-rezhime-recovery-vosstanovlenie-s-pomo.html" rel="bookmark" title="Android не загружается в режиме Recovery">Android не загружается в режиме Recovery</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-20 03:58:10</time></span> </div> <div class="td-excerpt"> Можно пользоваться Android и никогда не заходить в Recovery Menu. Но если телефон не включается и не заходит в Рекавери, или вы хотели установить кастомную прошивку, то придется понять причины... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/goryachie-klavishi-dlya-vyklyucheniya-i-perezagruzki-mac-chto-delat.html" rel="bookmark" title="Что делать, если зависает макбук Проблемы с питанием"><img width="150" height="150" class="entry-thumb" src="/uploads/8af816829cec7639e2a65478c169e577.jpg" alt="Что делать, если зависает макбук Проблемы с питанием" title="Что делать, если зависает макбук Проблемы с питанием"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/goryachie-klavishi-dlya-vyklyucheniya-i-perezagruzki-mac-chto-delat.html" rel="bookmark" title="Что делать, если зависает макбук Проблемы с питанием">Что делать, если зависает макбук Проблемы с питанием</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-17 04:04:16</time></span> </div> <div class="td-excerpt"> Если ваш макбук «завис», не стоит пугаться и паниковать. Почти с каждым владельцем «яблочного» ноутбука хотя бы раз в жизни происходит подобная ситуация. Она проявляется тем, что софт не отвечает,... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/otformatirovat-zhestkii-disk-s-pomoshchyu-programmy-programmy.html" rel="bookmark" title="Программы для форматирования жесткого диска"><img width="150" height="150" class="entry-thumb" src="/uploads/7082a00df961a1047fdcec236d363cd9.jpg" alt="Программы для форматирования жесткого диска" title="Программы для форматирования жесткого диска"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/otformatirovat-zhestkii-disk-s-pomoshchyu-programmy-programmy.html" rel="bookmark" title="Программы для форматирования жесткого диска">Программы для форматирования жесткого диска</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-16 03:55:21</time></span> </div> <div class="td-excerpt"> Что такое программа для форматирования жесткого диска? В разных случаях это может быть мощнейший программный комплекс или маленькая утилита с парой функций. Помимо форматирования, такие программы... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/sistemnye-trebovaniya-ze-kryu-na-pk-skolko-vesit-igra-the-crew-na-pk-razmer-onlain.html" rel="bookmark" title="Сколько весит игра The Crew на ПК, размер онлайн игры и клиента Зе Крю"><img width="150" height="150" class="entry-thumb" src="/uploads/3fa33b1e037c9ebf6f3c637bb6ff7c24.jpg" alt="Сколько весит игра The Crew на ПК, размер онлайн игры и клиента Зе Крю" title="Сколько весит игра The Crew на ПК, размер онлайн игры и клиента Зе Крю"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/sistemnye-trebovaniya-ze-kryu-na-pk-skolko-vesit-igra-the-crew-na-pk-razmer-onlain.html" rel="bookmark" title="Сколько весит игра The Crew на ПК, размер онлайн игры и клиента Зе Крю">Сколько весит игра The Crew на ПК, размер онлайн игры и клиента Зе Крю</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-14 03:55:36</time></span> </div> <div class="td-excerpt"> Здесь Вы узнаете информацию по системным требованиям онлайн игры The Crew для персонального компьютера. Кратко и по делу получите информацию по Зе Крю и требованиям к PC, операционной системе (ОС /... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/kak-dobavit-razdely-i-pleilisty-na-kanale-youtube-kak.html" rel="bookmark" title="Как создавать плейлисты на ютубе Что такое плейлист в ютубе"><img width="150" height="150" class="entry-thumb" src="/uploads/0a3e65763a4be9861fa6445f902daccd.jpg" alt="Как создавать плейлисты на ютубе Что такое плейлист в ютубе" title="Как создавать плейлисты на ютубе Что такое плейлист в ютубе"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/kak-dobavit-razdely-i-pleilisty-na-kanale-youtube-kak.html" rel="bookmark" title="Как создавать плейлисты на ютубе Что такое плейлист в ютубе">Как создавать плейлисты на ютубе Что такое плейлист в ютубе</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-10 04:07:08</time></span> </div> <div class="td-excerpt"> Здравствуйте друзья! Как создавать плейлисты на ютубе важный вопрос не только для начинающих ютуберов, блоггеров, инфобизнесменов, но и для людей с опытом. Не секрет, что многие люди ведут свои... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/chto-takoe-skorost-ukazatelya-na-telefone-skrytaya-nastroika-vo-vseh.html" rel="bookmark" title="Скрытая настройка во всех Android-смартфонах ощутимо повышает скорость интернета"><img width="150" height="150" class="entry-thumb" src="/uploads/2c8664759baa1ac0a09a3cb7b9eee3fb.jpg" alt="Скрытая настройка во всех Android-смартфонах ощутимо повышает скорость интернета" title="Скрытая настройка во всех Android-смартфонах ощутимо повышает скорость интернета"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/chto-takoe-skorost-ukazatelya-na-telefone-skrytaya-nastroika-vo-vseh.html" rel="bookmark" title="Скрытая настройка во всех Android-смартфонах ощутимо повышает скорость интернета">Скрытая настройка во всех Android-смартфонах ощутимо повышает скорость интернета</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-09 03:58:38</time></span> </div> <div class="td-excerpt"> На первый взгляд Android может показаться крайне простой операционной системой, однако в нем (особенно в последних версиях) есть множество скрытых функций и настроек, которые могут... </div> </div> </div> <div class="td_module_16 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/printer-pechataet-s-sinimi-polosami-chto-delat-chto-delat-esli-lazernyi-printer.html" rel="bookmark" title="Что делать если лазерный принтер начал печатать с полосами"><img width="150" height="150" class="entry-thumb" src="/uploads/8c6ff5f7261ea98fbb99ace629446f3a.jpg" alt="Что делать если лазерный принтер начал печатать с полосами" title="Что делать если лазерный принтер начал печатать с полосами"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/printer-pechataet-s-sinimi-polosami-chto-delat-chto-delat-esli-lazernyi-printer.html" rel="bookmark" title="Что делать если лазерный принтер начал печатать с полосами">Что делать если лазерный принтер начал печатать с полосами</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-05 04:03:22</time></span> </div> <div class="td-excerpt"> Любой человек, который будет работать с принтером рано или поздно сталкивается с проблемой появления полос. То есть, при печати изображения получается картинка не такая, как на экране компьютера, а... </div> </div> </div> </div> </div> <div class="td-a-rec td-a-rec-id-custom_ad_2 "> <center> </center> </div> </div> </div> </div> </div> </div> </article> <div class="td-footer-wrapper td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span4"> <div class="td_block_wrap td_block_7 td_uid_48_5a560ac7f2e90_rand td-pb-border-top td_block_template_5 td-column-1 td_block_padding" data-td-block-uid="td_uid_48_5a560ac7f2e90" ><script>var block_td_uid_48_5a560ac7f2e90 = new tdBlock(); block_td_uid_48_5a560ac7f2e90.id = "td_uid_48_5a560ac7f2e90"; block_td_uid_48_5a560ac7f2e90.atts = '{ "limit":3,"sort":"featured","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"\u0412\u042b\u0411\u041e\u0420 \u0420\u0415\u0414\u0410\u041a\u0422\u041e\u0420\u0410","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":1,"td_ajax_preloading":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_48_5a560ac7f2e90_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_48_5a560ac7f2e90_rand","live_filter":"","live_filter_cur_post_id":"","live_filter_cur_post_author":"","block_template_id":""} '; block_td_uid_48_5a560ac7f2e90.td_column_number = "1"; block_td_uid_48_5a560ac7f2e90.block_type = "td_block_7"; block_td_uid_48_5a560ac7f2e90.post_count = "3"; block_td_uid_48_5a560ac7f2e90.found_posts = "10611"; block_td_uid_48_5a560ac7f2e90.header_color = ""; block_td_uid_48_5a560ac7f2e90.ajax_pagination_infinite_stop = ""; block_td_uid_48_5a560ac7f2e90.max_num_pages = "3537"; tdBlocksArray.push(block_td_uid_48_5a560ac7f2e90); </script><div class="td-block-title-wrap"><h4 class="td-block-title"><span class="td-pulldown-size">ВЫБОР РЕДАКТОРА</span></h4></div><div id=td_uid_48_5a560ac7f2e90 class="td_block_inner"> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/kak-kopirovat-kontakty-s-sim-karty-na-telefon-android-kak-s.html" rel="bookmark" title="Как с телефона на телефон перекинуть контакты: пошаговая инструкция и описание способов"><img width="100" height="70" class="entry-thumb" src="/uploads/ede7b8a4de39022a594a59107a55c2b8.jpg" sizes="(max-width: 100px) 100vw, 100px" alt="Как с телефона на телефон перекинуть контакты: пошаговая инструкция и описание способов" title="Как с телефона на телефон перекинуть контакты: пошаговая инструкция и описание способов"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/kak-kopirovat-kontakty-s-sim-karty-na-telefon-android-kak-s.html" rel="bookmark" title="Как с телефона на телефон перекинуть контакты: пошаговая инструкция и описание способов">Как с телефона на телефон перекинуть контакты: пошаговая инструкция и описание способов</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-03 04:05:10</time></span> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/sistemnye-utility-poleznye-sistemnye-utility-dlya-windows-programmy-nastroiki.html" rel="bookmark" title="Полезные системные утилиты для Windows Программы настройки операционной системы н приложений"><img width="100" height="70" class="entry-thumb" src="/uploads/1a53f92e4714136e99c442239173abb0.jpg" sizes="(max-width: 100px) 100vw, 100px" alt="Полезные системные утилиты для Windows Программы настройки операционной системы н приложений" title="Полезные системные утилиты для Windows Программы настройки операционной системы н приложений"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/sistemnye-utility-poleznye-sistemnye-utility-dlya-windows-programmy-nastroiki.html" rel="bookmark" title="Полезные системные утилиты для Windows Программы настройки операционной системы н приложений">Полезные системные утилиты для Windows Программы настройки операционной системы н приложений</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-02 03:59:42</time></span> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/budushchee-usb-razem-type-c-i-drugie-novshestva-usb-type-c-universalnyi-razem.html" rel="bookmark" title="USB Type-C: универсальный разъем для всего Usb type c питание"><img width="100" height="70" class="entry-thumb" src="/uploads/026f1b5b257fc70b1941bab359eb7471.jpg" sizes="(max-width: 100px) 100vw, 100px" alt="USB Type-C: универсальный разъем для всего Usb type c питание" title="USB Type-C: универсальный разъем для всего Usb type c питание"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/budushchee-usb-razem-type-c-i-drugie-novshestva-usb-type-c-universalnyi-razem.html" rel="bookmark" title="USB Type-C: универсальный разъем для всего Usb type c питание">USB Type-C: универсальный разъем для всего Usb type c питание</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-08-01 04:03:37</time></span> </div> </div> </div> </div> </div></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_7 td_uid_49_5a560ac8069d3_rand td-pb-border-top td_block_template_5 td-column-1 td_block_padding" data-td-block-uid="td_uid_49_5a560ac8069d3" ><script>var block_td_uid_49_5a560ac8069d3 = new tdBlock(); block_td_uid_49_5a560ac8069d3.id = "td_uid_49_5a560ac8069d3"; block_td_uid_49_5a560ac8069d3.atts = '{ "limit":3,"sort":"popular","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"\u041f\u041e\u041f\u0423\u041b\u042f\u0420\u041d\u042b\u0415 \u0421\u041e\u041e\u0411\u0429\u0415\u041d\u0418\u042f","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":1,"td_ajax_preloading":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_49_5a560ac8069d3_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_49_5a560ac8069d3_rand","live_filter":"","live_filter_cur_post_id":"","live_filter_cur_post_author":"","block_template_id":""} '; block_td_uid_49_5a560ac8069d3.td_column_number = "1"; block_td_uid_49_5a560ac8069d3.block_type = "td_block_7"; block_td_uid_49_5a560ac8069d3.post_count = "3"; block_td_uid_49_5a560ac8069d3.found_posts = "10611"; block_td_uid_49_5a560ac8069d3.header_color = ""; block_td_uid_49_5a560ac8069d3.ajax_pagination_infinite_stop = ""; block_td_uid_49_5a560ac8069d3.max_num_pages = "3537"; tdBlocksArray.push(block_td_uid_49_5a560ac8069d3); </script><div class="td-block-title-wrap"><h4 class="td-block-title"><span class="td-pulldown-size">ПОПУЛЯРНЫЕ МАТЕРИАЛЫ</span></h4></div><div id=td_uid_49_5a560ac8069d3 class="td_block_inner"> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/pereproshivka-telefona-v-domashnih-usloviyah-lenovo-proshivka-smartfona-lenovo-a526.html" rel="bookmark" title="Прошивка смартфона Lenovo A526"><img width="100" height="70" class="entry-thumb" src="/uploads/b97205521514cca21b066a76a599334e.jpg" sizes="(max-width: 100px) 100vw, 100px" alt="Прошивка смартфона Lenovo A526" title="Прошивка смартфона Lenovo A526"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/pereproshivka-telefona-v-domashnih-usloviyah-lenovo-proshivka-smartfona-lenovo-a526.html" rel="bookmark" title="Прошивка смартфона Lenovo A526">Прошивка смартфона Lenovo A526</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-07-31 03:57:17</time></span> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/ustanovit-rington-na-aifon-s-pomoshchyu-itunes-kak-postavit-rington-na-aifon-s.html" rel="bookmark" title="Как поставить рингтон на айфон с помощью iTunes?"><img width="100" height="70" class="entry-thumb" src="/uploads/8c42825bf1e8fd5a389e5d146f0e7084.jpg" sizes="(max-width: 100px) 100vw, 100px" alt="Как поставить рингтон на айфон с помощью iTunes?" title="Как поставить рингтон на айфон с помощью iTunes?"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/ustanovit-rington-na-aifon-s-pomoshchyu-itunes-kak-postavit-rington-na-aifon-s.html" rel="bookmark" title="Как поставить рингтон на айфон с помощью iTunes?">Как поставить рингтон на айфон с помощью iTunes?</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-07-30 04:01:38</time></span> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack"> <div class="td-module-thumb"><a href="/test-lg-g3-vremya-raboty-batarei-dostavlyaem-po-vsei-rossii-chto-eto-voobshche.html" rel="bookmark" title="Доставляем по всей россии Что это вообще значит"><img width="100" height="70" class="entry-thumb" src="/uploads/719e7b12a43072d0e9cb38047747509c.jpg" sizes="(max-width: 100px) 100vw, 100px" alt="Доставляем по всей россии Что это вообще значит" title="Доставляем по всей россии Что это вообще значит"/ loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="/test-lg-g3-vremya-raboty-batarei-dostavlyaem-po-vsei-rossii-chto-eto-voobshche.html" rel="bookmark" title="Доставляем по всей россии Что это вообще значит">Доставляем по всей россии Что это вообще значит</a></h3> <div class="td-module-meta-info"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="" >2024-07-29 04:03:15</time></span> </div> </div> </div> </div> </div></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_popular_categories td_uid_50_5a560ac820ded_rand widget widget_categories td-pb-border-top td_block_template_5" data-td-block-uid="td_uid_50_5a560ac820ded" ><h4 class="td-block-title"><span class="td-pulldown-size">КАТЕГОРИИ</span></h4><ul class="td-pb-padding-side"> <li><a href="/category/social-networks/">Социальные сети</a></li> <li><a href="/category/windows/">Windows</a></li> <li><a href="/category/browsers/">Браузеры</a></li> <li><a href="/category/malware/">Вредоносное ПО</a></li> <li><a href="/category/computer/">Компьютер</a></li> <li><a href="/category/programs/">Программы</a></li> <li><a href="/category/services/">Сервисы</a></li> <li><a href="/category/errors/">Ошибки</a></li> </ul></div> </div> </div> </div> <div class="td-footer-bottom-full"> </div> </div> <div class="td-sub-footer-container td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span td-sub-footer-menu"> </div> <div class="td-pb-span td-sub-footer-copy"> © Copyright 2024 Полезные советы для активных пользователей ПК. <a href="/feedback.html">Контакты с администратором сайта</a> </div> </div> </div> </div> </div> <script type='text/javascript' src='https://epicgrief.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://epicgrief.ru/wp-content/themes/Newspaper/js/tagdiv_theme.js?ver=7.8.1'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://epicgrief.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> <script> // if the theme has tdBackstr support, it means this already uses it if ('undefined' !== typeof window.tdBackstr) { (function() { // the site background td-backstretch jquery object is dynamically added in DOM, and after any translation effects are applied over td-backstretch var wrapper_image_jquery_obj = jQuery('<div class=\'backstretch\'></div>'); var image_jquery_obj = jQuery('<img class=\'td-backstretch not-parallax\' src=\'/wp-content/uploads/2017/08/полнолуние-2.jpg\' loading=lazy>'); wrapper_image_jquery_obj.append(image_jquery_obj); jQuery('body').prepend(wrapper_image_jquery_obj); var td_backstr_item = new tdBackstr.item(); td_backstr_item.wrapper_image_jquery_obj = wrapper_image_jquery_obj; td_backstr_item.image_jquery_obj = image_jquery_obj; tdBackstr.add_item(td_backstr_item); })(); } (function() { var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> </body> </html>