RačunalaSoftver

Kako stvoriti HTML-stranici: korak po korak upute i preporuke tehnologija

Misliš da kako stvoriti HTML-stranicu? Da biste to učinili, potrebno je provesti nekoliko sati, a vi ćete znati osnove HTML-a. I napravite prve stranice će biti u mogućnosti da 5 minuta.

HTML je skraćenica od HyperText Markup Language. Prevedeno, to znači "Hypertext Markup Language". Važno je razumjeti da HTML - to nije programski jezik, i to za označavanje stranice.

Svim modernim pretraživačima su u stanju da ga prepozna. Onda oni pokazuju informacije u zgodan način za korisnika, kao unaprijed bila namijenjena od strane autora.

Ovaj jezik koristi posebne oznake. Svaka oznaka ima funkciju. Mnogi od njih. U idealnom slučaju, trebate naučiti sve. Ali za početnike osnovno znanje je dovoljno.

HTML Osnove

Prije nego što možete kreirati HTML-stranice, treba da znate o čemu se radi. Na tom jeziku, postoje dva koncepta: element i oznaku.

Da biste odredili gdje element počinje i zatvara pomoću otvaranja i zatvaranja tag. To izgleda ovako.

sadržaj

Kao što možete vidjeti, otvaranje i zatvaranje tag razlikuju se samo po "/".

Svi HTML-dokument je skup tih elemenata. Postoje određene zahtjeve za strukturu dokumenta. Sav sadržaj stranica mora biti između dvije oznake i . Kada pišete kod, da ga naviku da odmah spusti otvaranja i zatvaranja tag.

Također zapamtite da HTML struktura jezika ima svoju hijerarhiju. U suprotnom, to se zove gniježđenje. HTML tag je najvažniji, jer su svi ostali unutra.

U HTML-a, postoje dva djeteta elementa:

  • ... ;
  • .. .

U sekciji HEAD navodi razne servisne informacije. Ova informacija je prikazana u preglednik ne. Na primjer, smjernice za programere, za sve programe, roboti i još mnogo toga.

Ono što je najbitnije - nema sadržaja.

Sekciji BODY određuje sadržaj dokumenta, koja će biti prikazana na korisnika.

Naučite da odmah učiniti javnim i privatnim tagove, kao što može biti i 10 pod-stavke. Osim toga, za praktičnost eng tagove rade razvedene. Na primjer, kao što je ovaj.

Tako da da jednake važnosti tagovi bili na istom nivou, a dijete - je "unutra". Mnogo lakše za čitanje i tražiti određeni dio koda. U suprotnom, možete dobiti zbunjen. Ali za uštedu prostora je glavu i tijelo oznake mogu biti učinjeno bez padding. Tako dolazimo do svih drugih imao ništa alineja. Sve ostalo je poželjno da se razdvoje.

Kako napraviti jednostavnu HTML stranicu na

Da napiše kod vam je potrebna neka vrsta urednika. Mnogi od njih. Popularne su Notepad ++ i Adobe Dreamweaver. Također možete koristiti prijenosno računalo.

Evo šta ++ urednik Notepad.

To je vrlo urednik razumljiv i to je besplatan. Gore Adobe Dreamweaver plaća. Za razliku od editor dizajniran za pisanje HTML koda iz podloge - u tu posebnu tagovi su istaknuti. Ako se ne pali, to znači da ste napisali je pogrešno.

Kako bi se podudara sa jezikom svjetlosti, potrebno je odrediti u postavkama.

Pogledajmo kako stvoriti HTML stranicu u Notepadu. To se, završiti tehnički dio i onda samo preći na proučavanje oznaka.

Kako napraviti web stranicu u svesku HTML

Prvo, otvorite notebook.

Zatim upišite u njemu koji je naveden u sljedećim screenshot.

Se koristi za pisanje svoje ruke, a ne samo kopija. Kada pišete ruke, bolje zapamtiti cijelu bazu podataka oznaka.

Zatim kliknite na izborniku "Save File" i odredite naziv datoteke, ali s nastavkom .html.

Datoteke mogu se otvoriti u pregledniku, i uživati u rezultat. Sada bi trebalo biti jasno kako da napravite web stranice u svesci HTML.

Svijet Konzorcij W3C

Postoji organizacija, kao što je W3C, koja razvija i implementira sve standarde za Internet. Sve pretraživači su predmet ove standarde i proces raspored (e) za stranice u skladu sa ovim pravilima.

Zvaničnom sajtu programeri HTML, možete pronaći sto sa svim oznakama i pravila o njihovoj upotrebi. U ovom članku ćemo pogledati na najosnovnije.

Možete misliti o onome što bi moglo biti u redu? Sve ove oznake imaju preporuku. Nekoliko od njih:

  • Opcionalno oznaku.
  • Zabranjeno.
  • Blank oznaku.
  • zastario
  • Izgubljen.

Oznake u HTML

Prije nego što možete kreirati HTML-stranice, morate shvatiti da je to u službi glave.

HEAD Na području postoje i obavezni i opcionalno oznaka. Obavezna oznaka odnosi zaglavlja. To se označava sa Naslov </ title>. On je dodijeljen čitav dokument. I ono što vidite u Google rezultatima pretraživanja - naslov oznaku. </p> <p> Skrećemo područjima body. Postoje elementi koji su prikazani u pretraživaču, a tu su i ne prikazuje. Na primjer, komentari se ne prikazuju korisniku. Oni se mogu koristiti za bilješke ili savjete za druge zaposlene ako radite u timu. </p> <p> Oni koji je određen kao <em><! - komentar -></em> </p> <p> Sve to se nalazi između <! - i ->, program smatra na ovaj način. Imajte na umu da ne možete staviti oznaku komentara u još jedan citat komentar. Jer čim otvorite <! -, sve to ide, on neće biti prikazana. Informacije neće biti vidljive sve dok rukovatelj neće vidjeti završne oznake ->. </p> <p> Primjer takvog kućišta: </p> <p> <em><! - prvi koji će komentirati <! - drugi komentar -> nastavak prvi komentar -></em> </p> <p> pretraživač će biti rezultat od navedenog </p> <p> <em>nastavak prvi komentar -></em> </p> <p> Ali komad <em><! - prvi koji će komentirati <! - drugi komentar -></em> neće biti vidljiva. Drugi otvor tag <! - je zanemarena i pregledane kao običan tekst. </p> <h2> Naslovi u tekstu </h2><p> Naslov određuje ne samo u dijelu HEAD koristeći naslov oznaku. U kontekstu zaglavlju mora biti naveden nužno. Jer samo korisnik vidi. </p> <p> Naslovi dolaze u različitim nivoima. Tako hijerarhiju u tekstu. Ekvivalent volumena,, poglavlja u knjizi. </p> <p> To je samo 6 nivoa. Glavni naslov je određen <h1> Naslov </ h1>. U smislu promocije teksta stranice u H1 oznake i naslov bi trebao biti isti. Osim toga, H1 sa estetskog aspekta, trebalo bi da postoji samo jedan. Ali to ne znači da pretraživač neće nositi naknadne H1. Oni mogu učiniti sve što želite, ali to nije poželjno. </p> <p> Za podnaslove koristiti oznake sa H2 do h6. Oni su tako - Zvao naslov prvog, drugog, trećeg, četvrtog, petog i šestog nivoa. Tako stvoriti ugnježdene podataka i podjela u kategorije. </p> <p> To izgleda ovako. </p> <p><amp-img src="https://i7.unansea.com/image/32c0ae3c7dd50ec7.jpg" alt="stvoriti veze HTML stranice" width="371" height="256" layout="intrinsic"></amp-img></p> <h2> stav </h2><p> Glavnom tekstu u kodu morate registrirati tag <p> ... </ p>. Došao je iz riječi "stav". Svaki stav treba popuniti tag <p>, a ne oblikovati sve u jednu gomilu. Normalno break linija neće biti obrađen. Sve će ukazati na jednoj liniji. Za transfere treba da koristite <a href="https://bs.unansea.com/break-liniju-u-html-u-koristite-br-tag/">hr tag.</a> </p> <p> Imajte na umu da je transfer taga nije zatvoren. On je jedan. </p> <p> Razmotrimo na primjer stih. </p> <p><amp-img src="https://i7.unansea.com/image/7560d4ec7dd00ec6.jpg" alt="Pushkin pesme" width="700" height="627" layout="intrinsic"></amp-img></p> <p> Različitih tagova, pored svoje "ime", postoji atribut. Na primjer, jedan paragraf oznaka ima atribut "poravnanje", koja se označava poravnanja. To se može podesiti na lijevo, desno, centar. To je, poravnanje lijevo ili desno ili centar. </p> <h2> koristeći linkovi </h2><p> Vi ste vjerojatno već misli: kako stvoriti HTML-stranici sa linkovima? Komplikovano o tome nema ničega. Stvoriti veze HTML stranice je vrlo jednostavna. Za tu svrhu postoji posebna oznaka <a>. Ona ima potrebne atribute. Pravilan link izgleda ovako: </p> <p> <em><a href="http:// stranice /article/255842/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 stranitsy"> link tekst </a></em> </p> <p> <em><amp-img src="https://i7.unansea.com/image/8008f29b7e1b0ed1.jpg" alt="stvoriti veze HTML stranice" width="700" height="199" layout="intrinsic"></amp-img></em> </p> <p> Ako ne navedete adresu i tekst, a zatim ovaj link će biti beskoristan ili nevidljiv za korisnika. </p> <h2> zaključak </h2><p> Postoji mnogo oznaka, a svaki od njih ima svoj set atributa. Nakon čitanja ove informacije, morate razumjeti kako stvoriti HTML web stranice. </p> <p> Kako bi se proširiti svoje znanje u ovoj oblasti, potrebno je da više knjiga i koristiti službene referentne oznake na HTML-u, koji se nalazi na sajtu W3C. Ako ne koristite povremeno ažurirati kataloga jezika autora, od vas će biti teško da postane profesionalni u ovoj oblasti. </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://bs.unansea.com/vracanje-particije-hard-disk-sa-testdisk-aplikacijama/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/04a50423706c0ea6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/04a50423706c0ea6-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://bs.unansea.com/vracanje-particije-hard-disk-sa-testdisk-aplikacijama/"> <p>Vraćanje particije hard disk sa TestDisk aplikacijama</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://bs.unansea.com/kao-i-brojevi-stranica-u-programu-word-2007-2010-i-starije-verzije/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/b7ec8d3361510e56-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/b7ec8d3361510e56-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://bs.unansea.com/kao-i-brojevi-stranica-u-programu-word-2007-2010-i-starije-verzije/"> <p>Kao i brojevi stranica u programu Word 2007, 2010 i starije verzije</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://bs.unansea.com/racunalo-ne-vidi-racunala-na-mrezi-racunar-ne-vidi-wi-fi-mreze/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/a771f1fc7e4a0ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/a771f1fc7e4a0ed4-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://bs.unansea.com/racunalo-ne-vidi-racunala-na-mrezi-racunar-ne-vidi-wi-fi-mreze/"> <p>Računalo ne vidi računala na mreži. Računar ne vidi Wi-Fi mreže</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://bs.unansea.com/stvoriti-kalendar-korak-po-korak-upute-najbolji-program-za-stvaranje-kalendara-misljenja-opise-specifikacije-i-recenzije/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/663dbcd77e480ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/663dbcd77e480ed1-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://bs.unansea.com/stvoriti-kalendar-korak-po-korak-upute-najbolji-program-za-stvaranje-kalendara-misljenja-opise-specifikacije-i-recenzije/"> <p>Stvoriti kalendar: korak po korak upute. Najbolji program za stvaranje kalendara: mišljenja, opise, specifikacije i recenzije</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://bs.unansea.com/mijesanje-muzika-program-pregled/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/f7b777d570630ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/f7b777d570630ea2-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://bs.unansea.com/mijesanje-muzika-program-pregled/"> <p>Miješanje muzika: program pregled</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://bs.unansea.com/kako-raditi-u-1c-u-savremenom-preduzecu/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/8fc4c1e961a80e60-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/8fc4c1e961a80e60-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://bs.unansea.com/kako-raditi-u-1c-u-savremenom-preduzecu/"> <p>Kako raditi u "1C" u savremenom preduzeću</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"> </div> <!--mvp-post-more-img--> <div class="mvp-post-more-text left relative"> <a href="https://bs.unansea.com/vulvitis-lijecenje-u-zena-i-djevojaka/"> <p>Vulvitis liječenje u žena i djevojaka</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://bs.unansea.com/savezni-zakon-na-carinskih-propisa-ruske-federacije-sadrzaj-i-funkcije/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/198b06727ddf0ecb-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/198b06727ddf0ecb-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://bs.unansea.com/savezni-zakon-na-carinskih-propisa-ruske-federacije-sadrzaj-i-funkcije/"> <p>Savezni zakon "Na carinskih propisa Ruske Federacije": sadržaj i funkcije</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zakon</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://bs.unansea.com/drevni-egipat-oruzje-sa-imenom/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/621fb1c37e230ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/621fb1c37e230ecf-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://bs.unansea.com/drevni-egipat-oruzje-sa-imenom/"> <p>Drevni Egipat: oružje sa imenom</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"> <a href="https://bs.unansea.com/william-sarojan-biografija-kreativnost-i-slike/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/9fcc11547dc50ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/9fcc11547dc50ec3-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://bs.unansea.com/william-sarojan-biografija-kreativnost-i-slike/"> <p>William Sarojan: biografija, kreativnost i slike</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Umjetnost i zabava</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://bs.unansea.com/alyssum-jednostavno-uzgoj-i-upotreba-velikih/"> <p>Alyssum: jednostavno uzgoj i upotreba velikih</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://bs.unansea.com/visina-volochkova-je-donio-iz-boljsoj-teatra/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/d76a4fca6fed0e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/d76a4fca6fed0e9a-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://bs.unansea.com/visina-volochkova-je-donio-iz-boljsoj-teatra/"> <p>Visina Volochkova je donio iz Boljšoj teatra?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Umjetnost i zabava</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://bs.unansea.com/kako-da-biste-dobili-osloboditi-od-akni-spotova/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/543e00fb6fa40e92-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/543e00fb6fa40e92-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://bs.unansea.com/kako-da-biste-dobili-osloboditi-od-akni-spotova/"> <p>Kako da biste dobili osloboditi od akni spotova</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://bs.unansea.com/sampon-gubitak-kose-od-brenda-dove-dove-sampon-kontrola-gubitak-kose-misljenja-sastav/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/e76ca8576fe00e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/e76ca8576fe00e97-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://bs.unansea.com/sampon-gubitak-kose-od-brenda-dove-dove-sampon-kontrola-gubitak-kose-misljenja-sastav/"> <p>Šampon gubitak kose od brenda Dove ( "Dove"). Šampon "Kontrola gubitak kose": mišljenja, sastav</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://bs.unansea.com/barun-sobty-biografija-filmografija-licni-zivot/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/1f44c19c70760ead-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/1f44c19c70760ead-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://bs.unansea.com/barun-sobty-biografija-filmografija-licni-zivot/"> <p>Barun Sobty: biografija, filmografija, lični život</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Umjetnost i zabava</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://bs.unansea.com/ako-privreda-bili-jednodnevnih-pilica-nego-da-nahrani-ribe/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/cc9e95e96fb40e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/cc9e95e96fb40e96-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://bs.unansea.com/ako-privreda-bili-jednodnevnih-pilica-nego-da-nahrani-ribe/"> <p>Ako privreda bili jednodnevnih pilića, nego da nahrani ribe?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Posao</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://bs.unansea.com/trolling-sta-je-ovo-trolling-spinning-za-trolling/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/cb5d38f970510ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/cb5d38f970510ea5-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://bs.unansea.com/trolling-sta-je-ovo-trolling-spinning-za-trolling/"> <p>Trolling - šta je ovo? Trolling. Spinning za trolling</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sport i fitness</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://bs.unansea.com/sladkovskiy-aleksandr-vitalevich-biografija/"> <amp-img class="mvp-reg-img" src="https://i7.unansea.com/image/c324ee587eb50ede-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i7.unansea.com/image/c324ee587eb50ede-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://bs.unansea.com/sladkovskiy-aleksandr-vitalevich-biografija/"> <p>Sladkovskiy Aleksandr Vitalevich: biografija</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Umjetnost i zabava</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 bs.unansea.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/11999983/0/a97b263e/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.298 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-02 05:06:36 --> <!-- 0.002 -->