PočítačeSoftvér

Štruktúra HTML dokumentu: kľúčenky, príklad

HTML - jazyka miesta značkovacieho. Mnohí považujú za programovanie, ale nie je tomu tak. V HTML, nie sú tam žiadne premenné, computing, polia a ďalšie prvky prítomné v ľubovoľnom programovacom jazyku.

Pomocou HTML, vývojár môže vytvoriť iba vzhľad webu. Je dôležité si uvedomiť, že nikto web nemôže existovať bez značiek. HTML je základom pre tvorbu webových stránok. Zvyšok funkcií je pridaný do rôznych programovacích jazykov.

Vytvorenie html dokument

Vytvorenie jednoduchej stránky webu môžu byť v ľubovoľnom editore. Vhodná aj "Poznámkový blok". Pre začínajúceho vývojárov sa odporúča použiť iných editorov, ktorí majú autosubstitution funkcie a ďalšie tipy. To vám umožní vytvárať pripravené tabuľky, odkazy, obrázky a ďalšie prvky. Av "Poznámkový blok" každé písmeno písať ručne.

Typicky, "Poznámky" sa používa iba v prípadoch, keď neexistujú žiadne iné nástroje na dosah ruky. Po prvé, môžete vytvoriť textový dokument, a potom uložené vo formáte html. Všetky stránky by mali byť s príponou html.

Html jazyk je hierarchická. To znamená, že tam je zvláštne štruktúra HTML dokumentu. Čo je to? Zoberme si nasledujúce údaje pre prehľadnosť.

Štruktúra HTML dokumentu. príklad

Štruktúra je vždy rovnaká. Ak chcete niečo zmeniť, prehliadač nemôže zvládnuť. Výsledkom je, že nemusíte dostať to, čo chcete hotovo.

Údaj obsahuje vyššie uvedenú štruktúru akéhokoľvek HTML súboru. Prvá položka označuje typ súboru. Táto značka určuje čas. Ak používate špeciálne editorov, bude celá štruktúra sa automaticky vytvorí. Budete musieť vyladiť predvolené nastavenia.

Štruktúra HTML dokumentu - základné značky:

Z týchto troch, značka je rámujú celý web. Všimnite si, výkresu. Všetky tieto značky majú uzatvárací tag so znakom "/". Ak máte písať rukou, zvyknúť si okamžite dal obe značky - otváranie a zatváranie.

Povedali sme, že stránky webu majú príponu .html. To znamená, že ak vytvoríte textový dokument, ale napísať správny kód, prehliadač stále vám zobrazí len text. Bez prevodu kód nie je.

sekčný šéf

Údaj podľa odseku 3 v časti hlavy. Táto časť identifikuje informáciu o službe. Napríklad môžete určiť, kódovanie (bod 4) a názov stránky (krok 5).

Názov by mal byť vždy. Bez nej nikto z vyhľadávača nedá určiť názov obsah (text) na webovej stránke. A to je zlé pre webové stránky propagácie. Navyše v hornej časti prehliadača nebude nastaviť titulok stránky. Táto nepríjemnosť pre užívateľa.

Štruktúra HTML dokumentu je, že názov je indikovaný len v časti hlavy. V prípade, že tag špecifikovať v časti tela, alebo potom, čo sa psovod nebude venovať pozornosť. </p> <p> Okrem toho v časti hlavy označuje informácie pre pripojenie skripty, CSS súborov, pokyny pre vyhľadávače alebo akékoľvek iné informácie, ktoré užívateľ by nemal vidieť, ale sú dôležité pre prehliadača alebo programátorov. </p> <h2> štýly spojenie </h2><p> Štruktúra HTML dokumentu vám umožní pripojiť viacero štýlov spôsobmi. Okrem toho môže byť zapísaný individuálne pre každý prvok. Ale táto metóda sa neodporúča, pretože kód je príliš veľký a nepríjemný. </p> <p> Roboty odporúčame všetky štýly vytvoriť samostatný súbor, a v prvkoch stačí použiť rôzne triedy. </p> <p> Pripojiť súbor nasledujúcim spôsobom. </p> <p> <Link rel = "stylesheet" href = http: // site typ /article/256158/%E2%80%9Cstyle.css%E2%80%9D = "text / css"> </p> <p> Atribút href určuje cestu k súboru. Ak je cesta k chybe, štýly nie sú načítané. atribútu typu je tiež potrebné, čo znamená, že tento súbor css. </p> <p> Ďalšou možnosťou je definovať štýly priamo v sekcii hlavy. </p> <p><amp-img src="https://images.birmiss.com/image/adb6b1067deb0ec9.jpg" alt="štýly v html" width="259" height="203" layout="intrinsic"></amp-img></p> <p> Ale táto možnosť sa tiež neodporúča. Tieto metódy sa líšia v tom, že súbor css môže byť celý web, a všetky zmeny budú okamžite aplikovať na všetky stránky. A ak použijete metódu, ktorý je zobrazený na obrázku vyššie, budete musieť vykonať zmeny vo všetkých existujúcich stránok na vašom webe. </p> <p> Ak vaša trieda bude použitá len na jednej strane, potom je táto voľba je pre vás to pravé. </p> <h2> pripojenie skripty </h2><p> Skripty sú zapojené nasledovne. </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> Existujú dva povinné atribúty: typ a src. Prvý ukazuje, že tento súbor Javascript je, a druhá - kde je umiestnený súbor. Ak urobíte preklep, potom nič nebude fungovať. </p> <h2> časť tela </h2><p> Štruktúra HTML dokumentu je, že obsah, ktorý má byť videný užívateľom, je nutné iba v profilovom telese. menovka hovorí samo za seba. </p> <p> To určuje všetky základné kód stránky, ktoré môžu obsahovať neobmedzený počet položiek. Ale čím dlhšie kód, tým dlhšie bude spracovaná. </p> <p> Pozrime sa na tie najzákladnejšie tagy, ktoré môžu byť použité v tele. Basic nie je veľa. Všetko ostatné sa dozviete, ako si rozšíriť svoje vedomosti a prax. </p> <h2> kľúčenky </h2><p> Štruktúra HTML dokumentu vyžaduje povinné prvky písania. Štítky musia byť vždy orámovaný pozdĺž okrajov zátvorkách <>. Bez toho, váš prehliadač nepodporuje pochopiť, že túto značku. Po úvodnom konzoly musí byť vždy názov prvku (tagu). Urobíte Ak priestor medzi <a názov, sa domnieva, že prehliadač tento text. </p> <p> Zoberme si za príklad obrazu značky. Všimnite si, že táto značka nie je uzavretý, na rozdiel od odkazov, body, a mnoho ďalších. </p> <p><amp-img src="https://images.birmiss.com/image/90d698b67df00eca.jpg" alt="html štruktúra dokumentu, ktorý je" width="670" height="267" layout="intrinsic"></amp-img></p> <p> Atribút poradí nezáleží. Ale ich písanie (klírens), je dôležité. Vždy je názov atribútu, potom znamienko rovnosti, nasledovaný citovaným hodnotu atribútu je napísaný. Hodnota môže byť rôzne - digitálne alebo textové. </p> <p> atribút src u všetkých značiek ukazuje cestu k súboru, ktorý chcete nahrať. Atribút alt vo všetkých prvkoch indikujúca krátky popis. V tomto prípade je nahrať popis fotografie bird.jpg - Fotografie vtákov. </p> <p> Okrem toho značka img, môžete určiť veľkosť, iba šírku alebo výšku hlavičky, zarovnanie, štýl, triedy alebo rám. </p> <p> Zvážiť aj iné kľúčové značky, ktoré sú uvedené v profilovom telese. </p> <table align=center cellpadding=5 cellspacing=0><tbody><tr><td valign=top width=153><p> štítok </p> </td><td valign=top width=554><p> vymenovanie </p> </td></tr><tr><td valign=top width=153><p> <a> ... </a> </p> </td><td valign=top width=554><p> referencie </p> </td></tr><tr><td valign=top width=153><p> <Img> </p> </td><td valign=top width=554><p> obraz </p> </td></tr><tr><td valign=top width=153><p> <P> ... </ p> </p> </td><td valign=top width=554><p> odstavec </p> </td></tr><tr><td valign=top width=153><p> <br> </p> </td><td valign=top width=554><p> Zalomenie textu na nový riadok </p> </td></tr><tr><td valign=top width=153><p> <Strong> ... </ strong> </p> </td><td valign=top width=554><p> tučné písmo </p> </td></tr><tr><td valign=top width=153><p> <Aj> ... </ i> </p> </td><td valign=top width=554><p> kurzíva </p> </td></tr><tr><td valign=top width=153><p> <S> ... </ s> </p> </td><td valign=top width=554><p> prečiarknutie textu </p> </td></tr><tr><td valign=top width=153><p> <U> ... </ u> </p> </td><td valign=top width=554><p> podčiarknutý text </p> </td></tr><tr><td valign=top width=153><p> <Ol> </ ol>, <ul> </ ul> </p> </td><td valign=top width=554><p> zoznamy </p> </td></tr><tr><td valign=top width=153><p> <Tabuľka> </ table> </p> </td><td valign=top width=554><p> stoly </p> </td></tr></tbody></table><h2> Ako to môže byť reprezentované v hlave </h2><p> Začínajúci vývojári nemôžu vždy len predstaviť, to všetko je špekulatívne. Pozrite sa na niekoľko príkladov webové stránky štruktúry, a potom budete určite ocenia. </p> <p><amp-img src="https://images.birmiss.com/image/d776e2667df50ecb.jpg" alt="vytváranie html dokument" width="391" height="445" layout="intrinsic"></amp-img></p> <p> Koná sa túto verziu: </p> <p><amp-img src="https://images.birmiss.com/image/ea16cbd67dfa0ecc.jpg" alt="html štruktúra dokumentu základné tagy" width="472" height="275" layout="intrinsic"></amp-img></p> <p> A to: </p> <p><amp-img src="https://images.birmiss.com/image/68465c077dff0ecd.jpg" alt="html príklad štruktúry dokumentu" width="457" height="282" layout="intrinsic"></amp-img></p> <h2> používanie štýlov </h2><p> Ako bolo pôvodne uvedené, štýly možno pripojiť ako súbor a určte sekcie hlavou. V ktorejkoľvek skupine udalostí nastane popis identicky. </p> <p> Napríklad môžete určiť štýl pre hlavičky. Potom budete musieť napísať h1 (pretože štýl bude hlavičky druhej úrovne), otvorené zátvorky, a písať to, čo vlastnosti sú v tomto prvku. Ak viete, že základy angličtiny, malo by to byť žiadny problém. Všetky vlastnosti uvedených v ľudskej reči. </p> <p><amp-img src="https://images.birmiss.com/image/552675b77e040ece.jpg" alt="použitia CSS štýly" width="428" height="269" layout="intrinsic"></amp-img></p> <p> Ak chcete nastaviť tento štýl na niekoľko kusov, napíšte čiarku. </p> <p><amp-img src="https://images.birmiss.com/image/dea265687ddd0ec6.jpg" alt="Použitie rôznych štýlov CSS" width="357" height="226" layout="intrinsic"></amp-img></p> <p> Výsledkom bude červený titulok. </p> <p> <amp-img src="https://images.birmiss.com/image/e3c24cd87de20ec7.jpg" alt="textový dokument" width="351" height="203" layout="intrinsic"></amp-img></p> <p> Vyššie uvedený spôsob je vhodný pre konštrukciu štandardných buniek. Ale môžete tiež vytvárať svoje vlastné triedy. Ich meno musí začínať bodkou a potom zapísaný ľubovoľný názov. </p> <p><amp-img src="https://images.birmiss.com/image/a46236087de70ec8.jpg" alt="CSS triedy" width="365" height="278" layout="intrinsic"></amp-img></p> <p> Musia byť použité týmto spôsobom. </p> <p><amp-img src="https://images.birmiss.com/image/99021fb87dec0ec9.jpg" alt="použitia CSS triedy" width="398" height="203" layout="intrinsic"></amp-img></p> <p> Poznámka: Ak ste zadali nastavenie štýlu pre štandardný prvok, nie je nutné v budúcnosti písať triedu slovo. Style bude použitý v predvolenom nastavení. Atribút class, môžete určiť len tie štýly, ktoré začínajú bodkou. </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://sk.birmiss.com/medzisucet-v-exceli/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ad5516d87ecf0ee2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ad5516d87ecf0ee2-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://sk.birmiss.com/medzisucet-v-exceli/"> <p>Medzisúčet v Exceli</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Počítače</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/ako-vymazat-historiu-v-programe-internet-explorer-instrukcie/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/163d9d6770980eab-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/163d9d6770980eab-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://sk.birmiss.com/ako-vymazat-historiu-v-programe-internet-explorer-instrukcie/"> <p>Ako vymazať históriu v programe Internet Explorer: inštrukcie</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Počítače</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/hra-the-sims-3-0x0175dcbb-chyba-inicializacia-co-to-je-a-co-robit/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/189b20b17eed0ee1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/189b20b17eed0ee1-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://sk.birmiss.com/hra-the-sims-3-0x0175dcbb-chyba-inicializacia-co-to-je-a-co-robit/"> <p>Hra The Sims 3: 0x0175dcbb Chyba inicializácia. Čo to je a čo robiť</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Počítače</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/co-je-to-zips-formate-podrobna-analyza/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/0acd6eb17df00ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/0acd6eb17df00ecc-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://sk.birmiss.com/co-je-to-zips-formate-podrobna-analyza/"> <p>Čo je to "zips" -formate? podrobná analýza</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Počítače</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://sk.birmiss.com/po-stiahnuti-cierna-obrazovka-windows-co-robit/"> <p>Po stiahnutí čierna obrazovka Windows: čo robiť?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Počítače</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/kontrola-chyb-text-najlepsi-softver-navrhy/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2e2fb97d7e700ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2e2fb97d7e700ed7-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://sk.birmiss.com/kontrola-chyb-text-najlepsi-softver-navrhy/"> <p>Kontrola chýb text: najlepší softvér návrhy</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Počítače</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://sk.birmiss.com/co-je-podnebie-a-co-sa-stane-s-nim/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/f9cfaa746fc00e94-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/f9cfaa746fc00e94-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://sk.birmiss.com/co-je-podnebie-a-co-sa-stane-s-nim/"> <p>Čo je podnebie a čo sa stane s ním?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Novinky a spoločnosť</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/zdobenie-kupelni-dlazba-napady-oprava-kupelne/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/03c27d477d780ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/03c27d477d780ec3-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://sk.birmiss.com/zdobenie-kupelni-dlazba-napady-oprava-kupelne/"> <p>Zdobenie kúpeľni dlažba: nápady. oprava kúpeľne</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Prostota</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/louis-buchalter-fotografie-prve-roky-trest-obraz-vo-filme/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/25ce34b37e1b0ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/25ce34b37e1b0ecc-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://sk.birmiss.com/louis-buchalter-fotografie-prve-roky-trest-obraz-vo-filme/"> <p>Louis Buchalter: fotografie, prvé roky, trest. Obraz vo filme</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tvorenie</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/ako-rychlo-varit-baklazanov-v-marinade-recepty-banany-v-marinade-na-zimu/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/48d121287e900ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/48d121287e900ed5-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://sk.birmiss.com/ako-rychlo-varit-baklazanov-v-marinade-recepty-banany-v-marinade-na-zimu/"> <p>Ako rýchlo variť baklažánov v marináde: recepty. Banány v marináde na zimu</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Jedlo a nápoje</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/scythian-gold-situacia-okolo-zber-scythian-zlata/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ce5b7ac66fcc0e9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ce5b7ac66fcc0e9c-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://sk.birmiss.com/scythian-gold-situacia-okolo-zber-scythian-zlata/"> <p>Scythian Gold. Situácia okolo zber Scythian zlata</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tvorenie</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/kde-je-laska-v-tychto-dnoch/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5457429070b50ea8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5457429070b50ea8-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://sk.birmiss.com/kde-je-laska-v-tychto-dnoch/"> <p>Kde je láska v týchto dňoch?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Vzťahy</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://sk.birmiss.com/vakcina-menaktra-instrukcie-popisy-a-recenzie/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/39fa89487ec20edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/39fa89487ec20edb-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://sk.birmiss.com/vakcina-menaktra-instrukcie-popisy-a-recenzie/"> <p>Vakcína "Menaktra": inštrukcie, popisy a recenzie</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravie</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/spravna-priprava-tekuteho-bordeaux-slub-ochrany-pre-vasu-zahradu/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1f4505926fff0e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1f4505926fff0e9b-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://sk.birmiss.com/spravna-priprava-tekuteho-bordeaux-slub-ochrany-pre-vasu-zahradu/"> <p>Správna príprava tekutého Bordeaux - sľub ochrany pre vašu záhradu!</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Prostota</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/miron-fedorov-kratka-biografia-a-osobny-zivot/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a25f01de7e040ecb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a25f01de7e040ecb-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://sk.birmiss.com/miron-fedorov-kratka-biografia-a-osobny-zivot/"> <p>Miron Fedorov: krátka biografia a osobný život</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Novinky a spoločnosť</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/holli-berri-filmografia-a-biografia-oscaroveho-herecku-v-hollywoode/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/342835e470830eaa-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/342835e470830eaa-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://sk.birmiss.com/holli-berri-filmografia-a-biografia-oscaroveho-herecku-v-hollywoode/"> <p>Holli Berri: filmografia a biografia oscarového herečku v Hollywoode</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Novinky a spoločnosť</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/co-je-to-fraktal-fraktaly-v-prirode/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2267817a70220ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2267817a70220ea3-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://sk.birmiss.com/co-je-to-fraktal-fraktaly-v-prirode/"> <p>Čo je to fraktál? Fraktály v prírode</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tvorenie</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sk.birmiss.com/ekonomicke-krizy-typy-priciny-dopady-na-rodiny/"> <amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/e4715e55704b0ea1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/e4715e55704b0ea1-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://sk.birmiss.com/ekonomicke-krizy-typy-priciny-dopady-na-rodiny/"> <p>Ekonomické krízy: typy, príčiny, dopady na rodiny</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Novinky a spoločnosť</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 sk.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.884 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 08:09:11 --> <!-- 0.001 -->