HTML - jezik markup stranice. Mnogi smatraju da je programiranje, ali nije. U HTML-u, ne postoje varijable, računalstvo, nizovi i ostali elementi prisutni u bilo kojem programskom jeziku.
Korištenje HTML, programer može stvoriti samo izgled stranice. Važno je shvatiti da nitko stranica ne može postojati bez oznaka. HTML je osnova za stvaranje web stranica. Ostatak funkcionalnosti dodaje se raznim programskim jezicima.
Stvaranje HTML dokumenta
Napravite jednostavnu stranicu web-mjesta može biti u bilo kojem editoru. Pogodno čak i „Notepad”. Za početnike developer preporuča se koristiti druge urednika koji su autosubstitution funkcije i druge savjete. To vam omogućuje da stvorite spremne tablice, linkovi, slike i druge elemente. I u „Notepad” svako slovo napisati ručno.
Tipično, „Napomene” se koristi samo u slučajevima kada ne postoje druge alate pri ruci. Prvo, stvoriti tekstualni dokument, a zatim spremiti u HTML formatu. Sve stranice trebaju biti s nastavkom HTML.
HTML jezik je hijerarhijski. To je, tu je posebna struktura HTML dokumenta. Što je to? Razmislite o sljedećem zbog jasnoće.
Struktura HTML dokumenta. primjer
Struktura je uvijek isti. Ako želite nešto promijeniti, preglednik ne može podnijeti. Kao rezultat toga, ne dobiti ono što želite učiniti.
Lik sadrži gore navedene strukture bilo HTML-datoteku. Prva točka označava tip datoteke. Ova oznaka određuje vrijeme. Ako koristite posebne urednika, cijela struktura će se automatski stvoriti. Morat ćete štipanje zadane postavke.
Struktura HTML dokumenta - osnovne oznake:
Od ta tri, oznaka je okvir cijele stranice. Obratite pažnju na crtež. Sve ove oznake imaju završnu oznaku s „/”. Ako pišete rukom, naviknuti odmah stavio obje oznake - otvaranje i zatvaranje.
Rekli smo da su stranice web-lokacije imaju ekstenziju .html. To jest, ako ste stvorili tekst dokumenta, ali pisati točan broj, preglednik i dalje prikazuje ti samo tekst. Ne kod pretvorbe nije.
čeoni dio
Lik iz stavka 3. glave odjeljka. Ovo poglavlje identificira informacije o usluzi. Na primjer, možete odrediti kodiranje (stavak 4.) i naslov stranice (korak 5).
Naslov bi trebao uvijek biti. Bez njega, nitko od tražilice ne mogu odrediti ime sadržaja (tekst) na web stranici. A to je loše za promociju web stranica. Osim toga, u vrhu preglednika neće Postavite naslov stranice. To neugodnosti za korisnika.
Struktura HTML-dokumenta je da je naslov
je indiciran samo u glavi odjeljka. Ako je <title> tag navesti u dijelu tijela, ili nakon, rukovatelj neće obratiti pozornost. </p>
<p> Osim toga, u dijelu glave ukazuje informacije za spajanje skripte, CSS datoteke, upute za tražilice ili bilo koje druge informacije koje korisnik ne bi trebao vidjeti, ali su važne za preglednik ili programera. </p>
<h2> stilovi veza </h2><p> Struktura HTML dokumenta omogućuje povezivanje različitih stilova načina. Štoviše, oni mogu biti pisani pojedinačno za svaki element. No, ova metoda se ne preporučuje, jer kod je prevelika i neugodno. </p>
<p> Botovi preporučuju svi stilovi čine zasebnu datoteku, a elementi samo koristiti različite klase. </p>
<p> Spojite datoteku na sljedeći način. </p>
<p> <Link rel = "stylesheet" href = http: // stranica tipa /article/256158/%E2%80%9Cstyle.css%E2%80%9D = "text / css"> </p>
<p> Href atribut određuje putanju do datoteke. Ako je staza pogreška, stilovi nisu učitani. od tipa atributa također je potrebno, što ukazuje na to da ovaj css datoteku. </p>
<p> Druga mogućnost je definiranje stilova izravno u glavu odjeljka. </p>
<p><amp-img src="https://images.birmiss.com/image/adb6b1067deb0ec9.jpg" alt="stilovi u HTML" width="259" height="203" layout="intrinsic"></amp-img></p>
<p> No, ova opcija također nije preporučljivo. Ove metode se razlikuju po tome što je CSS datoteka može biti cijela web stranica, a sve promjene će se odmah primijeniti na svim stranicama. A ako koristite metodu koja se prikazuje na slici gore, morat ćete napraviti promjene na svim postojećim stranicama na svoje stranice. </p>
<p> Ako vaš razred će se koristiti samo na jednoj stranici, onda ova opcija je pravo za vas. </p>
<h2> veza skripte </h2><p> Skripte su spojeni na sljedeći način. </p>
<p> <Script type = "text / javascript" src = http: // stranica /article/256158/%E2%80%9Cmain.js%E2%80%9D%3E%3C/script%3E%3C/p> </p>
<p> Postoje dvije obaveznih atributa: tip i src. Prvi ukazuje na to da je ova datoteka Javascript je, a drugi - gdje se nalazi datoteka. Ako napravite pravopisnu pogrešku, onda ništa neće raditi. </p>
<h2> poglavlje tijelo </h2><p> Struktura HTML-dokumenta je da je sadržaj koji se može vidjeti od strane korisnika, potrebno je samo u tijelu odjeljka. Naziv oznake govori sama za sebe. </p>
<p> To određuje sve osnovne kôd stranice, što može uključivati neograničen broj predmeta. No, više kod, više će se obrađivati. </p>
<p> Razmislite najosnovnije oznake koje se mogu koristiti u tijelu. Osnovni nije puno. Sve ostalo ćete saznati što vam razviti svoje znanje i praksu. </p>
<h2> Ključne oznake </h2><p> Struktura HTML-dokument zahtijeva obavezne elemente pisanja. Tagovi uvijek mora biti uokviren uz rubove zagrade <>. Bez toga, vaš browser ne razumiju da tu oznaku. Nakon otvaranja nosač mora uvijek biti naziv elementa (oznaka). Ako napravite razmak između <i ime, preglednik smatra ovaj tekst. </p>
<p> Razmotrimo primjer slikovnu oznaku. Imajte na umu da je ova oznaka nije zatvorena, za razliku od veze, stavaka, i mnogi drugi. </p>
<p><amp-img src="https://images.birmiss.com/image/90d698b67df00eca.jpg" alt="HTML struktura dokumenta koji je" width="670" height="267" layout="intrinsic"></amp-img></p>
<p> Atribut red ne smeta. No, njihova pisanja (klirens) je važan. Uvijek je naziv atributa, zatim znak jednakosti, nakon čega slijedi citirani vrijednost atributa je napisano. Vrijednost može biti različit - digitalni ili tekst. </p>
<p> Src atribut u svim oznakama označava putanju datoteke u koju želite postaviti. Alt osobina u svim elementima pokazuje kratki opis. U tom slučaju, postavite opis fotografije bird.jpg - Foto ptice. </p>
<p> Osim toga, oznaka img, možete odrediti veličinu, samo širinu ili visinu zaglavlja, poravnanje, stil, klasu ili okvira. </p>
<p> Uzeti u obzir druge ključne oznake, koje su navedene u tijelu odjeljka. </p>
<table align=center cellpadding=5 cellspacing=0><tbody><tr><td valign=top width=153><p> oznaka </p>
</td><td valign=top width=554><p> imenovanje </p>
</td></tr><tr><td valign=top width=153><p> <a> ... </a> </p>
</td><td valign=top width=554><p> reference </p>
</td></tr><tr><td valign=top width=153><p> <Img> </p>
</td><td valign=top width=554><p> slika </p>
</td></tr><tr><td valign=top width=153><p> <P> ... </ p> </p>
</td><td valign=top width=554><p> stav </p>
</td></tr><tr><td valign=top width=153><p> pregled </p>
</td><td valign=top width=554><p> Prijelom teksta na novu liniju </p>
</td></tr><tr><td valign=top width=153><p> <Strong> ... </ strong> </p>
</td><td valign=top width=554><p> Podebljani tekst </p>
</td></tr><tr><td valign=top width=153><p> <I> ... </ i> </p>
</td><td valign=top width=554><p> kurzivan </p>
</td></tr><tr><td valign=top width=153><p> <S> ... </ s> </p>
</td><td valign=top width=554><p> precrtano tekst </p>
</td></tr><tr><td valign=top width=153><p> <U> ... </ u> </p>
</td><td valign=top width=554><p> podcrtano tekst </p>
</td></tr><tr><td valign=top width=153><p> <Ol> </ ol> <ul> </ ul> </p>
</td><td valign=top width=554><p> arena </p>
</td></tr><tr><td valign=top width=153><p> <Tablica> </ tablica> </p>
</td><td valign=top width=554><p> stolovi </p>
</td></tr></tbody></table><h2> Kako to može biti zastupljena u glavu </h2><p> Novak programeri ne mogu uvijek samo zamisliti sve to je spekulativna. Pogledajte neke primjere web stranica strukture, a onda ste definitivno će se poštovati. </p>
<p><amp-img src="https://images.birmiss.com/image/d776e2667df50ecb.jpg" alt="kreiranje HTML dokument" width="391" height="445" layout="intrinsic"></amp-img></p>
<p> Potrebno je staviti ovu verziju: </p>
<p><amp-img src="https://images.birmiss.com/image/ea16cbd67dfa0ecc.jpg" alt="HTML struktura dokumenta osnovne oznake" width="472" height="275" layout="intrinsic"></amp-img></p>
<p> I ovo: </p>
<p><amp-img src="https://images.birmiss.com/image/68465c077dff0ecd.jpg" alt="html strukture dokumenta primjer" width="457" height="282" layout="intrinsic"></amp-img></p>
<h2> Korištenje stilova </h2><p> Kao što je na početku rečeno, stilovi se mogu spojiti kao datoteke i odrediti glavu odjeljak. U bilo koje klase događaj opis identično. </p>
<p> Na primjer, možete odrediti stil zaglavlja. Zatim morate napisati H1 (jer stil će biti zaglavlje drugi razini), otvorena zagrada, i napisati ono svojstva su u tom elementu. Ako znate osnovne engleski, to bi trebao biti nikakav problem. Sve od svojstava navedenih u ljudskom jeziku. </p>
<p><amp-img src="https://images.birmiss.com/image/552675b77e040ece.jpg" alt="koristiti CSS stilove" width="428" height="269" layout="intrinsic"></amp-img></p>
<p> Ako želite postaviti ovaj stil za nekoliko stvari, pisati zarez. </p>
<p><amp-img src="https://images.birmiss.com/image/dea265687ddd0ec6.jpg" alt="korištenje više CSS stilova" width="357" height="226" layout="intrinsic"></amp-img></p>
<p> Rezultat će biti crvena naslov. </p>
<p><amp-img src="https://images.birmiss.com/image/e3c24cd87de20ec7.jpg" alt="tekst dokumenta" width="351" height="203" layout="intrinsic"></amp-img></p>
<p> Gornja metoda je pogodna za izradu standardnih stanica. Ali, također možete stvoriti svoje vlastite klase. Njihovo ime mora početi s točkom, a zatim napisana bilo proizvoljni naziv. </p>
<p><amp-img src="https://images.birmiss.com/image/a46236087de70ec8.jpg" alt="klase css" width="365" height="278" layout="intrinsic"></amp-img></p>
<p> Moraju se koristiti na taj način. </p>
<p><amp-img src="https://images.birmiss.com/image/99021fb87dec0ec9.jpg" alt="koristiti CSS klase" width="398" height="203" layout="intrinsic"></amp-img></p>
<p> Napomena: Ako ste unijeli stilske postavke za standardne elementa, to nije potrebno u budućnosti napisati klasu riječi. Stil će se po defaultu. Klasa atribut, možete odrediti samo one stilove koji počinju s točkom. </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://hr.birmiss.com/koji-igrac-je-najbolje-koristiti-za-reprodukciju-multimedijskih-sadrzaja/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1ac9184a546b0e38-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1ac9184a546b0e38-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.birmiss.com/koji-igrac-je-najbolje-koristiti-za-reprodukciju-multimedijskih-sadrzaja/">
<p>Koji igrač je najbolje koristiti za reprodukciju multimedijskih sadržaja?</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.birmiss.com/kako-izbrisati-cache-na-chrome-pet-koraka/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a3a28c116f460e8b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a3a28c116f460e8b-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.birmiss.com/kako-izbrisati-cache-na-chrome-pet-koraka/">
<p>Kako izbrisati cache na „Chrome”? pet koraka</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.birmiss.com/program-za-ubrzanje-hladnjaka-na-speedfan-racunalu-podesavanje-brzine-hladnjaka/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8177f0757e570ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8177f0757e570ed1-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.birmiss.com/program-za-ubrzanje-hladnjaka-na-speedfan-racunalu-podesavanje-brzine-hladnjaka/">
<p>Program za ubrzanje hladnjaka na SpeedFan računalu. Podešavanje brzine hladnjaka</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.birmiss.com/kako-omoguciti-javascript/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1893f26d54fd0e46-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1893f26d54fd0e46-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.birmiss.com/kako-omoguciti-javascript/">
<p>Kako omogućiti JavaScript?</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.birmiss.com/kako-vratiti-memorijsku-karticu-program-za-oporavak-upute/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4be73adb7e270ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4be73adb7e270ed1-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.birmiss.com/kako-vratiti-memorijsku-karticu-program-za-oporavak-upute/">
<p>Kako vratiti memorijsku karticu? Program za oporavak, upute</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.birmiss.com/task-manager-alat-za-profesionalce/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c96ea02c61d20e63-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c96ea02c61d20e63-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.birmiss.com/task-manager-alat-za-profesionalce/">
<p>Task Manager - alat za profesionalce</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.birmiss.com/mnogi-lica-spanjolskoj-tarragona-i-njegove-znamenitosti/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ec89f63b62670e74-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ec89f63b62670e74-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.birmiss.com/mnogi-lica-spanjolskoj-tarragona-i-njegove-znamenitosti/">
<p>Mnogi lica Španjolskoj. Tarragona i njegove znamenitosti</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Putovanje</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hr.birmiss.com/traper-karakteristike-i-vrste/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/149d8c98540d0e30-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/149d8c98540d0e30-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.birmiss.com/traper-karakteristike-i-vrste/">
<p>Traper: karakteristike i vrste</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">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://hr.birmiss.com/vesela-tradicija-glavne-proslave-obitelji-je-otkupljenje-nevjeste-mladenke-mladenke/">
<p>Vesela tradicija glavne proslave obitelji je otkupljenje nevjeste mladenke mladenke</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Odnosi</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.birmiss.com/mahune-korisna-svojstva/">
<p>Mahune: korisna svojstva</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.birmiss.com/need-for-speed-most-wanted-zahtjevima-sustava-i-pregled/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/5dcd4ccc7e7b0ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/5dcd4ccc7e7b0ed1-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.birmiss.com/need-for-speed-most-wanted-zahtjevima-sustava-i-pregled/">
<p>Need for Speed Most Wanted: zahtjevima sustava i 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://hr.birmiss.com/povracanje-djece-lijecenje-kod-kuce-ili-u-bolnici/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/eea2f1d16fff0e9e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/eea2f1d16fff0e9e-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.birmiss.com/povracanje-djece-lijecenje-kod-kuce-ili-u-bolnici/">
<p>Povraćanje djece: liječenje kod kuće ili u bolnici?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</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.birmiss.com/americki-pisac-donna-tartt-biografija-kreativnost-knjige-i-recenzije-knjiga-tajna-povijest-donna-tartt-opis-i-recenzije/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/d8d493d67e440ed0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/d8d493d67e440ed0-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.birmiss.com/americki-pisac-donna-tartt-biografija-kreativnost-knjige-i-recenzije-knjiga-tajna-povijest-donna-tartt-opis-i-recenzije/">
<p>Američki pisac Donna Tartt: biografija, kreativnost, knjige i recenzije. Knjiga „Tajna povijest” Donna Tartt: opis i recenzije</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://hr.birmiss.com/sto-je-mononukleoza-a-sto-je-opasno-simptomi-kod-djece-uzrocima-i-lijecenju/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3b35e6ee62380e6b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3b35e6ee62380e6b-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.birmiss.com/sto-je-mononukleoza-a-sto-je-opasno-simptomi-kod-djece-uzrocima-i-lijecenju/">
<p>Što je mononukleoza, a što je opasno? Simptomi kod djece, uzrocima i liječenju</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.birmiss.com/gun-ute-dizajn-i-opseg/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/a23b0f086fa70e98-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/a23b0f086fa70e98-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.birmiss.com/gun-ute-dizajn-i-opseg/">
<p>Gun „Ute”: dizajn i opseg</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://hr.birmiss.com/kako-nacrtati-zombi-ima-karakter-i-majstorski-tecaj/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/c95c6b1662010e6e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/c95c6b1662010e6e-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.birmiss.com/kako-nacrtati-zombi-ima-karakter-i-majstorski-tecaj/">
<p>Kako nacrtati zombi: ima karakter i majstorski tečaj</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://hr.birmiss.com/pasta-za-zube-akvafresh-opis-vrsta-recenzije/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/0579a7417e800ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/0579a7417e800ed4-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.birmiss.com/pasta-za-zube-akvafresh-opis-vrsta-recenzije/">
<p>Pasta za zube „Akvafresh”: opis, vrsta, recenzije</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.birmiss.com/juha-s-kupusom-recepti-ukusna-jela/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/b68f4f6370470ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/b68f4f6370470ea3-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.birmiss.com/juha-s-kupusom-recepti-ukusna-jela/">
<p>Juha s kupusom. Recepti ukusna jela</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hrana i pića</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.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.615 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 03:59:07 -->
<!-- 0.001 -->