RačunalaProgramiranje

HTML-naredbe za stvaranje web-mjesta

HTML akronim stoji kao Hypertext Markup Language. HTML - to nije programski jezik je jezik markup stranice.

Svi preglednici su u mogućnosti to pretvoriti ovu oznaku u prikladan oblik za korisnika.

Ovaj jezik koristi posebne naredbe, zove oznake. Svaka oznaka ima svoju funkciju. Postoji mnogo oznaka. U idealnom slučaju, morate naučiti sve. No, za početnike programer osnovno znanje je dovoljno.

Osnovni HTML naredbe

Lista HTML-naredba je vrlo velik. No, glavno je ne toliko. Da biste započeli pisanje koda, morate urednika. može se koristiti „Bilježnica”. Preporučamo korištenje Notepad ++. To izgleda ovako.

Prednost je u tome što na poseban editor oznake označene su različitim bojama, ovisno o kategoriji. Naredbe za stvaranje HTML stranice u Notepad ili neki drugi program isti. Jezik se koristi svugdje isti. Razvoj Okoliš - je samo alat.

U HTML-u, postoje zatvaranje oznake i nepotamnjen. Također, u tom jeziku postoji pojam gniježđenje. Svaki objekt u kodu - to je element. Element ima početak oznake, sadržaj i zatvaranje. Osim toga, oznaka ima svoje proširene atribute sa svojim vrijednostima.

Slika prikazuje dvije oznake i . Zapamtite da otvaranje i zatvaranje su napisane iste, ali razlikuju se samo po „/”. Ako se oznaka ne zatvori, rukovatelj će se smatrati nastavak ostatak ovog posebnog elementa. To je vrlo važno. Pogotovo u referencama. Mi ćemo gledati na njih malo dalje.

oznaka vezivanja. Uvijek je potrebno pisati. Ali zatvaranje nije potrebno. Prema standardima trebali biti, ali ako ne zatvoriti posao će i dalje biti.

Postoje i druge osnovne oznake: glave i tijela.

Ove HTML-timovi su okvir za stranicu. Oni su obavezna. Oni su također zatvorene.

Naziv oznake odgovara namjeru. Glava - glava. Ovo poglavlje identificira uslugu i važne informacije koje nisu vidljive. Odjeljak tijelo - tijelo dokumenta. Evo, sadržaj koji se prikazuje korisniku. Pokušaj zatvaranja oznake odjednom, onda bi se izbjegla zbrka.

U odjeljku usluga, navodi:

  • Naslov dokumenta;
  • Stil datoteke;
  • skripta datoteke;
  • meta tagovi,
  • Upute za tražilice;
  • Upute za robote;
  • sve druge podatke koji se može koristiti od strane programera, ali ne i korisnicima.

stil file je uključen ovdje kako slijedi:

= http: // stranica tipa /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "text / css">

datoteku skripta kako slijedi:

" src = 'http: // stranica /article/256185/main.js'>

U tekstu mora biti tarifni. Njegova svrha je ovog:

Naslov </ title> stranica</em> </p> <p> Ovaj tekst će biti prikazan u naslovu kartici preglednika. Isto tako, ovaj naslov je izveden kao posljedica izdavanje tražilice. </p> <h2> Tagovi za oblikovanje teksta </h2><p> Tekst bi trebao biti smješten u oznaku odlomka. On se naziva tekst <p> </ p>. Za tekst možete koristiti <span> string </ span>. </p> <p> Za crtanje teksta može biti, kao u „Riječi”: </p> <ul><li> <I> kurzivu </ i> </li><li> <Strong> podebljani tekst </ strong> </li><li> <S> precrtano tekst </ s> </li><li> <U> podcrtano tekst </ u> </li></ul><p> Tekst se može povući stilova. Mi ćemo gledati na njih, na kraju, nakon revizije drugih elemenata. </p> <h2> Korištenje naslov </h2><p> Postoje i druge važne HTML-naredba. zaglavlja nužno koristiti za izradu web stranica. Oni navode se oznake <h1> Naslov prvu razinu </ h1>. Postoje razine od 1 do 6. To je važno razumjeti da je u zaglavlju trebaju se nalaziti. </p> <p> Primjer na slici. </p> <p><amp-img src="https://i23.delachieve.com/image/fceb0bfa7dde0ec8.jpg" alt="osnovne naredbe HTML" width="700" height="280" layout="intrinsic"></amp-img></p> <p> Imajte na umu da je preporučljivo koristiti samo jedan h1 naslov. U ovom slučaju, to mora odgovarati tag <title>. Naravno, možete odrediti 200 zaglavlja h1, ali onda će biti kažnjen od strane tražilica. </p> <h2> Korištenje slike </h2> <p> Slike su sastavni dio web stranica. Primjer pokazuje kako je moguće umetnuti bilo koju fotografiju. </p> <p><amp-img src="https://i23.delachieve.com/image/dc8e12f27ddf0ec8.jpg" alt="HTML naredbe za site" width="487" height="200" layout="intrinsic"></amp-img></p> <p> Kao što možete vidjeti, primjer je prikazano u detalje kako i što da kaže. </p> <h2> Korištenje veze </h2><p> Ako ste saznali HTML-naredba, oznaka svjesni veze jednostavno moraju. Ovo je jedan od najvažnijih elemenata, što je <a href="https://hr.delachieve.com/sto-je-world-wide-web/">World Wide Web.</a> </p> <p> Link oznaka označena <a>. Ali to svakako treba biti zatvoren. Osim toga, ova stavka ima obvezno atribut href, u kojoj je adresa i link pokazuje na. </p> <p><amp-img src="https://i23.delachieve.com/image/e1ee3b427de40ec9.jpg" alt="hTML naredbe" width="474" height="200" layout="intrinsic"></amp-img></p> <p> U gornjem primjeru, on je vidio da umjesto teksta sadrži referentnu sliku. To jest, možete staviti i tekst i slike. </p> <p> Linkovi također može formatirati pomoću Stilovi klase ili konvencionalne oznake (kurziv, podebljano, podcrtano, precrtano). </p> <h2> Korištenje tablice </h2><p> Tablice se također koristi vrlo često. Oni su izvorno namijenjen da pruži informacije na prikladan način. Ali onda izgleda su korišteni za smještaj raznih elemente stranice. </p> <p> Stol je izrađen od kako slijedi: </p> <p> <em><Tablica širina = "100%" border = "1"></em> </p> <p> <em><Tr></em> </p> <p> <em><Td> Tekst stanica </ td></em> </p> <p> <em><Td> Tekst stanica </ td></em> </p> <p> <em></ Tr></em> </p> <p> <em><Tr></em> </p> <p> <em><Td> Tekst stanica </ td></em> </p> <p> <em><Td> Tekst stanica </ td></em> </p> <p> <em></ Tr></em> </p> <p> <em></ Tablica></em> </p> <p> Širina atribut određuje širinu stola. To može biti postotak ili piksela. Granica pokazuje debljinu okvira. </p> <p> Struktura je naznačeno kako slijedi. Tr oznaka je niz. Tag td stanica. I svi zajedno - stol. </p> <p><amp-img src="https://i23.delachieve.com/image/047bcf4b7ded0ecb.jpg" alt="Popis HTML naredbe" width="535" height="290" layout="intrinsic"></amp-img></p> <p> Možete poravnati stol. Ona koristi align atribut, što može potrajati tri vrijednosti: lijevo, centar, desno. Primjer korištenja navedene u nastavku. </p> <p><amp-img src="https://i23.delachieve.com/image/391be6fb7df20ecc.jpg" alt="HTML naredbe za stolom" width="375" height="253" layout="intrinsic"></amp-img></p> <p> To HTML-naredba (širina i poravnanje) također pogodan i za druge elemente. Debljina okvira kao što je prikazano na slici. </p> <h2> Korištenje popisa </h2><p> Korištenje HTML-naredbe, možete stvoriti različite vrste popisa. Skoro isti kao u programu Word. </p> <p> U jeziku postoji HTML naručiti i neuređen liste (oznakama). Primjer takvog popisa. </p> <p> <em><Ul></em> </p> <p> <em><Li> Prva </ li></em> </p> <p> <em><Li> drugi </ li></em> </p> <p> <em><Li> Treća </ li></em> </p> <p> <em></ Ul></em> </p> <p> Rezultat će biti: </p> <ul><li> prvo </li><li> drugo </li><li> treći </li></ul><table align=center cellpadding=5 cellspacing=0 style="width: 539px; height: 215px;"><tbody><tr><td width=240><p> <strong>popis vrsta</strong> </p> </td><td width=345><p> <strong>Kod u HTML jeziku</strong> </p> </td></tr><tr><td width=240><p> U obliku kruga </p> </td><td width=345><p> <Tip Ul = "disc"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr><tr><td width=240><p> U krugu </p> </td><td width=345><p> <Tip Ul = "krug"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr><tr><td width=240><p> Na trgu markera </p> </td><td width=345><p> <Tip Ul = "kvadrata"> <br> <Li> ... </ li> <br> </ Ul> </p> </td></tr></tbody></table><p> Ž liste se stvaraju na isti način, ali umjesto <ul>, koristite oznaku <ol>. </p> <p> Također možete odrediti vrstu popisa izlaz: </p> <ul><li> <em>"1"</em> - arapski brojevi 1, 2, 3 ... </li><li> <em>"A"</em> - velika slova A, B, C ... </li><li> <em>"A"</em> - mala slova a, b, c ... </li><li> <em>"Ja"</em> - veliki rimskim brojevima I, II, III ... </li><li> <em>"I"</em> - mali rimskim brojevima I, II, III ... </li></ul><p> Standardni izlaz od arapskim brojkama. </p> <p> Budući da je ovo oznakama liste, imaju početnu atribut koji određuje početnu vrijednost na popisu. Na primjer, možete prikazati popis počevši od 10-og ili 20-og. </p> <h2> Korištenje stilova </h2><p> HTML-naredbe za web stranice su vrlo raznoliki, ali svi oni slušaju stilova. Stilovi može biti navedena u datoteci pod glavu: <link rel = "stylesheet" href = http: // stranica tipa /article/256185/%E2%80%9Cstyle.css%E2%80%9D = "text / css" > ili propisati spreman stil. </p> <p> Imajte na umu da između ove definicije stilova postoji razlika. Slika Stilovi može biti navedena u svim stranicama web-mjesta. Čim napravite promjene na njemu, onda je ovo ažuriranje će utjecati na cijeli web stranice u cjelini. Ako odrediti stilove na određenu stranicu, promjene i korištenje tih klasa će biti samo unutar datoteke. Iza njega se postavke neće izaći. </p> <p> Zamislite da imate 20 stranica u HTML-u, a vi odlučite napraviti zaglavlje 2 piksela više. Ako imate sve što je u stilu datoteku, a zatim urediti samo je potrebno da bi tamo. Ako je sve individualno, morate ažurirati svih 20 stranica. </p> <p> Samo ukazuju na jednoj stranici kako slijedi. </p> <p> <amp-img src="https://i23.delachieve.com/image/a64e41927de90eca.jpg" alt="HTML naredbe stilova" width="248" height="200" layout="intrinsic"></amp-img></p> <p> Ova metoda se ne preporučuje. </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"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://hr.delachieve.com/aimp-veliki-igrac-za-kopyutera/"> <p>AIMP - Veliki igrač za kopyutera</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/rastavljac-je-ovaj-ideja-i-pokret/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/acb4f2a47e6b0ed8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/acb4f2a47e6b0ed8-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://hr.delachieve.com/rastavljac-je-ovaj-ideja-i-pokret/"> <p>Rastavljač je ovaj: ideja i pokret</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</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://hr.delachieve.com/dinamicko-programiranje-osnovna-nacela/"> <p>Dinamičko programiranje, osnovna načela</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/javascript-regularni-izraz-primjeri-provjerite-regularnih-izraza/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/02d6c0997e100ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/02d6c0997e100ecc-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://hr.delachieve.com/javascript-regularni-izraz-primjeri-provjerite-regularnih-izraza/"> <p>Javascript, regularni izraz primjeri, provjerite regularnih izraza</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</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://hr.delachieve.com/besumni-kodiranje-kako-je-sve-pocelo/"> <p>Bešumni kodiranje: kako je sve počelo?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/kako-staviti-prostor-html/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b969bfc570620ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b969bfc570620ea2-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://hr.delachieve.com/kako-staviti-prostor-html/"> <p>Kako staviti prostor html</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Računala</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://hr.delachieve.com/paleta-boja-od-boje-za-kosu-ima-izbor-tonova/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/3dc12fe76fac0e95-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/3dc12fe76fac0e95-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://hr.delachieve.com/paleta-boja-od-boje-za-kosu-ima-izbor-tonova/"> <p>Paleta boja od boje za kosu: ima izbor tonova</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ljepota</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/dvadeset-prvi-noc-ponedjeljak-analiza-ranog-rada-a-ahmatovoj/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/ca6d3db67e400ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/ca6d3db67e400ecf-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://hr.delachieve.com/dvadeset-prvi-noc-ponedjeljak-analiza-ranog-rada-a-ahmatovoj/"> <p>„Dvadeset prvi. Noć. Ponedjeljak”. Analiza ranog rada A.Ahmatovoj</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Publikacije i pisanje članaka</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/dijagram-toka-programi-predmeti-dijelovi-gradjevinski/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b8b094ec6fc00e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b8b094ec6fc00e96-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://hr.delachieve.com/dijagram-toka-programi-predmeti-dijelovi-gradjevinski/"> <p>Dijagram toka: programi, predmeti, dijelovi, građevinski</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tehnologije</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://hr.delachieve.com/kako-prikupiti-ziva-nastavite-odmah/"> <p>Kako prikupiti živa? Nastavite odmah!</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Dom i obitelj</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://hr.delachieve.com/slasni-i-lagana-jela-od-mesa-i-krumpira/"> <p>Slasni i lagana jela od mesa i krumpira</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hrana i pića</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/kompaktan-paket-u-ormaru-upute-i-primjeri/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1c96c5567e420ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1c96c5567e420ed1-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://hr.delachieve.com/kompaktan-paket-u-ormaru-upute-i-primjeri/"> <p>Kompaktan paket u ormaru - Upute i primjeri</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Novosti i društvo</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://hr.delachieve.com/zasto-zubobolja-bez-zivca/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/fc42ab737ea80edb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/fc42ab737ea80edb-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://hr.delachieve.com/zasto-zubobolja-bez-zivca/"> <p>Zašto zubobolja bez živca?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/aglutinacija-u-psihologiji-je-aglutinacija-u-psihologiji-definicija-karakteristike-i-uzroci/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/5de188c67d870ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/5de188c67d870ec7-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://hr.delachieve.com/aglutinacija-u-psihologiji-je-aglutinacija-u-psihologiji-definicija-karakteristike-i-uzroci/"> <p>Aglutinacija u psihologiji - je ... aglutinacija u psihologiji: definicija, karakteristike i uzroci</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Samokultiviranje</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://hr.delachieve.com/sto-je-lorentz-sila/"> <p>Što je Lorentz sila</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formacija</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://hr.delachieve.com/ucinkovita-tehnika-za-lijecenje-razlicitih-bolesti-je-biorelevantna-terapija-recenzije-lijecnika/"> <p>Učinkovita tehnika za liječenje različitih bolesti je biorelevantna terapija. Recenzije liječnika.</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/kako-kuhati-govedine-pluca-recepti/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/ae29833061a90e61-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/ae29833061a90e61-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://hr.delachieve.com/kako-kuhati-govedine-pluca-recepti/"> <p>Kako kuhati govedine pluća? recepti</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hrana i pića</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://hr.delachieve.com/runo-spaja-toplo-i-ugodno/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/6d0302887ddb0eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/6d0302887ddb0eca-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://hr.delachieve.com/runo-spaja-toplo-i-ugodno/"> <p>Runo spaja - toplo i ugodno</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Dom i obitelj</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 hr.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.197 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-09-30 18:29:58 --> <!-- 0.001 -->