Надрядковий знак html. Html - це - як зробити текст у верхньому регістрі css

Перетворення малої літери на нижній регістр і перший верхній регістр за допомогою CSS (8)

У CSS немає опції кеп-пропозицій. Інші відповіді, що пропонують text-transform: capitalize , неправильні, оскільки цей параметр використовує кожне слово для кожного слова .

Ось грубийспосіб зробити це, якщо ви хочете, щоб перша літера кожного елемента булау верхньому регістрі, але це безумовно ніде поруч із фактичними обмеженнями:

P ( text-transform: lowercase; ) p:first-letter ( text-transform: uppercase; )

THIS IS AN EXAMPLE SENTENCE.

THIS IS ANOTHER EXAMPLE SENTENCE. AND THIS IS ANOTHER, BUT IT WILL BE ENTIRELY LOWERCASE.

Як перетворити літеру UPPERCASE у нижній регістр та першу літеру Uppercase для кожної пропозиції, як показано нижче, лише за допомогою CSS?

Від:ЦЕ ПРИКЛАД ДОДАТКА.

To:Це зразкова пропозиція.

Оновлення:коли використовую text-transform: capize; Результат все той же.

Ви не можете зробити це лише за допомогою CSS. Існує атрибут text-transform , але він приймає тільки none , capitalize uppercase , uppercase , lowercase та inherit .

Можливо, вам захочеться заглянути в рішення JS або серверне рішення.

Якщо ви можете зробити всі символи малими літерами на сервері, ніж ви можете застосувати:

Text-transform: capitalize

Я не думаю, що текстове перетворення буде працювати з великими літерами як введення.

Якщо ви хочете використовувати для це не спрацює, для або текстової області вам потрібно використовувати Javascript

який повинен добре працювати для або </p> <p>Добрий день. Іноді при створенні веб-сторінок необхідно задати за допомогою css верхній регістр або надрядкове положення. Погляньмо, як це робиться.</p> <h2>Верхній та нижній регістр за допомогою css</h2> <p>Загалом і сьогодні можна потрібний текст укласти в теги <sub> <sup>і отримати потрібне відображення, але давайте також подивимося, як це можна зробити за допомогою CSS, тому що техніка трохи відрізняється.</p> <p>Наприклад, треба написати формулу H 2 O у html-документі. Це робиться так:</p> <ul><li>Пишеться сама формула</li> <li>Ті слова та цифри, які потрібно вивести у верхньому або нижньому індексі укладають у тег span, якому потрібно прописати якийсь клас. Наприклад: <span class = “top-index”>символи, які потрібно вивести</span></li> <li>У css потрібно задати цей елемент: <p>Top-index( <br>Vertical-align: super; <br> }</p></li> </ul><p>Ця властивість відповідає за вертикальне вирівнювання тексту. Його значення super визначає, що текст виведеться у верхньому індексі. Але розмір шрифту залишився таким самим, як і у звичайного тексту. Щоб все виглядало красивіше, потрібно також встановити розмір шрифту трохи менше за допомогою властивості font-size .</p> <p>Ось так просто працює властивість. Відповідно, для виведення у нижньому індексі потрібно написати так:</p> <p>Top-index( <br>Vertical-align: sub; <br> }</p> <p>На відміну від аналогічних html-тегів у тому, що ці правила не змінюють розміру шрифту, тому якщо вам потрібно це зробити, то доведеться прописати новий розмір у таблиці стилів.</p> <p>Це все, що вам потрібно знати про верхній та нижній індекс у css. Жодних додаткових можливостей властивість не дає, та й вони не потрібні. За бажання ви можете якось особливо оформити цей текст, але це рідко буває необхідно.</p> <h2>Де може стати в нагоді</h2> <p>Надрядковий та підрядковий текст може застосовуватися під час написання формул, додавання приміток та позначок до статей. Наприклад, на Вікіпедії до кожної статті наводяться джерела та примітки. Під час статті вони розставляються у вигляді невеликих надрядкових позначок. Це не дратує читачів і водночас дозволяє надати статтям потрібного вигляду.</p> <p>Властивість повністю кросбраузерна і підтримується у всіх версіях CSS.</p> <p>Індексом по відношенню до тексту називається зсув символів щодо базової лінії вгору або вниз. Залежно від позитивного або негативного значення зміщення індекс називається, відповідно, верхнім або нижнім. Вони активно застосовуються в математиці, фізиці, хімії та для позначення одиниць виміру. HTML пропонує два елементи для створення індексу: <sup>(від англ. superscript) - верхній індекс та <sub>(Від англ. Subscript) - нижній індекс. Текст, поміщений в один із цих контейнерів, позначається меншим розміром, ніж базовий текст, і зміщується щодо нього вгору або вниз. У прикладі 1 наведено спільне використання зазначених елементів та стилів для зміни вигляду тексту.</p><p>Приклад 1. Створення верхнього та нижнього індексу</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Верхній та нижній індекс</title> <style> .formula { font-size: 1.4em; /* Размер текста формулы */ } sup, sub { font-style: italic; /* Курсивное начертание */ color: red; /* Красный цвет символов */ } sub { color: blue; /* Синий цвет символов */ } </style> </head> <body> <p>Характеристичне рівняння поверхні другого ступеня</p> <p class="formula">λ ³- I ₁λ ²+ I ₂λ - I ₃ = 0</p> </body> </html> </p><p>У прикладі одночасно зустрічається як нижній, і верхній індекс. Для зміни зображення шрифту індексу застосовуються стилі, які задають єдине оформлення (рис. 1).</p><p>Рис. 1. Вид індексів після застосування стилів</p><p>Можна взагалі відмовитись від використання <sup>і <sub>на користь стилів. Аналогом цих елементів є властивість vertical-align , що змушує текст зміщуватися по вертикалі на задану відстань. Зокрема, у прикладі 2 як значення застосовується 0.8em для верхнього індексу та -0.5em для нижнього. Em - це відносна одиниця, що дорівнює розміру поточного шрифту. Наприклад, 0.5em свідчить, що текст треба зрушити на половину розміру шрифту.</p><p>Приклад 2. Використання стилів для керування індексами</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Верхній та нижній індекс</title> <style> .formula { font-size: 1.6em; /* Размер текста */ font-style: italic; /* Курсивное начертание */ } .sup, .sub { font-style: normal; /* Нормальное начертание */ font-size: 0.6em; /* Размер индекса */ color: red; /* Цвет верхнего индекса */ vertical-align: 0.8em; /* Сдвигаем текст вверх */ } .sub { color: blue; /* Цвет нижнего индекса */ vertical-align: -0.5em; /* Сдвигаем текст вниз */ } </style> </head> <body> <p>Багаточлен ступеня <em>n</em></p> <p class="formula">f(x) = a <span class="sub">0</span>+ a <span class="sub">1</span> x + ... + a <span class="sub">n-1</span> x <span class="sup">n-1</span>+ a <span class="sub">n</span> x <span class="sup">n</p> </body> </html> </p><p>У прикладі сама формула виводиться збільшеним розміром, символи верхнього індексу встановлюються червоним, а нижні - синім (рис. 2).</p> <p>Ось уже кілька уроків ми викривляємося з форматуванням тексту за допомогою CSS, а цього разу ми вчимося змінювати регістр тексту. У цьому плані каскадні таблиці стилів відкривають маємо дуже широкі можливості, і якщо бути точніше, ми можемо:</p> <ul><li>Відобразити весь текст великими літерами;</li> <li>Виділити весь текст малими літерами;</li> <li>Зробити те щоб перша літера кожного слова почалася з верхнього регістру.</li> </ul><p>"Це все, звичайно, добре, але коли це може знадобитися?" - Запитайте ви. Уявімо таку ситуацію, коли вам потрібно відобразити всі пункти меню великими літерами. Для цього не обов'язково набирати їх, включаючи клавішу CapsLock, або тримаючи кнопку Shift. Досить встановити всі пункти списку відображення у верхньому регістрі, створивши відповідне правило в CSS файлі. І це лише одна з багатьох можливих ситуацій.</p> <h2>Властивість text-transform</h2> <p>Керувати регістром тексту ми за допомогою якості text-transform. У неї є 4 основні значення - uppercase (великі літери), lowercase (малі літери), capitalize (верхній регістр у кожної першої літери слова, інші значення не змінюються), none (не застосовується форматування). На перший погляд, вам усе це може здатися дуже складним.</p> <br><img src='https://i1.wp.com/site4business.net/wp-content/uploads/2015/11/neznakomoe-CSS-svojstvo.jpg' width="100%" loading=lazy loading=lazy>Головне - не панікувати. <p>Але на практиці все досить просто, у чому ви зараз і переконаєтесь. Головне – це підібрати правильний селектор, адже значення якості text-transform успадковуються.</p> <h3>Виділяємо великими літерами</h3> <p>Насамперед я пропоную задати всьому тексту великі літери, для чого ми створюємо наступне CSS правило:</p><p>Body (text-transform: uppercase; )</p><p>У принципі нічого складного, ми лише використовували значення uppercase. Як то кажуть, все інтуїтивно зрозуміло. Ось як це виглядає у житті:</p> <br><img src='https://i0.wp.com/site4business.net/wp-content/uploads/2015/11/uppercase.jpg' width="100%" loading=lazy loading=lazy>Все з великої літери... <h3>Нижній регістр - застосувати для всіх</h3> <p>Наступним кроком давайте повсюдно застосуємо малі літери, для чого пишемо наступне:</p><p>Body (text-transform: lowercase; )</p><p>Як ви вже напевно здогадалися, два значення, з якими ми щойно познайомилися, є певною мірою антонімами. А на ілюстрації нижче ви можете бачити результат щойно створеної властивості.</p> <br><img src='https://i1.wp.com/site4business.net/wp-content/uploads/2015/11/lowercase.jpg' width="100%" loading=lazy loading=lazy>Веб-сторінка у включеному lowercase <h3>Виділяємо першу літеру кожного слова верхнім регістром</h3> <p>Для цього нам достатньо скористатися відповідним значенням:</p><p>Body (text-transform: capitalize; )</p><p>Не знаю, наскільки часто ви будете використовувати таке CSS правило, проте знати про подібну можливість вам не завадить, особливо при вирішенні нетривіальних завдань. Результат видно на зображенні нижче.</p> <br><img src='https://i0.wp.com/site4business.net/wp-content/uploads/2015/11/capitalize.jpg' width="100%" loading=lazy loading=lazy>Текст після застосування capitalize <p>І нарешті, давайте коротко зупинимося на останньому значенні - none. Як я вже казав, він може застосовуватися для скасування наслідування батьків. Наприклад, уявимо, що у нас діють усі попередні правила, а для абзаців нам варто їх скасувати, для цього ми пишемо наступне:</p><p>P (text-transform: none;)</p><p>Смію припустити, що вам все зрозуміло, якщо ні - ставте свої питання в коментарях. А на цьому маю все. Сподіваюся, цей урок з CSS був для вас корисним. Якщо це так:</p> <ul><li>Зробіть репост цієї статті у соціальних мережах, щоб більше людей отримали від неї користь;</li> <li>Підписуйтесь на мою розсилку, щоб не пропустити корисні та цікаві публікації на блозі.</li> </ul><p>На цьому я з вами не прощаюсь. Дякуємо за увагу та до зустрічі у наступних публікаціях!</p> <p>У минулому відео уроці ми навчилися видаляти та додавати нову інформацію в нову версію HTML-документу, при цьому повідомляючи про це пошукові системи та виділяючи візуально, щоб відвідувачі також могли бачити зміни. Для цього, ми використовували теги del і ins .</p> <p>У цьому відео уроці ми продовжуємо тему форматування тексту HTML-документі. Ми познайомимося з двома HTML-тегами, які вказують верхній та нижній індекс тексту.</p> <h2>HTML-тег sup — верхній індекс тексту HTML.</h2> <p>HTML-тег <sup>призначений для вказівки верхнього індексу тексту HTML. У деяких тематиках сайтів цей тег буде просто незамінним. Наприклад, якщо у Вас є або планується сайт пов'язаний з будь-якими формулами, математичними або хімічними. Або, якщо є сайт будівельної тематики, то тег <sup>буде дуже корисним і допоможе при оформленні статей, при написанні формул або будь-яких величин, наприклад, квадратних метрів у будівельній тематиці.</p> <p>Але якщо Ваш сайт не відноситься до перерахованих тем, це не означає, що тег <sup>не знадобиться. Достатньо проявити фантазію та кмітливість і знайти застосування цього елементу.</p> <h3>HTML-тег sub - нижній індекс тексту HTML.</h3> <p>Що стосується HTML-тегу <sub>, то він є протилежністю тегу <sup>і відповідає за вказівку нижнього індексу тексту. Нижній індекс тексту може бути використаний при написанні формул або математичних рівнянь. Але крім цього, можливо, Ви зможете знайти й інше застосування тегу <sub> .</p> <p><span class="WzqmRq9IauU"></span></p> <p>Наступний Відео Урок присвячений ще двом тегам, які в деяких ситуаціях можуть бути просто незамінними. Причому вони здатні не лише форматувати текст, наприклад, у статті, а й за умови вказівки різної інформації на сайті під час верстки сторінок. Один із тегів здійснює перенесення в HTML, а другий малює горизонтальну лінію.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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 loading=lazy>");</script> </div> <footer class="entry-footer"> </footer> </article> <nav class="navigation post-navigation" role="navigation"> <h2 class="screen-reader-text">Схожі записи</h2> <div class="nav-links"> <div class="nav-previous"><a href="/laptops/nadstrochnyi-znak-html-html---eto---kak-sdelat-tekst-v-verhnem/" rel="prev">Html - це - як зробити текст у верхньому регістрі css</a></div> <div class="nav-previous"><a href="/inhibits/nastroit-fon-s-pomoshchyu-css-background-v-css-color-position-image-repeat-attachment-vse-dlya/" rel="prev">Background у CSS (color, position, image, repeat, attachment) - все для завдання кольору фону або фонової картинки Html елементів</a></div> <div class="nav-previous"><a href="/browsers/push-javascript-primery-massivy-v-javascript-metody-push-i-pop/" rel="prev">Push javascript приклади. Масиви у JavaScript. Методи push() та pop()</a></div> <div class="nav-previous"><a href="/tablets/kak-vyglyadit-kursiv-html5-starye-tegi-novogo-naznacheniya-blok/" rel="prev">HTML5: старі теги нового призначення</a></div> <div class="nav-previous"><a href="/printers/html-tekst-razmer-shrifta-formatirovanie-teksta-osnovnye-html-tegi/" rel="prev">Основні HTML теги форматування тексту - виділення тексту жирним та курсивом; параметри розміру, кольору та шрифту; абзац та теги заголовків Нова семантика та старий доктайп</a></div> </div> </nav> <div class="wpdiscuz_top_clearing"></div> <div id="wpdiscuz-loading-bar" class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"></div> <div class="row"> <div class="col-12"> <div class="sample-posts"> <div class="big-slider js-big-slider-3"> </div> </div> </div> </div> </main> </div> <div class="col-md-4 col-lg-3 widget-area d-flex flex-column" id="right-single-sidebar" role="complementary"> <div class="fix-sidebar-wrap f-grow-1"> <div class="fix-sidebar"> <div class="sidebar-scroll"> <aside id="category-posts-8" class="widget cat-post-widget"> <h3 class="widget-title section-title"><span>Головне за сьогодні</span></h3> <ul id="category-posts-8-internal" class="category-posts-internal"> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/browsers/kak-dobavit-liniyu-v-html-kak-sozdat-raznye-varianty-gorizontalnoi/" title="Як створити різні варіанти горизонтальної лінії в HTML"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/9a6e230c8cfd0833860a02a272a06389.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Як створити різні варіанти горизонтальної лінії в HTML" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/browsers/kak-dobavit-liniyu-v-html-kak-sozdat-raznye-varianty-gorizontalnoi/" rel="bookmark">Як створити різні варіанти горизонтальної лінії в HTML</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/printers/eshche-odin-blog-veb-razrabotchika-manipulyacii-s-dom-na-chistom-javascript-chto-takoe-dom/" title="Маніпуляції з DOM на чистому JavaScript Що таке dom html"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/66275a083b40b7c1231aaa738a6a0c03.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Маніпуляції з DOM на чистому JavaScript Що таке dom html" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/printers/eshche-odin-blog-veb-razrabotchika-manipulyacii-s-dom-na-chistom-javascript-chto-takoe-dom/" rel="bookmark">Маніпуляції з DOM на чистому JavaScript Що таке dom html</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/tablets/rabota-s-dom-modelyu-vvedenie-dom-stranicy/" title="Робота із DOM-моделлю. Введення Dom сторінки"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/66275a083b40b7c1231aaa738a6a0c03.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Робота із DOM-моделлю. Введення Dom сторінки" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/tablets/rabota-s-dom-modelyu-vvedenie-dom-stranicy/" rel="bookmark">Робота із DOM-моделлю. Введення Dom сторінки</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/data-recovery/js-poluchit-tekushchee-vremya-javascript-poluchit-tekushchee-vremya-i-datu-izvlechenie-daty/" title="JavaScript Отримати поточний час та дату"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/7fc9f2c85856c53e6144be4299ccc2da.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="JavaScript Отримати поточний час та дату" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/data-recovery/js-poluchit-tekushchee-vremya-javascript-poluchit-tekushchee-vremya-i-datu-izvlechenie-daty/" rel="bookmark">JavaScript Отримати поточний час та дату</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/network-security/jquery-if-else-primery-uslovnye-operatory-operatory-vyhoda-iz-cikla-break-i-continue-v/" title="Jquery if else приклади. Умовні оператори. Оператори виходу з циклу break і continue у JavaScript. Оператор Exit"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/e07463016521c25b886ca695aa67abd7.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Jquery if else приклади. Умовні оператори. Оператори виходу з циклу break і continue у JavaScript. Оператор Exit" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/network-security/jquery-if-else-primery-uslovnye-operatory-operatory-vyhoda-iz-cikla-break-i-continue-v/" rel="bookmark">Jquery if else приклади. Умовні оператори. Оператори виходу з циклу break і continue у JavaScript. Оператор Exit</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/internet-connection/html-otstupy-mezhdu-yacheikami-cvet-fona-yacheek/" title="Html відступи між осередками"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/550736b1abd9114d97c1338c7548366a.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Html відступи між осередками" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/internet-connection/html-otstupy-mezhdu-yacheikami-cvet-fona-yacheek/" rel="bookmark">Html відступи між осередками</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/operating-systems-os/table-otstupy-mezhdu-yacheikami-ustarevshii-sposob-zadat-vneshnie/" title="Застарілий спосіб задати зовнішні відступи осередкам"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/ca82a258d7ba93c49f688bb3b9c78bc3.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Застарілий спосіб задати зовнішні відступи осередкам" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/operating-systems-os/table-otstupy-mezhdu-yacheikami-ustarevshii-sposob-zadat-vneshnie/" rel="bookmark">Застарілий спосіб задати зовнішні відступи осередкам</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/hangs/dorabotka-blokov-pitaniya-kompyuterov-moshchnyi-blok-pitaniya-putem-modernizacii/" title="Потужний блок живлення шляхом модернізації блоків меншої потужності Блок живлення комп'ютера"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/41aeffdddb56d7449b02372ab0e1b3e7.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Потужний блок живлення шляхом модернізації блоків меншої потужності Блок живлення комп'ютера" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/hangs/dorabotka-blokov-pitaniya-kompyuterov-moshchnyi-blok-pitaniya-putem-modernizacii/" rel="bookmark">Потужний блок живлення шляхом модернізації блоків меншої потужності Блок живлення комп'ютера</a> <p class="post-date">2022-04-16 04:16:58</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/failure/kak-perezagruzit-vatsap-na-telefone-nokia-lyumiya-kak-obnovit-whatsapp/" title="Як оновити WhatsApp на Android телефоні покрокова інструкція"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/70ade3169b033132e3fbfbb3a2f1a18d.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Як оновити WhatsApp на Android телефоні покрокова інструкція" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/failure/kak-perezagruzit-vatsap-na-telefone-nokia-lyumiya-kak-obnovit-whatsapp/" rel="bookmark">Як оновити WhatsApp на Android телефоні покрокова інструкція</a> <p class="post-date">2022-04-06 19:53:22</p> </li> <li class='cat-post-item'><a class="cat-post-thumbnail cat-post-none" href="/assembly/obzor-sony-xperia-z2-tablet-pravilnyi-yaponskii-planshet-obzor-sony-xperia-z2-tablet-pravilnyi/" title="Sony Xperia Z2 Tablet: правильний японський планшет Соні іксперія таблетка z2 характеристики"><span class="cat-post-crop" style="width:330px;height:155px;"><img style="margin-top:-11.4453125px;height:177.890625px;clip:rect(auto,341.4453125px,auto,11.4453125px);width:auto;max-width:initial;" width='330' height='177.890625' src="/uploads/4a8b64dfc274c032ba0a3465f229d740.jpg" class="attachment-330x155 size-330x155 wp-post-image" alt="Sony Xperia Z2 Tablet: правильний японський планшет Соні іксперія таблетка z2 характеристики" sizes="(max-width: 330px) 100vw, 330px" / loading=lazy loading=lazy></span></a> <a class="post-title" href="/assembly/obzor-sony-xperia-z2-tablet-pravilnyi-yaponskii-planshet-obzor-sony-xperia-z2-tablet-pravilnyi/" rel="bookmark">Sony Xperia Z2 Tablet: правильний японський планшет Соні іксперія таблетка z2 характеристики</a> <p class="post-date">2022-04-06 19:53:22</p> </li> </ul> </aside> <aside id="custom_html-3" class="widget_text widget widget_custom_html"> <div class="textwidget custom-html-widget"> <div id="wabape1" style="height:500px;width:280px;" align="center"></div> </div> </aside> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper" id="wrapper-footer"> <div class="container"> <div class="row"> <div class="col-12 p-0"> <div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar"> <a class="skip-link screen-reader-text sr-only" href="#content">Перейти до змісту</a> <nav class="navbar navbar-light navbar-expand-lg p-0"> <div class="container navbar-bottom-line search-wrap js-search-wrap"> <div class="nav-search-content d-flex justify-content-between align-items-center js-search-content"> <div class="search-open"> <i class="fa fa-search"></i> </div> <div class="nav-search-form f-grow-1 px-4"> <form method="get" id="" action="/" role="search"> <div class="input-group"> <input class="field form-control" id="s" name="s" type="text" placeholder="Пошук"> <span class="input-group-btn"> <input class="submit text-uppercase btn btn-primary" id="" name="submit" type="submit" value="Пошук"> </span> </div> </form> </div> <div class="search-open js-search-btn"> <i class="fa fa-times"></i> </div> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdownАщщеук" aria-controls="navbarNavDropdownАщщеук" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="hidden-lg-up search-open js-search-btn"> <i class="fa fa-search"></i> </div> <div id="navbarNavDropdownАщщеук" class="collapse navbar-collapse text-uppercase"> <ul id="main-menu" class="navbar-nav"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Технології" href="/category/technology/" class="nav-link">Технології</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Жорсткі диски" href="/category/hard-drives/" class="nav-link">Жорсткі диски</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Ноутбуки" href="/category/laptops/" class="nav-link">Ноутбуки</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Телевізори" href="/category/tv/" class="nav-link">Телевізори</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-"><a title="Встановлення програм" href="/category/software-installation/" class="nav-link">Встановлення програм</a></li> </ul> </div> <div class="hidden-md-down search-open js-search-btn"> <i class="fa fa-search"></i> </div> </div> </nav> </div> </div> </div> <div class="row"> <div class="col-md-12"> <footer class="site-footer" id="colophon"> <div class="site-info"> </div> <div class="d-flex justify-content-center"> <div class="" style="padding: 30px 0"> <a href="/" class="navbar-brand custom-logo-link" rel="home" itemprop="url"><img src="/images/logo.png" class="img-fluid" alt="" itemprop="logo" / loading=lazy loading=lazy></a> </div> </div> </footer> </div> </div> <div class="row"> <ul id="menu-futer-sajt-info" class="col-12 site-info-menu"> <li class="menu-item type-custom object-custom "><a>© 2022 virtuapc.ru</a></li> <li class="menu-item type-post_type object-page "><a href="">Реклама на сайті</a></li> <li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайту</a></li> <li class="menu-item type-post_type object-page "><a href="">Контакти</a></li> <li class="menu-item type-post_type object-page "><a href="">Політика конфіденційності</a></li> </ul> </div> </div> </div> </div> <script type='text/javascript' src='https://virtuapc.ru/wp-content/themes/understrap/js/zvpager.js?ver=4.9.1'></script> <script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/email-subscribers/widget/es-widget.js?ver=4.9.1'></script> <script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/email-subscribers/widget/es-widget-page.js?ver=4.9.1'></script> <script type='text/javascript' src='https://virtuapc.ru/wp-content/themes/understrap/js/theme.min.js?ver=0.6.5'></script> <script type='text/javascript' src='https://virtuapc.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> </body> </html>