Кампутары, Праграмнае забеспячэнне

Як стварыць HTML-старонку: пакрокавая інструкцыя, тэхналогія і рэкамендацыі

Думаеце, як стварыць HTML-старонку? Для гэтага трэба выдаткаваць некалькі гадзін, і вы будзеце ведаць асновы HTML. А стварыць сваю першую старонку зможаце за 5 хвілін.

HTML расшыфроўваецца як HyperText Markup Language. У перакладзе гэта азначае "мова гіпертэкставай разметкі". Важна разумець, што HTML - гэта не мова праграмавання, а менавіта разметкі сайта.

Усе сучасныя браўзэры ўмеюць распазнаваць яго. Затым яны адлюстроўваюць інфармацыю ў зручным выглядзе для карыстальніка, як загадзя было задумана аўтарам.

У гэтай мове выкарыстоўваюцца спецыяльныя тэгі. Кожны тэг выконвае сваю функцыю. Іх вельмі шмат. У ідэале трэба вывучыць усе. Але для пачаткоўца базавых ведаў цалкам дастаткова.

асновы HTML

Перад тым як стварыць HTML-старонку, трэба ведаць, з чаго яна складаецца. У гэтай мове ёсць два паняцці: элемент і тэг.

Для таго каб паказаць, дзе гэты элемент пачынаецца і зачыняецца, выкарыстоўваюцца адчыняе і што зачыняе тэг. Выглядае гэта так.

<адкрываючы тэг> змесціва

Як бачыце, які адкрывае і закрывае яго тэг адрозніваюцца толькі "/".

Увесь HTML-дакумент уяўляе сабой набор гэтых элементаў. Існуюць пэўныя патрабаванні да структуры дакумента. Усё змесціва старонкі павінна знаходзіцца паміж двума тэгамі і . Калі вы будзеце пісаць код, вазьміце сабе за звычку адразу прастаўляць адкрываны і зачыняецца тэг.

Таксама запомніце, што структура мовы HTML мае сваю іерархію. Інакш яна называецца укладзенасць. Тэг HTML з'яўляецца самым галоўным, паколькі ўсе астатнія знаходзяцца ўнутры яго.

У HTML ёсць два даччыных элемента:

... ;
.. .

У блоку HEAD паказваецца розная службовая інфармацыя. Гэтая інфармацыя ў браўзэр не выводзіцца. Напрыклад, ўказанні для распрацоўшчыкаў, для любых праграм, для робатаў і многае іншае.

Самае галоўнае - тут няма кантэнту.

У раздзеле BODY паказваецца змест дакументу, якое будзе адлюстравана карыстальніку.

Вучыцеся адразу рабіць адкрытыя і закрытыя тэгі, паколькі можа быць і па 10 ўкладзеных элементаў. Акрамя гэтага, для зручнасці рэкамендуецца укладзеныя тэгі рабіць з водступам. Напрыклад, вось так.

Так робяць, каб роўныя па значнасці тэгі былі на адным узроўні, а даччыныя - "ўнутры". Так нашмат зручней для ўспрымання і пошуку патрэбнага кавалка кода. Інакш можна заблытацца. Але для эканомія месца менавіта тэгі head і body можна рабіць без водступаў. Так паступаюць, каб ва ўсіх астатніх не было лішняга водступу. Усё астатняе пажадана аддзяляць.

Як стварыць простую старонку на HTML

Для напісання кода вам патрэбен які-небудзь рэдактар. Іх вельмі шмат. Папулярнымі з'яўляюцца Notepad ++ і Adobe Dreamweaver. Таксама можна выкарыстоўваць і нататнік.

Вось так выглядае рэдактар Notepad ++.

Гэта вельмі зручны рэдактар і пры гэтым бясплатны. Вышэйпаказаны Adobe Dreamweaver з'яўляецца платным. Адрозненне рэдактараў, прызначаных для напісання кода HTML, ад нататніка - у тым, што спецыяльныя тэгі падсвятляюцца. Калі ён не падсвятліць, значыць, вы напісалі няправільна.

Для таго каб падсвятленне адпавядала мове, яе трэба паказаць у наладах.

Давайце разгледзім, як стварыць старонку HTML ў нататніку. Гэта значыць скончым тэхнічную частку і потым непасрэдна пяройдзем да вывучэння тэгаў.

Як стварыць вэб-старонку ў нататніку HTML

Для пачатку адкрыйце нататнік.

Затым набярыце ў ім тое, што паказана на наступным скрыншоце.

Абвыкайце пісаць рукамі, а не проста капіяваць. Калі вы пішыце рукамі, вы лепш запаміналі ўсю базу тэгаў.

Пасля гэтага націсніце ў меню "Захаваць файл" і пакажыце любое імя файла, але з пашырэннем .html.

Пасля гэтага файл можна адкрываць у браўзэры і любавацца вынікам. Зараз вам павінна быць зразумела, як стварыць вэб-старонку ў нататніку HTML.

Сусветны кансорцыум W3C

Існуе такая арганізацыя, як W3С, якая распрацоўвае і ўкараняе усе стандарты для інтэрнэту. Усе браўзэры падпарадкоўваюцца гэтым стандартам і апрацоўваюць разметкі (коды) старонак паводле гэтых правіл.

На афіцыйным сайце распрацоўнікаў мовы HTML можна знайсці табліцу з усімі тэгамі і правіламі іх выкарыстання. У рамках дадзенага артыкула мы разглядаем самыя асноўныя.

Вы можаце падумаць, якія могуць быць правілы? Усе апісаныя тэгі маюць сваю рэкамендацыю. Іх некалькі:

Неабавязковы тэг.
Забаронены.
Пусты тэг.
састарэлы
Згублены.

Тэгі ў HTML

Перад тым як стварыць HTML-старонку, трэба разабрацца з тым, што павінна быць у службовай часткі HEAD.

У вобласці HEAD ёсць як абавязковыя, так і неабавязковыя тэгі. Да абавязковаму тэгу ставіцца загаловак. Ён пазначаецца Загаловак </ title>. Ён прысвойваецца ўсім дакументам. І тое, што вы бачыце ў выніках пошукавай сістэме Google, - гэта тэг title. </p> <p> Пяройдзем да падзелу BODY. Існуюць элементы, якія адлюстроўваюцца ў браўзэры, а ёсць і неотображаемые. Напрыклад, каментары не адлюстроўваюцца карыстальніку. Іх можна выкарыстоўваць для нататак або ж для падказкі іншым супрацоўнікам, калі вы працуеце ў камандзе. </p> <p> Пазначаецца яны як <em><! - каментар -></em> </p> <p> Усё, што знаходзіцца паміж <! - і ->, расцэньваецца праграмай менавіта так. Звярніце ўвагу, што нельга ўкласці тэг-каментар у іншы тэг-каментар. Паколькі як толькі вы адкрыеце <! -, усё, што ідзе далей, не будзе адлюстравана. Інфармацыя будзе не бачная да таго часу, пакуль апрацоўшчык не ўбачыць зачыняе тэг ->. </p> <p> Прыклад такой ўкладзенасці: </p> <p> <em><! - першы каментар <! - другі каментар -> працяг першага каментара -></em> </p> <p> Вынікам у браўзэры будзе наступнае </p> <p> <em>працяг першага каментара -></em> </p> <p> А вось кавалак <em><! - першы каментар <! - другі каментар -></em> не будзе бачны. Другі адкрываны тэг <! - быў праігнараваны і ўспрыняць як просты тэкст. </p> <h2> Загалоўкі ў тэксце </h2><p> Загаловак паказваецца не толькі ў раздзеле HEAD пры дапамозе тэга title. У кантэксце загаловак трэба прыводзіць абавязкова. Паколькі толькі яго ўбачыць карыстальнік. </p> <p> Загалоўкі бываюць розных узроўняў. Такім чынам ствараецца іерархія ў тэксце. Раўнасільна тамоў, кіраўнікам, параграфах у кнігах. </p> <p> Бывае ўсяго 6 узроўняў. Самы галоўны загаловак пазначаецца <h1> Загаловак </ h1>. З пункту гледжання прасоўвання старонкі тэкст у тэгах h1 і title павінен супадаць. Больш за тое, h1 з эстэтычнага пункту гледжання павінен быць толькі адзін. Але гэта не значыць, што браўзэр не будзе апрацоўваць наступныя h1. Іх можна зрабіць колькі заўгодна, але гэта непажадана. </p> <p> Для падзагалоўкам выкарыстоўваюць тэгі ад h2 да h6. Яны так і - называюцца загаловак першага, другога, трэцяга, чацвёртага, пятага і шостага ўзроўню. Так ствараюцца укладзенасць інфармацыі і падраздзяленне на катэгорыі. </p> <p> Выглядае гэта вось так. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="стварыць спасылкі старонкі html" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> абзац </h2><p> Асноўны тэкст у кодзе трэба афармляць у тэгу <p> ... </ p>. Ён адбыўся ад слова "параграф". Кожны абзац трэба афармляць тэгам <p>, а не ляпіць усё ў адну кучу. Звычайны перанос радка не будзе апрацаваны. Усё вывядзецца ў адзін радок. Для пераносаў трэба выкарыстоўваць <a href="https://be.unansea.com/%D1%80%D0%B0%D0%B7%D1%80%D1%8B%D1%9E-%D1%80%D0%B0%D0%B4%D0%BA%D1%96-%D1%9E-html-%D0%B2%D1%8B%D0%BA%D0%B0%D1%80%D1%8B%D1%81%D1%82%D0%BE%D1%9E%D0%B2%D0%B0%D0%B5%D0%BC-%D1%82%D1%8D%D0%B3-br/">тэг <br>.</a> </p> <p> Звярніце ўвагу, што тэг пераносу не зачыняецца. Ён адзіночны. </p> <p> Разгледзім на прыкладзе вершаў. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="вершы Пушкіна" width="700" height="627" layout="intrinsic"></amp-img></p> <p> У розных тэгаў, акрамя свайго "імя", ёсць і свой атрыбут. Напрыклад, у тэга абзаца ёсць атрыбут "выраўноўванне", які пазначаецца align. Ён можа прымаць значэнне left, right, center. Гэта значыць, выраўноўванне па левым ці правым краі або па цэнтры. </p> <h2> выкарыстанне спасылак </h2><p> Напэўна, вы ўжо падумалі: а як стварыць HTML-старонку са спасылкамі? Складанага ў гэтым нічога няма. Стварыць спасылкі старонкі HTML вельмі проста. Для гэтага ёсць адмысловы тэг <a>. У яго ёсць свае абавязковыя атрыбуты. Правільная спасылка выглядае вось так: </p> <p> <em><a href="http:// site /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 страницы"> тэкст спасылкі </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="стварыць спасылкі старонкі html" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Калі не паказаць адрас і тэкст, то дадзеная спасылка будзе бескарыснай або нябачнай для карыстальніка. </p> <h2> заключэнне </h2><p> Існуе вельмі шмат тэгаў, і ў кожнага ёсць свой набор атрыбутаў. Прачытаўшы гэтую інфармацыю, вы павінны былі зразумець, як стварыць вэб-старонку HTML. </p> <p> Для таго каб пашырыць свае веды ў гэтай галіне, трэба чытаць дадатковую літаратуру і карыстацца афіцыйным даведнікам тэгаў па HTML, які размешчаны на сайце W3C. Калі не карыстацца перыядычна абнаўляецца даведнікам аўтараў мовы, вам складана будзе стаць прафесіяналам у гэтай галіне. </p> </div>  </div>  </div>  </div>  </div>  </div>  <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.unansea.com/%D1%8F%D0%BA%D1%96-%D1%81%D0%B0%D0%BC%D1%8B-%D1%85%D1%83%D1%82%D0%BA%D1%96-%D0%B1%D1%80%D0%B0%D1%9E%D0%B7%D1%8D%D1%80/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/769cd20e61bb0e61-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/769cd20e61bb0e61-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%8F%D0%BA%D1%96-%D1%81%D0%B0%D0%BC%D1%8B-%D1%85%D1%83%D1%82%D0%BA%D1%96-%D0%B1%D1%80%D0%B0%D1%9E%D0%B7%D1%8D%D1%80/"> <p>Які самы хуткі браўзэр?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Кампутары</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%8F%D0%BA-%D0%B0%D1%87%D1%8B%D1%81%D1%86%D1%96%D1%86%D1%8C-%D0%BA%D0%B0%D0%BC%D0%BF%D1%83%D1%82%D0%B0%D1%80-%D0%B4%D0%BB%D1%8F-%D0%BF%D0%B0%D0%B2%D0%B5%D0%BB%D1%96%D1%87%D1%8D%D0%BD%D0%BD%D1%8F/"> <p>Як ачысціць кампутар для павелічэння хуткасці яго працы?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Кампутары</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D1%8F%D0%BA-%D1%81%D1%82%D0%B2%D0%B0%D1%80%D0%B0%D1%86%D1%8C-%D1%81%D0%B0%D0%B9%D1%82-%D1%83-%D0%BD%D0%B0%D1%82%D0%B0%D1%82%D0%BD%D1%96%D0%BA%D1%83-%D0%B0%D0%B3%D1%83%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/94e2b12761800e5c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/94e2b12761800e5c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%8F%D0%BA-%D1%81%D1%82%D0%B2%D0%B0%D1%80%D0%B0%D1%86%D1%8C-%D1%81%D0%B0%D0%B9%D1%82-%D1%83-%D0%BD%D0%B0%D1%82%D0%B0%D1%82%D0%BD%D1%96%D0%BA%D1%83-%D0%B0%D0%B3%D1%83%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F/"> <p>Як ствараць сайт у нататніку. Агульная інфармацыя</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Кампутары</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%8F%D0%BA-%D0%B2%D1%8B%D0%B4%D0%B0%D0%BB%D1%96%D1%86%D1%8C-cydia/"> <p>Як выдаліць Cydia?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Кампутары</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-msi-afterburner-%D1%96%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D1%8B%D1%8F-%D0%BF%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D1%8B-%D1%96/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/32cd0f467dec0ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/32cd0f467dec0ec8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-msi-afterburner-%D1%96%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D1%8B%D1%8F-%D0%BF%D1%80%D0%B0%D0%B3%D1%80%D0%B0%D0%BC%D1%8B-%D1%96/"> <p>Настройка MSI Afterburner: інструкцыя, праграмы і водгукі</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Кампутары</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D0%BB%D0%B5%D0%BF%D1%88%D1%8B-%D0%B2%D1%96%D0%B4%D1%8D%D0%B0%D1%80%D1%8D%D0%B4%D0%B0%D0%BA%D1%82%D0%B0%D1%80/"> <p>Лепшы відэарэдактар</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Кампутары</span></h3> </a> </div>  </li> </ul> </div>  <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"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%8F%D0%BA-%D0%BD%D0%B0%D0%BB%D0%B0%D0%B4%D0%B7%D1%96%D1%86%D1%8C-%D1%96%D0%BD%D1%82%D1%8D%D1%80%D0%BD%D1%8D%D1%82-%D0%BD%D0%B0-%D1%82%D1%8D%D0%BB%D0%B5%D1%84%D0%BE%D0%BD%D0%B5/"> <p>Як наладзіць інтэрнэт на тэлефоне? прасцей простага</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Тэхналогіі</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D0%B2%D0%B5%D1%82%D0%BD%D0%B0%D0%BC-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96-%D0%B0%D0%B1-%D0%B3%D0%B0%D1%82%D1%8D%D0%BB%D1%8F%D1%85-%D1%81%D0%BB%D0%B0%D0%B2%D1%83%D1%82%D0%B0%D1%81%D1%86%D1%96/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/69afbca554d90e42-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/69afbca554d90e42-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D0%B2%D0%B5%D1%82%D0%BD%D0%B0%D0%BC-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96-%D0%B0%D0%B1-%D0%B3%D0%B0%D1%82%D1%8D%D0%BB%D1%8F%D1%85-%D1%81%D0%BB%D0%B0%D0%B2%D1%83%D1%82%D0%B0%D1%81%D1%86%D1%96/"> <p>В'етнам: водгукі аб гатэлях, славутасці</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Падарожжы</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D1%80%D1%8D%D1%86%D1%8D%D0%BF%D1%82-%D0%BE%D0%BC%D0%B5%D0%BF%D1%80%D0%B0%D0%B7%D0%BE%D0%BB%D0%B0-%D0%BD%D0%B0-%D0%BB%D0%B0%D1%86%D1%96%D0%BD%D1%81%D0%BA%D0%B0%D0%B9-%D0%BC%D0%BE%D0%B2%D0%B5/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b356bc1270130e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b356bc1270130e9b-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%80%D1%8D%D1%86%D1%8D%D0%BF%D1%82-%D0%BE%D0%BC%D0%B5%D0%BF%D1%80%D0%B0%D0%B7%D0%BE%D0%BB%D0%B0-%D0%BD%D0%B0-%D0%BB%D0%B0%D1%86%D1%96%D0%BD%D1%81%D0%BA%D0%B0%D0%B9-%D0%BC%D0%BE%D0%B2%D0%B5/"> <p>Рэцэпт "омепразола" на лацінскай мове, інструкцыя па ўжыванні, сведчанні і водгукі</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Здароўе</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D0%BA%D1%80%D0%B0%D1%96%D0%BD%D0%B0-%D1%86%D1%83%D0%B4%D0%B0%D1%9E-%D0%B0%D0%BA%D1%86%D1%91%D1%80%D1%8B-%D1%86%D1%96%D0%BA%D0%B0%D1%9E%D0%BD%D1%8B%D1%8F-%D1%84%D0%B0%D0%BA%D1%82%D1%8B/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/7bdb8dcb7e700ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/7bdb8dcb7e700ed4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D0%BA%D1%80%D0%B0%D1%96%D0%BD%D0%B0-%D1%86%D1%83%D0%B4%D0%B0%D1%9E-%D0%B0%D0%BA%D1%86%D1%91%D1%80%D1%8B-%D1%86%D1%96%D0%BA%D0%B0%D1%9E%D0%BD%D1%8B%D1%8F-%D1%84%D0%B0%D0%BA%D1%82%D1%8B/"> <p>"Краіна цудаў": акцёры, цікаўныя факты пра здымкі фільма</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Мастацтва і забавы</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D0%B1%D1%96%D1%8F%D0%B3%D1%80%D0%B0%D1%84%D1%96%D1%8F-%D1%81%D1%83%D0%BC%D0%B8%D1%88%D0%B5%D0%B2%D1%81%D0%BA%D0%BE%D0%B3%D0%BE-%D1%8F%D1%80%D0%B0%D1%81%D0%BB%D0%B0%D0%B2%D0%B0-%D1%96/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/adb09c137ec10ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/adb09c137ec10ed8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D0%B1%D1%96%D1%8F%D0%B3%D1%80%D0%B0%D1%84%D1%96%D1%8F-%D1%81%D1%83%D0%BC%D0%B8%D1%88%D0%B5%D0%B2%D1%81%D0%BA%D0%BE%D0%B3%D0%BE-%D1%8F%D1%80%D0%B0%D1%81%D0%BB%D0%B0%D0%B2%D0%B0-%D1%96/"> <p>Біяграфія Сумишевского Яраслава і падрабязнасці асабістага жыцця</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Мастацтва і забавы</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D0%BC%D0%B0%D1%81%D0%BA%D1%96-%D0%B0%D0%B4-%D0%B2%D1%83%D0%B3%D1%80%D0%BE%D1%9E-%D1%9E-%D1%85%D0%B0%D1%82%D0%BD%D1%96%D1%85-%D1%83%D0%BC%D0%BE%D0%B2%D0%B0%D1%85/"> <p>Маскі ад вугроў ў хатніх умовах. Рэцэпты і парады па падрыхтоўцы</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Прыгажосць</span></h3> </a> </div>  </li> </ul> </div>  <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"> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%87%D0%BE%D1%80%D0%BD%D1%8B-%D1%87%D0%B0%D0%B9-%D0%BA%D0%B0%D1%80%D1%8B%D1%81%D1%86%D1%8C-%D1%96-%D1%88%D0%BA%D0%BE%D0%B4%D1%83/"> <p>Чорны чай карысць і шкоду</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Здароўе</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D0%B4%D0%BE%D1%9E%D0%B1%D0%BD%D1%8F-%D1%80%D1%8B%D0%B1%D0%B0%D0%BB%D0%BE%D1%9E%D0%BD%D0%B0%D1%8F-%D1%81%D0%BD%D0%B0%D1%81%D1%86%D1%8C/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/f4231aa870310ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/f4231aa870310ea2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D0%B4%D0%BE%D1%9E%D0%B1%D0%BD%D1%8F-%D1%80%D1%8B%D0%B1%D0%B0%D0%BB%D0%BE%D1%9E%D0%BD%D0%B0%D1%8F-%D1%81%D0%BD%D0%B0%D1%81%D1%86%D1%8C/"> <p>"Доўбня" - рыбалоўная снасць. Разнавіднасці, выраб, сакрэты лоўлі</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Спорт і Фітнэс</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/sony-c2305-%D0%B0%D0%B3%D0%BB%D1%8F%D0%B4-%D0%BC%D0%B0%D0%B4%D1%8D%D0%BB%D1%96-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96-%D0%BF%D0%B0%D0%BA%D1%83%D0%BF%D0%BD%D1%96%D0%BA%D0%BE%D1%9E-%D1%96/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/5a636e416fa20e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/5a636e416fa20e96-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/sony-c2305-%D0%B0%D0%B3%D0%BB%D1%8F%D0%B4-%D0%BC%D0%B0%D0%B4%D1%8D%D0%BB%D1%96-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96-%D0%BF%D0%B0%D0%BA%D1%83%D0%BF%D0%BD%D1%96%D0%BA%D0%BE%D1%9E-%D1%96/"> <p>Sony C2305 - агляд мадэлі, водгукі пакупнікоў і экспертаў</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Тэхналогіі</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D1%88%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D1%96-%D0%BB%D1%96%D1%81%D1%82-%D0%B0%D0%B4%D0%BA%D0%B0%D0%B7%D0%B2%D0%B0%D0%B5%D0%BC-%D0%BD%D0%B0-%D0%BF%D1%8B%D1%82%D0%B0%D0%BD%D0%BD%D0%B5/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/6da1103b62620e71-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/6da1103b62620e71-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%88%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D1%96-%D0%BB%D1%96%D1%81%D1%82-%D0%B0%D0%B4%D0%BA%D0%B0%D0%B7%D0%B2%D0%B0%D0%B5%D0%BC-%D0%BD%D0%B0-%D0%BF%D1%8B%D1%82%D0%B0%D0%BD%D0%BD%D0%B5/"> <p>Што такі ліст? Адказваем на пытанне</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Навіны і грамадства</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D1%9E%D0%BB%D0%B0%D1%81%D1%86%D1%96%D0%B2%D0%B0%D1%81%D1%86%D1%96-%D1%96-%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0-%D0%B2%D1%83%D0%B3%D0%BB%D1%8F%D0%B2%D0%BE%D0%B4%D0%B0%D1%9E/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a58c32ff70b10eaa-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a58c32ff70b10eaa-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%9E%D0%BB%D0%B0%D1%81%D1%86%D1%96%D0%B2%D0%B0%D1%81%D1%86%D1%96-%D1%96-%D0%B1%D1%83%D0%B4%D0%BE%D0%B2%D0%B0-%D0%B2%D1%83%D0%B3%D0%BB%D1%8F%D0%B2%D0%BE%D0%B4%D0%B0%D1%9E/"> <p>Ўласцівасці і будова вугляводаў. функцыі вугляводаў</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Адукацыя</span></h3> </a> </div>  </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://be.unansea.com/%D1%84%D1%83%D0%BD%D0%B4%D0%B8%D0%B7%D0%BE%D0%BB-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96-%D0%BF%D0%B0%D1%86%D1%8B%D0%B5%D0%BD%D1%82%D0%B0%D1%9E-%D1%8F%D0%BA%D1%96%D1%8F/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/654dd2d26fab0e91-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/654dd2d26fab0e91-80x80.jpg" width="80" height="80" layout="responsive"></amp-img> </a> </div>  <div class="mvp-post-more-text left relative"> <a href="https://be.unansea.com/%D1%84%D1%83%D0%BD%D0%B4%D0%B8%D0%B7%D0%BE%D0%BB-%D0%B2%D0%BE%D0%B4%D0%B3%D1%83%D0%BA%D1%96-%D0%BF%D0%B0%D1%86%D1%8B%D0%B5%D0%BD%D1%82%D0%B0%D1%9E-%D1%8F%D0%BA%D1%96%D1%8F/"> <p>«Фундизол»: водгукі пацыентаў, якія перамаглі грыбок. Што лепш выкарыстоўваць: крэм або мазь?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Здароўе</span></h3> </a> </div>  </li> </ul> </div>  </div>  </div>  </article>  </div>  <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.unansea.com. Theme powered by WordPress.</p> </div>  </div>  </div>  </footer> </div>  </div>  </div>  <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/11999983/0/a97b263e/1/"> </amp-pixel> </div> </body> </html>