HTML - гэта мова разметкі сайта. Многія лічаць яго праграмаваннем, але гэта не так. У HTML няма ніякіх зменных, вылічэнняў, масіваў і іншых элементаў, якія прысутнічаюць у любой мове праграмавання.
Карыстаючыся HTML, распрацоўшчык можа стварыць толькі знешні выгляд сайта. Важна разумець, што ні адзін сайт не існуе без разметкі. HTML з'яўляецца базай стварэння вэб-старонак. Увесь астатні функцыянал дадаецца рознымі мовамі праграмавання.
Стварэнне html-дакумента
Стварыць простую старонку сайта можна ў любым рэдактары. Падыдзе нават "Нататнік". Для пачаткоўца распрацоўніка рэкамендуецца выкарыстоўваць іншыя рэдактары, у якіх ёсць функцыі аўтападстаноўкамі і іншыя падказкі. Дзякуючы гэтаму можна ствараць гатовыя табліцы, спасылкі, малюнкі і іншыя элементы. А ў "Нататніку" кожную літару прыходзіцца пісаць ўручную.
Як правіла, "Нататнік" выкарыстоўваюць толькі ў тых выпадках, калі пад рукой няма іншых інструментаў. Спачатку ствараецца тэкставы дакумент, а потым захоўваецца ў фармаце html. Усе старонкі сайта павінны быць з пашырэннем html.
Мова html з'яўляецца іерархічнай. Гэта значыць існуе спецыяльная структура html-дакумента. Што гэта такое? Разгледзім ніжэй для нагляднасці.
Структура html-дакумента. прыклад
Структура заўсёды адна і тая ж. Калі вы захочаце памяняць штосьці, браўзэр не зможа гэта апрацаваць. У выніку вы не атрымаеце тое, што задумалі.
На малюнку вышэй паказаная структура любога html-файла. Першы пункт паказвае на тып файла. Гэты тэг паказваецца адзін раз. Калі вы будзеце выкарыстоўваць спецыяльныя рэдактары, то ўся структура створыцца аўтаматычна. Вам трэба будзе падправіць стандартныя значэння.
Структура html-дакумента - асноўныя тэгі:
З гэтых трох тэгаў складаецца каркас ўсяго сайта. Звярніце ўвагу на малюнак. Усе гэтыя тэгі маюць зачыняецца тэг са знакам "/". Калі вы пішаце ад рукі, абвыкайце ставіць адразу абодва тэга - які адкрывае і закрывае яго.
Вышэй было сказана, што старонкі сайтаў маюць пашырэнне .html. То бок, калі вы створыце тэкставы дакумент, але пры гэтым напішаце правільны код, браўзэр всё равно адлюструе вам проста тэкст. Ніякага пераўтварэнні кода не будзе.
Раздзел head
На малюнку пад пунктам 3 паказаны раздзел head. У гэтым раздзеле паказваецца службовая інфармацыя. Напрыклад, можна паказаць кадоўку (пункт 4) і загаловак старонкі (пункт 5).
Загаловак павінен быць заўсёды. Без яго ніводны пошукавік не зможа вызначыць назву кантэнту (тэксту) на вэб-старонцы. А гэта дрэнна для прасоўвання сайта. Больш за тое, у браўзэры наверсе не будзе паказаны загаловак старонкі. Гэта нязручнасць для карыстальніка.
Структура html-дакумента такая, што загаловак
паказваецца толькі ў раздзеле head. Калі тэг <title> пазначыць у раздзеле body ці пасля яго, то апрацоўшчык на яго не зверне ўвагі. </p>
<p> Акрамя гэтага, у раздзеле head паказваецца інфармацыя для падлучэння скрыптоў, файлаў стыляў, інструкцыі для пошукавых сістэм або любыя іншыя дадзеныя, якія карыстальнік не павінен бачыць, але яны важныя для браўзэра або праграмістаў. </p>
<h2> падключэнне стыляў </h2><p> Структура html-дакумента дазваляе падключаць стылі рознымі спосабамі. Больш за тое, іх можна пісаць індывідуальна ў кожным элеменце. Але дадзены спосаб не рэкамендуецца, паколькі код становіцца занадта вялікім і нязручным. </p>
<p> Пошукавыя сістэмы рэкамендуюць ўсе стылі выносіць у асобны файл, а ў элементах проста выкарыстоўваць розныя класы. </p>
<p> Падключаецца файл наступным чынам. </p>
<p> <Link rel = "stylesheet" href = http: // site /article/256158/%E2%80%9Cstyle.css%E2%80%9D type = "text / css"> </p>
<p> У атрыбуце href паказваецца шлях да файла. Калі ў шляху будзе памылка, то стылі не загрузяцца. Таксама абавязковы атрыбут type, які паказвае, што гэта файл css. </p>
<p> Іншым варыянтам з'яўляецца вызначэнне стыляў прама ў раздзеле head. </p>
<p><amp-img src="https://images.birmiss.com/image/adb6b1067deb0ec9.jpg" alt="стылі ў html" width="259" height="203" layout="intrinsic"></amp-img></p>
<p> Але гэты варыянт таксама не вельмі рэкамендуецца. Гэтыя метады моцна адрозніваюцца тым, што файл css можа быць адным для ўсяго сайта, і ўсе змены ў ім будуць імгненна прымяняцца да ўсіх старонках. А калі вы карыстаецеся метад, які паказаны на малюнку вышэй, то вам давядзецца ўносіць змены ва ўсе існуючыя старонкі сайта. </p>
<p> Калі які ствараецца клас будзе выкарыстоўвацца толькі на адной старонцы, тады гэты варыянт вам падыходзіць. </p>
<h2> падключэнне скрыптоў </h2><p> Скрыпты падключаюцца наступным чынам. </p>
<p> <Script type = "text / javascript" src = http: // site /article/256158/%E2%80%9Cmain.js%E2%80%9D%3E%3C/script%3E%3C/p> </p>
<p> Тут абавязковыя два атрыбуту: type і src. У першым паказваем, што гэта файл Javascript, а другі - дзе размешчаны файл. Калі вы дапусціце памылку друку, то нічога працаваць не будзе. </p>
<h2> Раздзел body </h2><p> Структура html-дакумента такая, што размяшчаць ўтрыманне, якое будзе відаць карыстальніку, трэба толькі ў раздзеле body. Назва тэга кажа само за сябе. </p>
<p> Тут паказваецца ўвесь асноўны код старонкі, які можа ўключаць неабмежаваны лік элементаў. Але чым даўжэй код, тым даўжэй ён будзе апрацоўвацца. </p>
<p> Разгледзім самыя асноўныя тэгі, якія можна выкарыстоўваць у галіне body. Асноўных не так шмат. Усе астатнія вы будзеце даведвацца па меры росту вашых ведаў і практыкі. </p>
<h2> асноўныя тэгі </h2><p> Структура html-дакумента патрабуе абавязковага парадку напісання элементаў. Тэгі заўсёды павінны па краях апраўляюць дужкамі <>. Без гэтага браўзэр не зразумее, што гэта тэг. Пасля адкрываецца дужкі заўсёды варта імя элемента (тэга). Калі вы дапусціце прабел паміж <і імем, то браўзэр палічыць гэта тэкстам. </p>
<p> Разгледзім на прыкладзе тэга малюнка. Звярніце ўвагу, што гэты тэг ня зачыняецца, у адрозненне ад спасылак, абзаца і многіх іншых. </p>
<p><amp-img src="https://images.birmiss.com/image/90d698b67df00eca.jpg" alt="структура html дакумента што гэта такое" width="670" height="267" layout="intrinsic"></amp-img></p>
<p> Парадак атрыбутаў не мае значэння. Але іх напісанне (афармленне) вельмі важна. Заўсёды спачатку ідзе імя атрыбуту, потым знак роўнасці, затым у двукоссях пішацца значэнне атрыбуту. Значэнне можа быць розным - лічбавае ці тэкставае. </p>
<p> Атрыбут src ва ўсіх тэгах паказвае шлях файла, які трэба падгружаць. Атрыбут alt ва ўсіх элементах паказвае кароткае апісанне. У дадзеным выпадку загружаецца фотаздымак bird.jpg з апісаннем - фатаграфія птушкі. </p>
<p> Акрамя гэтага, у тэгу img, можна было пазначыць памеры, толькі шырыню або вышыню, загаловак, выраўноўванне, клас стылю або рамку. </p>
<p> Разгледзім іншыя асноўныя тэгі, якія паказваюцца ў раздзеле body. </p>
<table align=center cellpadding=5 cellspacing=0><tbody><tr><td valign=top width=153><p> тэг </p>
</td><td valign=top width=554><p> прызначэнне </p>
</td></tr><tr><td valign=top width=153><p> <a> ... </a> </p>
</td><td valign=top width=554><p> спасылкі </p>
</td></tr><tr><td valign=top width=153><p> <Img> </p>
</td><td valign=top width=554><p> выявы </p>
</td></tr><tr><td valign=top width=153><p> <P> ... </ p> </p>
</td><td valign=top width=554><p> абзац </p>
</td></tr><tr><td valign=top width=153><p> <br> </p>
</td><td valign=top width=554><p> Перанос тэксту на новы радок </p>
</td></tr><tr><td valign=top width=153><p> <Strong> ... </ strong> </p>
</td><td valign=top width=554><p> тоўсты тэкст </p>
</td></tr><tr><td valign=top width=153><p> <I> ... </ i> </p>
</td><td valign=top width=554><p> курсіў </p>
</td></tr><tr><td valign=top width=153><p> <S> ... </ s> </p>
</td><td valign=top width=554><p> перакрэслены тэкст </p>
</td></tr><tr><td valign=top width=153><p> <U> ... </ u> </p>
</td><td valign=top width=554><p> падкрэслены тэкст </p>
</td></tr><tr><td valign=top width=153><p> <Ol> </ ol>, <ul> </ ul> </p>
</td><td valign=top width=554><p> спісы </p>
</td></tr><tr><td valign=top width=153><p> <Table> </ table> </p>
</td><td valign=top width=554><p> табліцы </p>
</td></tr></tbody></table><h2> Як усё гэта можна прадставіць у галаве </h2><p> Маладыя распрацоўшчыкі не заўсёды адразу могуць прадставіць усё гэта абстрактна. Паглядзіце некалькі прыкладаў структуры вэб-старонак, і тады вам дакладна стане зразумела. </p>
<p><amp-img src="https://images.birmiss.com/image/d776e2667df50ecb.jpg" alt="стварэнне html дакумента" width="391" height="445" layout="intrinsic"></amp-img></p>
<p> Мае месца быць такі варыянт: </p>
<p><amp-img src="https://images.birmiss.com/image/ea16cbd67dfa0ecc.jpg" alt="структура html дакумента асноўныя тэгі" width="472" height="275" layout="intrinsic"></amp-img></p>
<p> І такі: </p>
<p><amp-img src="https://images.birmiss.com/image/68465c077dff0ecd.jpg" alt="структура html дакумента прыклад" width="457" height="282" layout="intrinsic"></amp-img></p>
<h2> выкарыстанне стыляў </h2><p> Як і гаварылася спачатку, стылі можна падключаць як файлам, так і паказваць у раздзеле head. У любым выпадку апісанне класаў адбываецца цалкам аднолькава. </p>
<p> Напрыклад, можна паказаць стыль для загалоўка. Тады вам трэба напісаць h1 (паколькі стыль будзе для загалоўка другога ўзроўня), адкрыць дужкі і пісаць, якія ўласцівасці будуць у гэтым элеменце. Калі вы ведаеце базавы англійская, то праблем быць не павінна. Усе ўласцівасці названыя чалавечай мовай. </p>
<p><amp-img src="https://images.birmiss.com/image/552675b77e040ece.jpg" alt="выкарыстанне стыляў css" width="428" height="269" layout="intrinsic"></amp-img></p>
<p> Калі хочаце пазначыць гэты стыль адразу для некалькіх элементаў, то напішыце іх праз коску. </p>
<p><amp-img src="https://images.birmiss.com/image/dea265687ddd0ec6.jpg" alt="выкарыстанне некалькіх стыляў css" width="357" height="226" layout="intrinsic"></amp-img></p>
<p> Вынікам будзе чырвоны загаловак. </p>
<p><amp-img src="https://images.birmiss.com/image/e3c24cd87de20ec7.jpg" alt="тэкставы дакумент" width="351" height="203" layout="intrinsic"></amp-img></p>
<p> Вышэйпаказаныя спосабы падыходзяць для афармлення стандартных элементаў. Але таксама можна ствараць і свае класы. Іх назва павінна пачынацца з пункту, затым пішацца любое адвольнае імя. </p>
<p><amp-img src="https://images.birmiss.com/image/a46236087de70ec8.jpg" alt="класы css" width="365" height="278" layout="intrinsic"></amp-img></p>
<p> Выкарыстоўваць іх трэба вось так. </p>
<p><amp-img src="https://images.birmiss.com/image/99021fb87dec0ec9.jpg" alt="выкарыстанне класаў css" width="398" height="203" layout="intrinsic"></amp-img></p>
<p> Звярніце ўвагу: калі вы паказалі налады стыляў для стандартнага элемента, ня трэба ў далейшым пісаць слова class. Стыль будзе прымяняцца па змаўчанні. У атрыбуце class можна паказаць толькі тыя стылі, якія ў вас пачынаюцца з кропкі. </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.birmiss.com/%D1%8F%D0%BA-%D1%80%D0%B0%D0%B7%D0%BC%D0%B0%D1%9E%D0%BB%D1%8F%D1%86%D1%8C-%D0%BF%D0%B0-%D1%81%D0%BA%D0%B0%D0%B9%D0%BF%D0%B5-%D1%8F%D0%BA-%D1%80%D0%B0%D0%B7%D0%BC%D0%B0%D1%9E%D0%BB%D1%8F%D1%86%D1%8C/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/55d409126fef0e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/55d409126fef0e9d-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.birmiss.com/%D1%8F%D0%BA-%D1%80%D0%B0%D0%B7%D0%BC%D0%B0%D1%9E%D0%BB%D1%8F%D1%86%D1%8C-%D0%BF%D0%B0-%D1%81%D0%BA%D0%B0%D0%B9%D0%BF%D0%B5-%D1%8F%D0%BA-%D1%80%D0%B0%D0%B7%D0%BC%D0%B0%D1%9E%D0%BB%D1%8F%D1%86%D1%8C/">
<p>Як размаўляць па "Скайпе"? Як размаўляць ўтрох у Skype</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.birmiss.com/%D1%8F%D0%BA-%D0%B7%D0%BC%D1%8F%D0%BD%D1%96%D1%86%D1%8C-%D1%85%D0%B0%D1%82%D0%BD%D1%8E%D1%8E-%D1%81%D1%82%D0%B0%D1%80%D0%BE%D0%BD%D0%BA%D1%83-%D1%9E-%D0%B3%D1%83%D0%B3%D0%BB-%D1%85%D1%80%D0%BE%D0%BC/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ba0cf2176fdd0e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ba0cf2176fdd0e9a-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.birmiss.com/%D1%8F%D0%BA-%D0%B7%D0%BC%D1%8F%D0%BD%D1%96%D1%86%D1%8C-%D1%85%D0%B0%D1%82%D0%BD%D1%8E%D1%8E-%D1%81%D1%82%D0%B0%D1%80%D0%BE%D0%BD%D0%BA%D1%83-%D1%9E-%D0%B3%D1%83%D0%B3%D0%BB-%D1%85%D1%80%D0%BE%D0%BC/">
<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.birmiss.com/vulcan-runtime-libraries-%D1%88%D1%82%D0%BE-%D0%B3%D1%8D%D1%82%D0%B0-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/7b75e0537e170ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/7b75e0537e170ecd-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.birmiss.com/vulcan-runtime-libraries-%D1%88%D1%82%D0%BE-%D0%B3%D1%8D%D1%82%D0%B0-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5/">
<p>Vulcan Runtime Libraries: што гэта такое?</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.birmiss.com/%D1%8F%D0%BA-%D0%BD%D0%B0-%D0%B0%D0%BD%D0%B4%D1%80%D0%BE%D1%96%D0%B4-%D1%9E%D1%81%D1%82%D0%B0%D0%BB%D1%91%D1%9E%D0%B2%D0%B0%D1%86%D1%8C-%D0%BF%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D1%8B/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1207738e624d0e70-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1207738e624d0e70-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.birmiss.com/%D1%8F%D0%BA-%D0%BD%D0%B0-%D0%B0%D0%BD%D0%B4%D1%80%D0%BE%D1%96%D0%B4-%D1%9E%D1%81%D1%82%D0%B0%D0%BB%D1%91%D1%9E%D0%B2%D0%B0%D1%86%D1%8C-%D0%BF%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%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.birmiss.com/%D0%BF%D0%BB%D1%8D%D0%B9-%D0%BC%D0%B0%D1%80%D0%BA%D0%B5%D1%82-%D0%BA%D1%96%D1%80%D0%B0%D1%9E%D0%BD%D1%96%D1%86%D1%82%D0%B2%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.birmiss.com/%D0%BF%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D0%B0-%D0%B4%D0%BB%D1%8F-%D0%B0%D0%BF%D1%82%D1%8B%D0%BC%D1%96%D0%B7%D0%B0%D1%86%D1%8B%D1%96-%D0%B3%D1%83%D0%BB%D1%8C%D0%BD%D1%8F%D1%9E-nvidia/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8b4512577e3e0ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8b4512577e3e0ed2-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.birmiss.com/%D0%BF%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D0%B0-%D0%B4%D0%BB%D1%8F-%D0%B0%D0%BF%D1%82%D1%8B%D0%BC%D1%96%D0%B7%D0%B0%D1%86%D1%8B%D1%96-%D0%B3%D1%83%D0%BB%D1%8C%D0%BD%D1%8F%D1%9E-nvidia/">
<p>Праграма для аптымізацыі гульняў Nvidia</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> </p><p> </p><p> </p><p> </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.birmiss.com/%D1%8F%D0%BA-%D0%B7%D1%80%D0%B0%D0%B1%D1%96%D1%86%D1%8C-%D0%BA%D0%B0%D0%B1-%D0%B2%D0%B0%D0%BB%D0%B0%D1%81%D0%BE%D1%9E-%D1%85%D1%83%D1%82%D0%BA%D0%B0-%D1%80%D0%BE%D1%81/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c047049e703a0ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c047049e703a0ea2-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.birmiss.com/%D1%8F%D0%BA-%D0%B7%D1%80%D0%B0%D0%B1%D1%96%D1%86%D1%8C-%D0%BA%D0%B0%D0%B1-%D0%B2%D0%B0%D0%BB%D0%B0%D1%81%D0%BE%D1%9E-%D1%85%D1%83%D1%82%D0%BA%D0%B0-%D1%80%D0%BE%D1%81/">
<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.birmiss.com/%D0%B3%D0%B0%D1%82%D1%8D%D0%BB%D1%8C-turkler-artemis-4-%D1%84%D0%BE%D1%82%D0%B0-%D1%86%D1%8D%D0%BD%D1%8B-%D1%96-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/fed289256fef0e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/fed289256fef0e9d-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.birmiss.com/%D0%B3%D0%B0%D1%82%D1%8D%D0%BB%D1%8C-turkler-artemis-4-%D1%84%D0%BE%D1%82%D0%B0-%D1%86%D1%8D%D0%BD%D1%8B-%D1%96-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96/">
<p>Гатэль Turkler Artemis 4 * - фота, цэны і водгукі турыстаў</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.birmiss.com/%D1%86%D1%96-%D0%BC%D0%BE%D0%B6%D0%BD%D0%B0-%D0%B4%D0%B0%D1%82%D1%8D%D1%80%D0%BC%D1%96%D0%BD%D0%BE%D0%B2%D0%B0-%D0%BF%D0%B0%D0%B3%D0%B0%D1%81%D1%96%D1%86%D1%8C/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/175b78437ea90ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/175b78437ea90ed5-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.birmiss.com/%D1%86%D1%96-%D0%BC%D0%BE%D0%B6%D0%BD%D0%B0-%D0%B4%D0%B0%D1%82%D1%8D%D1%80%D0%BC%D1%96%D0%BD%D0%BE%D0%B2%D0%B0-%D0%BF%D0%B0%D0%B3%D0%B0%D1%81%D1%96%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>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://be.birmiss.com/%D0%B4%D0%B7%D1%8F%D1%80%D0%B6%D0%B0%D1%9E%D0%BD%D1%8B-%D1%83%D0%BD%D1%96%D0%B2%D0%B5%D1%80%D1%81%D1%96%D1%82%D1%8D%D1%82-%D0%BA%D1%96%D1%80%D0%B0%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B3%D1%83%D1%83/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/bde6265b7dbf0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/bde6265b7dbf0eca-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.birmiss.com/%D0%B4%D0%B7%D1%8F%D1%80%D0%B6%D0%B0%D1%9E%D0%BD%D1%8B-%D1%83%D0%BD%D1%96%D0%B2%D0%B5%D1%80%D1%81%D1%96%D1%82%D1%8D%D1%82-%D0%BA%D1%96%D1%80%D0%B0%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F-%D0%B3%D1%83%D1%83/">
<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.birmiss.com/%D0%B0%D0%B4%D0%B7%D0%B5%D0%BD%D0%BD%D0%B5-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%BE%D0%B2%D0%B0%D0%BD%D0%B0%D1%80%D0%BE%D0%B4%D0%B6%D0%B0%D0%BD%D1%8B%D1%85-%D0%BA%D0%B0%D0%BD%D0%B2%D0%B5%D1%80%D1%82-red/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/7b0ad8c57eb20edd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/7b0ad8c57eb20edd-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.birmiss.com/%D0%B0%D0%B4%D0%B7%D0%B5%D0%BD%D0%BD%D0%B5-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%BE%D0%B2%D0%B0%D0%BD%D0%B0%D1%80%D0%BE%D0%B4%D0%B6%D0%B0%D0%BD%D1%8B%D1%85-%D0%BA%D0%B0%D0%BD%D0%B2%D0%B5%D1%80%D1%82-red/">
<p>Адзенне для нованароджаных. Канверт Red Castle</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.birmiss.com/%D1%87%D1%8B%D0%BC-%D0%BA%D0%B0%D1%80%D1%8B%D1%81%D0%BD%D1%8B-%D0%B0%D0%B4%D0%B2%D0%B0%D1%80-%D0%B0%D1%9E%D1%81%D0%B0/">
<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> </p><p> </p><p> </p><p> </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.birmiss.com/%D1%82%D0%B0%D1%86%D1%86%D1%8F%D0%BD%D0%B0-%D0%BC%D0%B5%D1%89%D0%B5%D1%80%D0%BA%D0%B8%D0%BD%D0%B0-%D1%8F%D1%80%D0%BA%D0%B0%D1%8F-%D1%96/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c574941370100e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c574941370100e9c-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.birmiss.com/%D1%82%D0%B0%D1%86%D1%86%D1%8F%D0%BD%D0%B0-%D0%BC%D0%B5%D1%89%D0%B5%D1%80%D0%BA%D0%B8%D0%BD%D0%B0-%D1%8F%D1%80%D0%BA%D0%B0%D1%8F-%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">
<a href="https://be.birmiss.com/%D1%8F%D0%BA-%D1%83%D1%81%D1%82%D0%B0%D0%BB%D1%8F%D0%B2%D0%B0%D1%86%D1%8C-%D0%BF%D1%80%D0%B0%D1%88%D1%8B%D1%9E%D0%BA%D1%83-%D0%BD%D0%B0-%D0%B0%D0%BD%D0%B4%D1%80%D0%BE%D1%96%D0%B4/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/0be8a16d62490e6f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/0be8a16d62490e6f-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.birmiss.com/%D1%8F%D0%BA-%D1%83%D1%81%D1%82%D0%B0%D0%BB%D1%8F%D0%B2%D0%B0%D1%86%D1%8C-%D0%BF%D1%80%D0%B0%D1%88%D1%8B%D1%9E%D0%BA%D1%83-%D0%BD%D0%B0-%D0%B0%D0%BD%D0%B4%D1%80%D0%BE%D1%96%D0%B4/">
<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.birmiss.com/%D0%BC%D0%B5%D1%82%D0%B0%D0%BF%D0%BE%D0%B8%D1%81%D0%BA%D0%BE%D0%B2%D1%8B%D0%B5-%D1%81%D1%96%D1%81%D1%82%D1%8D%D0%BC%D1%8B-%D0%BF%D1%80%D1%8B%D0%BA%D0%BB%D0%B0%D0%B4%D1%8B/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/f4f59cc77e650ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/f4f59cc77e650ed2-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.birmiss.com/%D0%BC%D0%B5%D1%82%D0%B0%D0%BF%D0%BE%D0%B8%D1%81%D0%BA%D0%BE%D0%B2%D1%8B%D0%B5-%D1%81%D1%96%D1%81%D1%82%D1%8D%D0%BC%D1%8B-%D0%BF%D1%80%D1%8B%D0%BA%D0%BB%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>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://be.birmiss.com/%D1%81%D0%BE%D0%BC-%D1%81%D0%B8%D0%BD%D0%BE%D0%B4%D0%BE%D0%BD%D1%82%D0%B8%D1%81-%D0%B2%D1%96%D0%B4%D1%8B-%D0%B0%D0%BF%D1%96%D1%81%D0%B0%D0%BD%D0%BD%D0%B5-%D1%96/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4f38f55e7f210ee6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4f38f55e7f210ee6-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.birmiss.com/%D1%81%D0%BE%D0%BC-%D1%81%D0%B8%D0%BD%D0%BE%D0%B4%D0%BE%D0%BD%D1%82%D0%B8%D1%81-%D0%B2%D1%96%D0%B4%D1%8B-%D0%B0%D0%BF%D1%96%D1%81%D0%B0%D0%BD%D0%BD%D0%B5-%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">
<a href="https://be.birmiss.com/%D1%87%D0%B0%D0%BC%D1%83-%D0%B4%D0%B7%D0%B5%D1%86%D1%96-%D1%80%D1%8B%D0%BF%D0%B0%D1%8E%D1%86%D1%8C-%D0%B7%D1%83%D0%B1%D0%B0%D0%BC%D1%96-%D0%BD%D0%BE%D1%87%D1%87%D1%83/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/dc05a26c6f3c0e8c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/dc05a26c6f3c0e8c-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.birmiss.com/%D1%87%D0%B0%D0%BC%D1%83-%D0%B4%D0%B7%D0%B5%D1%86%D1%96-%D1%80%D1%8B%D0%BF%D0%B0%D1%8E%D1%86%D1%8C-%D0%B7%D1%83%D0%B1%D0%B0%D0%BC%D1%96-%D0%BD%D0%BE%D1%87%D1%87%D1%83/">
<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.birmiss.com/%D1%96%D0%BD%D0%B4%D0%B7%D0%B5%D0%B9%D1%81%D0%BA%D0%B0%D0%B5-%D0%BB%D0%B5%D1%82%D0%B0-%D1%82%D0%BE%D0%BD%D1%96%D0%BA%D0%B0-%D0%B2%D0%B0%D1%80%D1%82%D0%B0%D1%81%D1%86%D1%96-%D1%96/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1fade22a7e830ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1fade22a7e830ed6-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.birmiss.com/%D1%96%D0%BD%D0%B4%D0%B7%D0%B5%D0%B9%D1%81%D0%BA%D0%B0%D0%B5-%D0%BB%D0%B5%D1%82%D0%B0-%D1%82%D0%BE%D0%BD%D1%96%D0%BA%D0%B0-%D0%B2%D0%B0%D1%80%D1%82%D0%B0%D1%81%D1%86%D1%96-%D1%96/">
<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.birmiss.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/11999666/0/ec2c5c75/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.198 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 01:13:51 -->
<!-- 0.002 -->