ІнтэрнэтВэб-дызайн

Як ўставіць у HTML iframe: прыклад выкарыстання

На світанку сайтостроения вэб-рэсурсы шырока выкарыстоўвалі фрэймы для адлюстравання асобных частак старонак. Але з прыходам новай версіі HTML 5 усё змянілася. Элементы разметкі , і </em> прызнаныя састарэлымі. Заменай ім стаў адзін-адзіны тэг - <em><iframe>.</em> Як дадаць у html <iframe>? Прыклад ніжэй будзе зразумелы нават пачаткоўцу ў праграмаванні. </p> <h2> Што такое фрэймы? </h2><p> Фрэйм - аснова большасці першых вэб-старонак. Калі перакладаць даслоўна, дадзенае слова азначае «кадр», гэта значыць фрэйм ўяўляе сабой невялікую частку старонкі ў браўзэры. Паўсюднае выкарыстанне фрэймаў ў мінулым можна растлумачыць нізкай якасцю і дарагоўляй інтэрнэт-трафіку. Як правіла, сайт разбіваўся на 3-5 частак, кожная з якіх выконвала пэўную прызначэнне: </p> <ul><li> «Шапка» (верхні фрэйм па шырыні старонкі) - адлюстраванне назву рэсурсу; </li><li> левы / правы «стакан» - выснова меню; </li><li> цэнтральны фрэйм - паказ кантэнту сайта. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="html iframe прыклад" width="580" height="435" layout="intrinsic"></amp-img></p> <p> Разбіўка старонкі на часткі дазваляла перагрузіць толькі пэўную частку пры яе абнаўленні. Напрыклад, карыстальнік націскаў пункт меню, і ў цэнтральны фрэйм запампоўваецца новае змесціва. </p> <h2> Сучасныя фрэймы ў HTML 5 </h2><p> Навошта патрэбен у HTML <em><iframe>?</em> Прыклад - устаўка кантэнту іншага рэсурсу. Класічнай з&#39;яўляецца сітуацыя, калі вэб-распрацоўшчык жадае паказаць становішча аб&#39;екта на карце. Як быць? Маляваць план мясцовасці з нуля? Няма - ёсць больш простае рашэнне: ўбудаваць на старонку элемент Google Map, Яндэкс Карты або 2ГИС. Задача вырашаецца ў чатыры дзеянні. </p> <ol><li> Трэба перайсці на сайт любога картаграфічнага сэрвісу. </li><li> Знайсці жаданы аб&#39;ект. Ведаючы дакладны адрас, можна ўвесці яго ў акне пошуку. </li><li> З дапамогай кнопкі «Захаваць і атрымаць код» (для &quot;Яндекс.Карт&quot;) ці «Гатова» (для карт Google) атрымаць код для ўстаўкі. </li><li> Засталося ўпісаць згенераваныя тэгі разметкі на старонку. </li></ol><p> Дадаткова можна выбраць памер карты і наладзіць іншыя опцыі адлюстравання. </p> <p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="html iframe прыклад" width="600" height="488" layout="intrinsic"></amp-img></p> <p> Як яшчэ можна выкарыстоўваць у HTML <em><iframe>?</em> Прыклад - устаўка відэаматэрыялаў з рэсурсу Youtube. Мультымедыя-тэхналогіі прыцягваюць карыстальнікаў Інтэрнэту, таму відэакантэнт гэтак папулярны. З устаноўкай роліка распрацоўшчык справіцца хутка. </p> <ol><li> Варта загрузіць на Youtube ўласнае відэа ці знайсці іншы файл для трансляцыі. </li><li> Атрымаць тэг, выбраўшы кнопку «HTML-код» </li><li> Заключнае дзеянне - уставіць у <a href="https://be.delachieve.com/html-%D0%BA%D0%BE%D0%B4-%D0%BA%D0%BE%D0%B4%D1%8B-%D0%BA%D0%B2%D0%B5%D1%82%D0%B0%D0%BA-html/">код HTML</a> <iframe>. Прыклад атрымоўванага змесціва тэга будзе разгледжаны ніжэй. </li></ol><p> У абодвух прыкладах выкарыстоўвалася аўтаматычнае фарміраванне кода, але прафесійныя распрацоўшчыкі павінны ўмець самі складаць яго. Па-першае, гэта дазволіць ім разабрацца ў вёрстцы старонкі і пры неабходнасці мадыфікаваць яе. Па-другое, не заўсёды разметка элементаў сайта (нават нягледзячы на тое, што яны належаць вонкавым рэсурсу), утворыцца без удзелу вэб-майстра. Вось тут і выяўляецца высокая кваліфікацыя распрацоўніка. </p> <p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="iframe html што гэта" width="680" height="450" layout="intrinsic"></amp-img></p> <h2> сінтаксіс </h2><p> Такім чынам, перш чым прыступіць да вёрстцы старонкі, неабходна разгледзець тэг iframe (html): што гэта такое і як правільна яго выкарыстоўваць. </p> <p> Перш за ўсё, трэба адзначыць, што тэг парны. Паміж адкрываюцца і зачыняюцца элементамі паказваюць змесціва, якое будзе адлюстроўвацца ў браўзэрах, не падтрымліваюць дадзены элемент разметкі. Асноўныя атрыбуты тэга: </p> <ul><li> width (шырыня); </li><li> height (вышыня); </li><li> src (адрас загружанага рэсурсу); </li><li> align (спосаб выраўноўвання); </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Такім чынам, атрыманы код для <iframe>. HTML-прыклад цалкам прадэманстраваны ніжэй: </p> <p> <em><iframe width = &quot;560&quot; height = &quot;315&quot; src = &quot;https://someserver.com/&quot; frameborder = &quot;0&quot; allowfullscreen> </ iframe></em> </p> <p> У прыведзенай разметцы досыць замяніць адрас сайта на любы іншы і, калі гэта неабходна, скарэктаваць памеры фрэйма. </p> </div> <!--mvp-content-main--> </div> <!--mvp-content-body-top--> </div> <!--mvp-content-body--> </div> <!--mvp-content-wrap--> </div> <!--mvp-post-content--> </div> <!--mvp-post-main--> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Similar articles</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D1%88%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%B1%D0%B0%D0%BD%D1%8D%D1%80-%D0%BF%D0%BE%D0%B3%D0%BB%D1%8F%D0%B4-%D0%B7%D0%BD%D1%83%D1%82%D1%80%D1%8B-%D1%96/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/2a8c751262480e6e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/2a8c751262480e6e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%88%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%B1%D0%B0%D0%BD%D1%8D%D1%80-%D0%BF%D0%BE%D0%B3%D0%BB%D1%8F%D0%B4-%D0%B7%D0%BD%D1%83%D1%82%D1%80%D1%8B-%D1%96/"> <p>Што такое банэр - погляд знутры і гісторыя яго з&#39;яўлення</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Інтэрнэт</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%8F%D0%BA-%D0%BF%D0%B0%D0%BB%D0%B5%D0%B3%D1%87%D1%8B%D1%86%D1%8C-%D0%BF%D1%80%D0%B0%D1%86%D1%8D%D1%81-%D1%81%D1%82%D0%B2%D0%B0%D1%80%D1%8D%D0%BD%D0%BD%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0/"> <p>Як палегчыць працэс стварэння сайта? Дапаможа візуальны рэдактар html!</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Інтэрнэт</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D0%BF%D1%80%D0%B0%D0%B2%D1%96%D0%BB%D1%8C%D0%BD%D0%B0%D0%B5-%D0%B0%D1%84%D0%B0%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D0%B5-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-%D0%B7%D0%B0%D0%BB%D0%BE%D0%B3/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e3a19d7553d50e2c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e3a19d7553d50e2c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%BF%D1%80%D0%B0%D0%B2%D1%96%D0%BB%D1%8C%D0%BD%D0%B0%D0%B5-%D0%B0%D1%84%D0%B0%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%BD%D0%B5-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-%D0%B7%D0%B0%D0%BB%D0%BE%D0%B3/"> <p>Правільнае афармленне сайта - залог поспеху</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Інтэрнэт</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%87%D0%B0%D0%BC%D1%83-%D0%BB%D1%8E%D0%B4%D0%B7%D1%96-%D0%BF%D0%B0-%D1%80%D0%B0%D0%BD%D0%B5%D0%B9%D1%88%D0%B0%D0%BC%D1%83-%D0%B2%D1%8B%D0%B2%D1%83%D1%87%D0%B0%D1%8E%D1%86%D1%8C-html/"> <p>Чаму Людзі Па-ранейшаму Вывучаюць Html?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Інтэрнэт</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D1%8F%D0%BA-%D1%80%D0%BE%D0%B1%D1%96%D1%86%D1%86%D0%B0-%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0-%D0%B4%D0%BB%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c7f69517547d0e3a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c7f69517547d0e3a-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%8F%D0%BA-%D1%80%D0%BE%D0%B1%D1%96%D1%86%D1%86%D0%B0-%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0-%D0%B4%D0%BB%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0/"> <p>Як робіцца кнопка для сайта?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Інтэрнэт</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D1%8F%D0%BA-%D0%B0%D1%81%D0%B2%D0%BE%D1%96%D1%86%D1%8C-%D0%B3%D1%80%D0%B0%D1%84%D1%96%D1%87%D0%BD%D1%8B-%D0%B4%D1%8B%D0%B7%D0%B0%D0%B9%D0%BD-%D1%96-%D1%81%D1%82%D0%B0%D1%86%D1%8C/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/747b8c3261950e60-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/747b8c3261950e60-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%8F%D0%BA-%D0%B0%D1%81%D0%B2%D0%BE%D1%96%D1%86%D1%8C-%D0%B3%D1%80%D0%B0%D1%84%D1%96%D1%87%D0%BD%D1%8B-%D0%B4%D1%8B%D0%B7%D0%B0%D0%B9%D0%BD-%D1%96-%D1%81%D1%82%D0%B0%D1%86%D1%8C/"> <p>Як асвоіць графічны дызайн і стаць высокааплатным спецыялістам</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Інтэрнэт</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header"> <span class="mvp-post-header">Trending Now</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D0%B1%D0%B0%D0%BA%D1%82%D1%8D%D1%80%D1%8B%D1%86%D1%8B%D0%B4%D0%BD%D1%8B-%D0%BF%D0%BB%D0%B0%D1%81%D1%82%D1%8B%D1%80-%D0%BF%D1%80%D1%8B%D0%BC%D1%8F%D0%BD%D0%B5%D0%BD%D0%BD%D0%B5/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1b088a5170170e9e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1b088a5170170e9e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%B1%D0%B0%D0%BA%D1%82%D1%8D%D1%80%D1%8B%D1%86%D1%8B%D0%B4%D0%BD%D1%8B-%D0%BF%D0%BB%D0%B0%D1%81%D1%82%D1%8B%D1%80-%D0%BF%D1%80%D1%8B%D0%BC%D1%8F%D0%BD%D0%B5%D0%BD%D0%BD%D0%B5/"> <p>Бактэрыцыдны пластыр: прымяненне, віды</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Здароўе</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D0%B1%D0%B0%D0%BA%D1%81%D1%91%D1%80-%D0%B0%D0%BD%D0%B4%D1%80%D1%8D%D0%B9-%D0%B1%D0%B0%D1%81%D1%8B%D0%BD%D0%B8%D0%BD-%D0%B1%D1%96%D1%8F%D0%B3%D1%80%D0%B0%D1%84%D1%96%D1%8F/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/a1ced31c7e100ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/a1ced31c7e100ecd-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%B1%D0%B0%D0%BA%D1%81%D1%91%D1%80-%D0%B0%D0%BD%D0%B4%D1%80%D1%8D%D0%B9-%D0%B1%D0%B0%D1%81%D1%8B%D0%BD%D0%B8%D0%BD-%D0%B1%D1%96%D1%8F%D0%B3%D1%80%D0%B0%D1%84%D1%96%D1%8F/"> <p>Баксёр Андрэй Басынин. Біяграфія, спартыўная кар&#39;ера, асабістае жыццё</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Спорт і Фітнэс</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D0%B4%D0%B7%D1%8F%D1%80%D0%B6%D0%B0%D1%9E%D0%BD%D0%B0%D1%8F-%D0%BC%D0%BE%D0%B2%D0%B0-%D0%B7%D1%88%D0%B0-%D0%B0%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D0%BA%D0%B0%D1%8F/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/5030ec227dac0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/5030ec227dac0eca-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%B4%D0%B7%D1%8F%D1%80%D0%B6%D0%B0%D1%9E%D0%BD%D0%B0%D1%8F-%D0%BC%D0%BE%D0%B2%D0%B0-%D0%B7%D1%88%D0%B0-%D0%B0%D0%BD%D0%B3%D0%BB%D1%96%D0%B9%D1%81%D0%BA%D0%B0%D1%8F/"> <p>Дзяржаўная мова ЗША - англійская?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Адукацыя</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%8F%D0%BA-%D0%BD%D1%8F-%D1%81%D1%82%D0%B0%D1%86%D1%8C-%D0%B0%D1%85%D0%B2%D1%8F%D1%80%D0%B0%D0%B9-%D0%BC%D0%BE%D1%88%D0%B5%D0%B9%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2-%D0%BD%D0%B0/"> <p>Як Ня Стаць Ахвярай Мошейников На Адпачынку За Мяжой</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Падарожжы</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D1%8D%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%B0%D0%BC%D0%B0%D0%B1%D1%96%D0%BB%D1%96-%D1%9E-%D1%80%D0%B0%D1%81%D0%B5%D1%96-%D0%BF%D0%BB%D1%8E%D1%81%D1%8B-%D1%96-%D0%BC%D1%96%D0%BD%D1%83%D1%81%D1%8B/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/76ee0d9261dc0e63-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/76ee0d9261dc0e63-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%8D%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%B0%D0%BC%D0%B0%D0%B1%D1%96%D0%BB%D1%96-%D1%9E-%D1%80%D0%B0%D1%81%D0%B5%D1%96-%D0%BF%D0%BB%D1%8E%D1%81%D1%8B-%D1%96-%D0%BC%D1%96%D0%BD%D1%83%D1%81%D1%8B/"> <p>Электрамабілі ў Расеі: плюсы і мінусы</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Аўтамабілі</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%BA%D0%BE%D0%BB%D1%8C%D0%BA%D1%96-%D0%B2%D0%B0%D1%80%D1%8B%D1%86%D1%8C-%D0%B7%D0%B3%D1%83%D1%88%D1%87%D0%BE%D0%BD%D0%BA%D1%83-%D0%BF%D0%B0%D1%80%D0%B0%D0%B4%D1%8B/"> <p>Колькі варыць згушчонку. Парады сладкоежкам.</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ежа і напоі</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> <div id="mvp-post-more-wrap" class="left relative"> <h4 class="mvp-post-header" style="margin-top:40px;"> <span class="mvp-post-header">Newest</span> </h4> <ul class="mvp-post-more-list left relative"> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D0%BA%D1%96%D0%BE-%D1%8D%D0%BC%D1%96%D0%BB%D1%8C-%D1%82%D1%8D%D0%B0%D0%B4%D0%BE%D1%80%D0%B0%D0%B2%D1%96%D1%87-%D1%96-%D1%8F%D0%B3%D0%BE-%D1%81%D1%8B%D0%BD%D1%8B/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/2886c7507e520ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/2886c7507e520ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%BA%D1%96%D0%BE-%D1%8D%D0%BC%D1%96%D0%BB%D1%8C-%D1%82%D1%8D%D0%B0%D0%B4%D0%BE%D1%80%D0%B0%D0%B2%D1%96%D1%87-%D1%96-%D1%8F%D0%B3%D0%BE-%D1%81%D1%8B%D0%BD%D1%8B/"> <p>Кіо Эміль Тэадоравіч і яго сыны-ілюзіяністы</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Мастацтва і забавы</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%B1%D0%B0%D0%BB%D1%96%D1%81%D1%82%D1%8B%D1%87%D0%BD%D0%B0%D1%8F-%D1%8D%D0%BA%D1%81%D0%BF%D0%B5%D1%80%D1%82%D1%8B%D0%B7%D0%B0/"> <p>Балістычная экспертыза</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Закон</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D1%88%D0%B2%D0%B5%D0%BB%D0%B5%D1%80%D1%8B-16-%D0%B3%D0%BE%D1%81%D1%82-8240-97/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/460e06377e810ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/460e06377e810ed6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%88%D0%B2%D0%B5%D0%BB%D0%B5%D1%80%D1%8B-16-%D0%B3%D0%BE%D1%81%D1%82-8240-97/"> <p>Швелеры 16 ГОСТ 8240-97</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Хатні ўтульнасць</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D1%8F%D0%BA-%D0%BF%D1%80%D1%8B%D0%B3%D0%B0%D1%82%D0%B0%D0%B2%D0%B0%D1%86%D1%8C-%D0%BC%D1%8F%D1%81%D0%B0-%D0%BD%D0%B0-%D0%BF%D0%B0%D1%82%D1%8D%D0%BB%D1%8C%D0%BD%D1%96/"> <p>Як прыгатаваць мяса на патэльні</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ежа і напоі</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%BF%D0%B5%D1%87%D0%B0%D0%BD%D1%8C-%D1%83-%D1%81%D0%BC%D0%B5%D1%82%D0%B0%D0%BD%D0%BD%D0%BE%D0%BC-%D1%81%D0%BE%D1%83%D1%81%D0%B5/"> <p>Печань у сметанном соусе</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ежа і напоі</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.delachieve.com/%D0%B0%D0%BC%D1%83%D1%80%D1%81%D0%BA%D1%96-%D0%B0%D0%BA%D1%81%D0%B0%D0%BC%D1%96%D1%82-%D0%BB%D1%8F%D1%87%D1%8D%D0%B1%D0%BD%D1%8B%D1%8F/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/3ffd945c62630e75-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/3ffd945c62630e75-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://be.delachieve.com/%D0%B0%D0%BC%D1%83%D1%80%D1%81%D0%BA%D1%96-%D0%B0%D0%BA%D1%81%D0%B0%D0%BC%D1%96%D1%82-%D0%BB%D1%8F%D1%87%D1%8D%D0%B1%D0%BD%D1%8B%D1%8F/"> <p>Амурскі аксаміт. Лячэбныя ўласцівасці гаючага дрэва</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Здароўе</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> </div> <!--mvp-main-box--> </div> <!--mvp-article-cont--> </article> <!--mvp-article-wrap--> </div> <!--mvp-main-body-wrap--> <footer id="mvp-foot-wrap" class="left relative"> <div id="mvp-foot-bot" class="left relative"> <div class="mvp-main-box"> <div id="mvp-foot-copy" class="left relative"> <p>Copyright © 2018 be.delachieve.com. Theme powered by WordPress.</p> </div> <!--mvp-foot-copy--> </div> <!--mvp-main-box--> </div> <!--mvp-foot-bot--> </footer> </div> <!--mvp-site-main--> </div> <!--mvp-site-wall--> </div> <!--mvp-site--> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999667/0/cc03a949/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.244 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 14:05:52 --> <!-- 0.002 -->