, i TAGOVI KOJI SE UVEK MORAJU POSTAVITI. se postavlja na pocetku i na kraju svakog HTML dokumenta, na kraju ide uv ek / pre pisanja slova se uvek postavlja posle i u njemu se postavljaju delovi koji nisu direktno vidljivi na sajtu. METATAGOVI, linkovi ka CSS i ostalim fajlovima Isto ide na kraju sa . se postavlja posle i u njemu se nalazi sve ono sto je vidljivo na sajtu. I ne sme se ponavljati vise puta u toku pisanja koda. Dakle ide tekstovi i ostalo sto ide i na kraju kad se to zavrsi ide posle toga ide tag i to je kraj dokumenta PRIMER KODA

Hello!

I am HTML document.

Prilikom pisanja texta koristimo

naslov

za postavljanje naslova teksta a

text

. Ukoliko imamo vise naslova u istom tekstu tj podnaslova onda koristimo za prvi naslov

za drugi

itd naslovi treceg cetvrtog nivoa itd. Svaki kod mora poceti i mora se zavrsiti ne smemo pocinjati npr sa

naslov i onda preci na kucanje teksta vec moramo zatvoriti

sa

. Jedan tag moze obuhvatiti neogranicen broj drugih tagova ali se svi oni moraju z avrsiti u okviru taga u kojem su pravljeni. Primer:

Matija je <strong>čičino dete

dakle strong je poceo i zavrsi o u u okviru pocetnog taga

Postoje i samozatvarajuci tagovi koje nije potebno zatvoriti kada se otvore. jed an od tih tagova je
za prelom reda u paragrafu on se moze koristiti kao
ili
nije bitno koji god da se unese pravilno je napisano dok ako unesemo
tekst
je nepravilno napisano. DOCTYPE je deklaracija dokumenta i definise koji tip HTML smo koristili i kontro lise gramatiku HTML-a tj ako smo postavili deklaraciju sto znaci da koristimo HTML 5 ne mozemo koristiti pravila iz drugih HTML tipa 3 4 ili strict itd. Mozemo proveriti validnost dokumenta na validator.w3.o rg Ukoliko koristimo neki napredniji text editor ne moramo pamtiti koji doctype sta vljamo vec samo u editoru odaberemo kojim cemo HTML pisati i sam ce postaviti od govarajuci DOCTYPE DOCTYPE UVEK IDE ISPRED !!!!!!!!

Bitna stavka prilikom pisanja je podesiti encoding na UTF8 ovim cemo omoguciti d a koristimo i nasa slova ćčšđž itd i nasu ćirilicu. zbog toga u delu postavljamo <meta charset="utf-8"> Atributi- sadrze dodatne informacije i nalaze se na pocetnim tagovima elemenata. Sastoje se iz dva dela IME i VREDNOST atributa. Pisu se na pocetnom tagu i to odvojeni razmakom od oznake tipa taga. Ime se pise malim slovima,pa ide znak jednakosti =, a zatim vrednost atributa pod znacima navoda. RAZMACI SU ZABRANJENI UNUTAR KONST RUKCIJE ATRIBUTA!!!! PRIMER:

Matija je čičino dete

class je ime a "xyz" je vrednost atributa. Za italic se koristi <em> za bold <strong>. Za karaktere iznad ili ispod tj tipovi za formule kada hocemo da stavimo 2 na kv adrat koristimo <sup> a za formulu za npr hemiju CO2 pa to 2 da ide dole koristi se <sub> Za horizontalnu liniju u tekstu onu koja ce sluziti da "podeli" text koristimo < hr> Specijalni znaci pocinju oznakom & a zavrsavaju se sa ;. Primeri:   -(blanko tj non breaking space) < - < > - > & - & © - © » - » Postoji vise listi: Ordered ili ti uredjene liste se odredjuju najcesce nekim tipom rednih elemenata kao sto su brojevi, rimskim brojevi, slovima alfabeta itd Ove liste se oznacavaju sa

i to je pocetni tj krajni tag a zatim unuta r njega nove

od kojih je svaki nova stavka liste.

1. zika
2. petar

Ovim dobijamo 1. zika 2.petar postavljeno jedno ispod drugog kao lista. Unordered ili ti neuredjene liste su one cije se stavke odredjuju najcesce nekim random simbolima tipa kvadrat, krug, trougao itd. za razliku od uredjenih lista ne potencira se znacaj redosleda. Ove liste se oznacavaju sa

i razlikuju se od odredjenih listi samo zbo g ovog pocetnog tj krajnjeg taga

inace tag koji ide unutar ovog je i dalje

. Definition ili ti definisane su liste cije se stavke sastoje iz dva dela definic ije i teksta. Koristne su kod pitanja i odgovora jer se uvek sastoje iz parova mada se ovaj ti p lista retko koristi danas. Pocetni krajnji kod je

a dok se stavke sastoje iz dva dela

i

i to

je pitanje a u

se daju ponudjeni odgovori.

HTML 4-Atributi za neuredjene liste mogu biti circle(krug), disc(pun krug) i squ are(kvadrat) to znaci da ce elementi liste biti uokvireni odredjenim tipom. Kucanje ide ovako

za pocetni kod ostali kodovi idu isto kao i do sad. Atributi za uredjene liste A-velika slova a-mala slova I-rimski veliki brojevi i -mali rismki brojevi Tabele za pravljenje tabele Za red koristimo dok u svakom redu unosimo celije . Kad zavrsimo red i broj celija u njemu zatvaramo kod i otvaramo novi red i tako pravimo tabelu sa potrebnim brojem redova i celija unutar redova. npr za dva reda 1 2 3 4 Ako hocemo da stavljamo celija sa naslovima onda koristimo tag ponedeljak utorak ujutru uvece Ako zelimo horizontalno da spojimo dve celije koristimo tag colspan="" u izmedju "" pisemo koliko celija spajamo ALI ONDA BRISEMO NEPOTREBNE CELIJE ako imamo 1 2 3 4 5 celija a hocemo da spojimo npr 2 i 3 kucamo u colspan=" 2" 2 a brisemo 3 Ako zelimo vetrikalno da spojimo dve celije koristimo rowspan="" i opet isto kao za spajanje po horizontali ako spajamo celije 1 i 4 brisemo u kodu kod za celiju broj 4. Align može imati vrednosti left, right i center. Kao što i nazivi vrednosti kažu, ravn a se sadržaj levo, desno ili po sredini ćelije. Valign može imati vrednosti top, middle, bottom i baseline. Top postavlja sadržaj u gornji deo ćelije, middle u sredinu, dok bottom i baseline i maju donekle sličnu namenu. Bottom postavlja sav sadržaj u dno ćelije, dok baseline postavlja istu zamišljenu osno vnu liniju i na njoj leži sadržaj i koristan je ako imamo vise celija sa razlicitm velicinama fonta. kuca se align="vrednost" valign="vrednost" 1

Dugacke tabele se moraju razgraniciti na head body i footer deo tabele. se koristi za oznacavanje zaglavlja tabele i unose se redovi koji cine zaglavlje i on uvek ide na pocetak. se koristi za unos regularnih redova i celija i u kodu se uvek s tavljaju na kraju!!!!! se koristi za oznacavanje dna tabele i tu se unose redovi i celi je koji idu na kraju. Iako je za oznacavanje dna tabele u kodu ide posle koda. Kod uvek mora ici redosledom FORME Tag za forme je
. Svaka forma bi trebalo da ima atribute action, me thod,ID a mozemo dodati i name,enctype i target iako pomenuti atributi nisu obavezni u HTML5 bez njih forma ne bi imala smisla. ACTION definise kome ce podaci biti prosledjeni tj do koji skripata. Ciljana str ana je .php .asp .jsp i druge jer se obrada serverskih parametara moze odraditi samo iz serverskih skripata. Ukoliko se izostavi ovaj atribut browser ce podrazumevati da ce ista strana na k ojoj se nalazi forma obraditi podatke. METHOD Ovaj atribut definise na koji nacin ce podaci bit prosledjeni i postoje dve opci je: GET METOD- Podaci iz forme sa ovom opcijom salju se na server kroz URL i informa cije koje se prosledjuju na ovaj nacin su transparentne i podlozne napadima hakera. URL moze sadrzati 8192 karaktera ovaj metod nije pogodan za d uze formulare, takodje moze doci do transliteracije ili transkripcije i neki karakteri se mogu promeniti ili izgubiti. POST METOD- Ovaj metod pakuje podatke unutar HTTP zahteva. Podaci nisu sifrovani i stoga su, iako sigurniji nego u GET METOD, ipak podlozni napadima hakera tako da ako skupljamo personalne informacije kao sto su korisnicka imena, lo zinke ili brojevi kreditnih kartica moramo osigurati bezbednu konekciju do sigurnog servera. NAME i ID- Id se koristi za uniaktno odredjivanje HTML elemenata na strani u Doc ument Object Modelu kroz JavaScript ili za stilizaciju kroz CSS i mora biti jedi nstven. NAME odredjuje ime forme, prosledjuje se serveru. ONO STO JE BITNO JESTE DA JE PREPORUKA STAVLJATI I JEDAN I DRUGI ATRI BUT U STARTU I MOGU IMATI ISTU VREDNOST CAK JE I TO PREPORUCENO. ENCTYPE- Odredjuje kako ce podaci umevana vrednost ovog atributa je Ne moramo ga postavljati elimo da i upload fajlova enctype

biti enkodovani priliko slanja serveru. Podraz application/x-www-form-urlencoded i brinuti o njemu ali ono sto nas zanima ako z mora imati vrednost multipart/from-data

TARGET- Ovaj atribut je isti kao kod linkova osim sto se kod linkova otvara stra nica a kod formi se otvara tj pokrece strana/skripta iz ACTION atributa. Ukoliko se koristi na formu najcesce je vrednost _blank jer tako ukazuj emo formi da treba da se otvori srkipta iz ACTION atributa u novom prozoru. POSTAVLJANJE FORME PRIMER: OSNOVNA FORMA
A ako zelmio da uploadujemo fajlove kroz formu ili da se forma posle submita otv ara u novom prozoru/tabu unecemo i preostala dva atributa:
Ali iako smo sve ovo uneli to je prazan okvir forme koji sam po sebi ne znaci ni sta. Moramo uneti KONTROLE FORME koje ce prikupiti podatke. KONTROLE FORME Kontrole na formu su zaduzene za prikupljanje i prosledjivanje podataka. Mogu bi ti tekstualnog tipa, radio ili check dugmici i tako dalje. Tag koji se najcesce srece u formama je i ovo je samozatvarajuci tag jer se svi njegovi parametri podesavaju kroz atribute. Taj isti tag se koristi za vise razlicitih kontrola ali odredjuje ga OBAVEZNI at ribut TYPE. PRIMER: OBICNO TEKSTUALNO POLJE U primeru koda vidimo da smo postavili atribut TYPE ali i atribut NAME koji je b itan za skripte koje primaju podatke i preko koga ce znati kako da klasifikuju podatke. Takodje imamo ID ali ona nije obavezna. Ono sto jos mozemo dodati od atributa je MAXLENGTH atribu kojim odredjujemo max broj karaktera koji ce moci da se unesu u polje. maxlength="broj" Pored toga ranije se koristio atribut size kojim se odredjivala sirina polja a s ada koristimo CSS opise. color (OVO JE CSS I OVIM SE POKAZUJE POLJE COLOR I PR AZNO ZA UNOS TEKSTA) Bez taga koji je dodat prikazalo bi se samo polje bez tekstualno g dela levo od njega. Sam ne mora biti pre taga ali se cesto tu nalazi. Ono sto jeste bitno da poseduje FOR atri but kojim je vezan za odredjeni input. FOR- atribut label taga mora biti isti kao ID atribut input(ili drugog) taga. Oba taga i input i label su inline po prirodi.

INPUT(PASSWORD) Ovaj tag se moze isto koristiti za unos sifri(password) u tom slucaju atribute T YPE postavljano na password a svi ostali atributi su isti kao za input text. Ovaj tip input polja sakriva karaktere ali ne garantuje sam po sebi sigurnost pr iliko slanja podataka vec je za to potreban pravilno konfigurisan server i ispravno pisanje skripata. TEXTAREA Ovaj tag kreira nesto vece polje za tekst i podrzava vise redova teksta. Za razl iku od input taga ovo nije samozatvarajuci tag i zahteva pocetak i kraj. Izmedju se unosi tekst koji ce se prikazati u kontroli priliko ucitavanja strane . Ukoliko ga korisnik ne obrise bice prosledjen zajedno sa podacima. PRIMER: Lorem ipsum dolor sit amet.</texta rea> U browseru bi se prikazalo polje za unos teksta sa tekstom Lorem ipsum dolor sit amet koje korisnik moze izbrisati pre unosa svog teksta. U ovom tipu kontrole ne unosimo atribut type jer sam po sebi textarea odredjuje namenu. RADIO DUGMICI- Je kontrola koja je vizuelno prilicno drugacija od ranije pomenut ih ali se i ona bazira na INPUT tagu i donekle je komplikovanija za postavljanje . Ono sto je specificno jeste da ne unosimo vrednosti vec samo bira mo od ponudjenih opcija i SAMO JEDNA u grupi moze biti oznacena!!! Za svaki izbor moramo kreirati POSEBAN input tag a da bi browser znao da je vise razlicitih input tagova grupisano moramo im dati u NAME atributu isto ime i zbog toga nece biti dozvoljeno da korisn ik oznaci vise polja. Ukoliko selektuje jedno ostala ce se iskljuciti u toj grup i. Ovde od ranije poznati atribut TYPE mora biti postavljen na vredn ost RADIO. ID vrednost i dalje mora biti razlicita za svaki INPUT bez ozbzira sto je NAME atribut isti. VALUE atribut je novina i pomocu njega prosledjujemo vrednost koj u je korisnik izabrao. PRIMER: <input name="country" type="radio" id="Serbia" value="Serbia" checked="checked"> <label for="Serbia">Serbia</label> <br /> <input name="country" type="radio" id="Romania" value="Romania"> <label for="Romania">Romania</label> <br /> <input name="country" type="radio" id="Ukraine" value="Ukraine"> <label for="Ukraine">Ukraine</label> Ukoliko zelimo da neka vrednost bude oznacena kad se stranica ucita postavicemo<br /> <br /> kod nje na jednom INPUT tagu atribut CHECKED="checked" Naravno dodaju se label tagovi zbog razlikovanja radio-polja. Tu je i nekoliko B R tagova koji odvajaju redove jer su svi elementi ovde inline. CHECKBOX POLJA Ova kontrola je slicna radio-kontroli ali se razlikuje po tome sto korisnik moze da odabere vise opcija u istoj grupi. PRIMER: <input name="country" type="checkbox" id="Serbia" value="Serbia" checked="checke d"> <label for="Serbia">Serbia</label> <br /> <input name="country" type="checkbox" id="Romania" value="Romania"> <label for="Romania">Romania</label> <br /> <input name="country"type="checkbox" id="Ukraine" value="Ukraine"> <label for="Ukraine">Ukraine</label> Kao sto vidimo sve je isto samo je atribut TYPE promenjen u "checkbox" i time sm o omogucili visestruki izbor gde se vrednosti medjusobno ne iskljucuju. SLECET(PADAJUCI MENI) Ova kontrola omogucuje korisniku da izabere jednu od vrednosti iz padajuceg meni ja. Bazira se na SELECT tagu koji sadrzi atribute NAME i ID. Unutar SELECT taga nala zi se vise OPTION tagova u kojima postavljamo moguce vrednosti: <select name="country" id="country"> <option value="Serbia">Serbia</option> <option value="Romania" selected="selected">Romania</option> <option value="Ukraine">Ukraine</option> SVAKI OPTION je jedna vrednosti mora sadrzati atribut VALUE jer je to ono sto pr osledjujemo serveru i skriptama. Naravno mozemo izabrati vrednost koja treba da bude selektovana prilikom ucitavanja stranice i koristimo atribut i vre dnost selected="selected" na zeljenu opciju. SELECT dodatak Pomenutu select kontrolu mozemo promeniti ukoliko SELECT tagu dodamo atribut SIZ E i kao njegovu vrednost unesemo broj i vrednost tog broja odredjuje visinu kontrole i uvek ce toliko opcija biti prikazano. PRIMER: <select name="country" id="country" size="3"> <option value="Serbia">Serbia</option> <option value="Romania" selected="selected">Romania</option> <option value="Ukraine">Ukraine</option><br /> <br /> </select> U ovom primeru smo u kod dodali atribut size="3" i vise se ne pojavljuje padajuc i meni vec samo polje sa prikazom vise vrednosti. Ukoliko je broj SIZE manji od dostupnih vrednosti pojavice se scroll bar sa desne strane. Pored toga mozemo omoguciti i izbor vise vrednosti dodavanjem atributa multipple ="multipple" ali da bi on funkcionisao potreban je i size atribut jer ne moze visestruki izbor u padajucem meniju. Primer: <select name="country" id="country" size="3" multiple="multiple"> <option value="Serbia">Serbia</option> <option value="Romania" selected="selected">Romania</option> <option value="Ukraine">Ukraine</option> </select> Ovako smo omogucili da se vise opcija selektuje ali problem je sto bi korisnik m orao drzati CTRL taster na PC dok pravi visestruki izbor i mora postojati napomena i upustvo o tome jer vecina korisnika nece shvatiti o ce mu je rec. Ponekad browseri imaju problem sa ovakvom select kontrolom potrebno je obavezno testiranje u svim browserima. UPLOAD FAJLA Kontrola koja ovo omogucava je opet tipa input ali sa tipom file type="file" PRIMER: <input type="file" name="CV" id="CV"> Ukoliko koristimo ovu kontrolu forma mora imati podesen METHOD na POST i pravila n ENCTYPE ( sto je pomenuto ranije) Ova kontrola je specificna po tome sto ne dozvoljava stilizaciju i ne moze se s tilizovati CSS opsima dugme, polje i ostalo vec to zavisi od browsera. SUBMIT DUGME Ova kontrola sluza za prosledjivanje forme i unetih podataka serveru gde ce biti obradjeni. Opet se koristi INPUT samo sa atributom TYPE podesenim na SUBMIT. PRIMER: <input type="submit" name="submit" id="submit" value="Finish"> NAME i ID su ovde obavezni. VALUE definise ono sto ce pisati na dugmetu a ukolik o ga ne unesemo na nekim browserima pisace SUBMIT QUERY. Ukoliko zelimo mozemo koristiti sliku umesto obicnog dugmeta a u tom slucaju mor amo postaviti atribut type="image" i tad su nad atributom dozvoljeni src, width, height i alt atributi tj ponasa se kao slika. BUTTON (DUGME)<br /> <br /> Nesto novija kontrola je button i kod nje se postavlja tag <button></button> koj i moze obuhvatiti vise elemenata na primer tekst i sliku. PRIMER: <button> <img src="images/dugme.gif" alt="button" width="10" height="10"> Finish </button> HIDEN POLJE Ovo polje nije vidljivo za korisnika i misli se na direktan prikaz u browser a u prikazu koda stranice je ipak dostupno ali se moze koristiti da privremeno sacuva neke podatke ali ipak tu ne treba po stavljati osetljive podatke. PRIMER: <input type="hidden" name="hiddenField" id="hiddenField" value="x"> Na primer imamo formular za sugestije i komentare na nekom sajtu koji prodaje pr oizvode i ukoliko je korisnik ulogovan priliko pristupa formi sajt moze u skriveno polje upisati njegov ID po kome se vodi u bazi podataka a korisniku t o nije bitno da bude vidljivo na stranici. Kada ostavi poruku i posalje formu prosledice se i taj ID sto moze olaksati sortiranje, pracenje i uopste dal ju obradu. FIELDSET i LEGEND Ukoliko zelimo da deo formulara uokvirimo i da mu damo odredjeni naslov to radim o pomocu FIELDSET taga kojim okruzimo sve kontrole koje izaberemo a pri tome LEGEND tag mozemo postaviti odmah po otvaranju FIELDSET taga. PRIMER: <fieldset> <legend>Contact</legend> <label>Email:<br> <input type="text" name="email"> </label><br> <label>Phone:<br> <input type="text" name="phone"> </label> </fieldset> FIELDSET je po default vrednostima BLOCK tip elementa. Ukoliko pazljivije pogled amo kod u ovom primeru primetimo da su LABEL tagovi postavljeni oko kontrola u ovom slucaju input. To je drugi nacin da se postave LABEL tagovi mada preporuc ujem da se postavljaju odvojeno i koristeci atribut FOR. HTML5 i VALIDACIJA Do sada je validacija uglavnom vrsena JavaScriptom ali se pojavom HTML5 jezika t a mogucnost je ugradjena u sam HTML. PRIMER:<br /> <br /> <input type="password" name="password" required="required"> U ovom trenutku samo neki browseri podrzavaju ovu opciju ali bice zastupljenije u buducnosti. NOVE HTML5 varijante inputa HTML verzije 5 doneo je i nove varijante INPUT kontrole a neke od njih su: tekstualno polje za pretragu (search) – type="search", polje za datum - type="date", polje za URL - type="url", polje za e-mail – type="email". Nema potrebe da se objasnjavaju jer podesavaju polje tako da se pripreme za unos odgovarajuceg sadrzaja a na sam prikaz i funkcionalnost utice to koliko je browser sposoban da ih obradi tako da pazljivo ih koristite i testirajte!!! HTML5 PLACEHOLDER Jos jedna novina je PLACEHOLDER opcija koja mogucuje prikaz teksta pre korisniko ve interakcije.Ta rec bi bila sklonjena cim korisnik klikne na polje i krene sa unosom. Primer: <input type="search" name="search" placeholder="Search..."> </div> </div> <hr /> <h4>Related Documents</h4> <div class="row"> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://vbook.pub/documents/html-5-kodovi-mo80yxp8xgwn" class="d-block"><img class="card-img-top" src="https://vbook.pub/img/crop/300x300/mo80yxp8xgwn.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://vbook.pub/documents/html-5-kodovi-mo80yxp8xgwn" class="text-dark">Html 5 Kodovi</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> March 2021</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 0</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://vbook.pub/documents/html-ge2xqnd3rpw0" class="d-block"><img class="card-img-top" src="https://vbook.pub/img/crop/300x300/ge2xqnd3rpw0.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://vbook.pub/documents/html-ge2xqnd3rpw0" class="text-dark">Html</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> February 2021</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 3</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://vbook.pub/documents/html-vpwpzdyyx02z" class="d-block"><img class="card-img-top" src="https://vbook.pub/img/crop/300x300/vpwpzdyyx02z.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://vbook.pub/documents/html-vpwpzdyyx02z" class="text-dark">Html</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> February 2021</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 4</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://vbook.pub/documents/html-5-css-3-i-javascript-mikroknjiga-9od6ml13xg2y" class="d-block"><img class="card-img-top" src="https://vbook.pub/img/crop/300x300/9od6ml13xg2y.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://vbook.pub/documents/html-5-css-3-i-javascript-mikroknjiga-9od6ml13xg2y" class="text-dark">Html 5 Css 3 I Javascript Mikroknjiga</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> February 2021</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 5</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://vbook.pub/documents/html-5-tutorial-creating-a-hangman-game-1w9dxyz7dj2p" class="d-block"><img class="card-img-top" src="https://vbook.pub/img/crop/300x300/1w9dxyz7dj2p.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://vbook.pub/documents/html-5-tutorial-creating-a-hangman-game-1w9dxyz7dj2p" class="text-dark">Html 5 Tutorial: Creating A Hangman Game</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> February 2021</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 1</small> <div class="clearfix"></div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://vbook.pub/documents/html-programiranje-74wl7yzqz26l" class="d-block"><img class="card-img-top" src="https://vbook.pub/img/crop/300x300/74wl7yzqz26l.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://vbook.pub/documents/html-programiranje-74wl7yzqz26l" class="text-dark">Html Programiranje</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> March 2021</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 0</small> <div class="clearfix"></div> </div> </div> </div> </div> <hr/> <h4>More Documents from "anon-946072"</h4> <div class="row"> <div class="col-lg-2 col-md-4 col-sm-6 col-6"> <div class="card item-doc mb-4"> <a href="https://vbook.pub/documents/html-5-kodovi-mo80yxp8xgwn" class="d-block"><img class="card-img-top" src="https://vbook.pub/img/crop/300x300/mo80yxp8xgwn.jpg" alt=""/></a> <div class="card-body text-left"> <h5 class="card-title"><a href="https://vbook.pub/documents/html-5-kodovi-mo80yxp8xgwn" class="text-dark">Html 5 Kodovi</a></h5> <small class="text-muted float-left"><i class="fas fa-clock"></i> March 2021</small> <small class="text-muted float-right"><i class="fas fa-eye"></i> 0</small> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer pt-5 pb-0 pb-md-5 bg-primary text-white"> <div class="container"> <div class="row"> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Nossa Empresa</h5> <ul class="list-unstyled"> <li><i class="fas fa-location-arrow"></i> 2564 Malvina Cliff Grand Marsh, WI 53936</li> <li><i class="fas fa-phone"></i> +598.347.0652</li> <li><i class="fas fa-envelope"></i> <a href="mailto:info@vbook.pub" class="text-white">info@vbook.pub</a></li> </ul> </div> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Ligações rápidas</h5> <ul class="list-unstyled"> <li><a href="https://vbook.pub/about" class="text-white">Sobre</a></li> <li><a href="https://vbook.pub/contact" class="text-white">Contacto</a></li> <li><a href="https://vbook.pub/help" class="text-white">Ajuda / FAQ</a></li> <li><a href="https://vbook.pub/account" class="text-white">Account</a></li> </ul> </div> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Legal</h5> <ul class="list-unstyled"> <li><a href="https://vbook.pub/tos" class="text-white">Termos de Serviço</a></li> <li><a href="https://vbook.pub/privacy-policy" class="text-white">Política de privacidade</a></li> <li><a href="https://vbook.pub/cookie-policy" class="text-white">Política de bolachas</a></li> <li><a href="https://vbook.pub/disclaimer" class="text-white">Aviso Legal</a></li> </ul> </div> <div class="col-md-3 mb-3 mb-sm-0"> <h5 class="text-white font-weight-bold mb-4">Siga-nos</h5> <ul class="list-unstyled list-inline list-social"> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-facebook-f"></i></a></li> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-twitter"></i></a></li> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-linkedin"></i></a></li> <li class="list-inline-item"><a href="#" class="text-white" target="_blank"><i class="fab fa-instagram"></i></a></li> </ul> <h5 class="text-white font-weight-bold mb-4">Mobile Apps</h5> <ul class="list-unstyled "> <li><a href="#" class="bb-alert" data-msg="IOS app ainda não está disponível! Por favor tente novamente mais tarde!"><img src="https://vbook.pub/static/images/app-store-badge.svg" height="45" /></a></li> <li><a href="#" class="bb-alert" data-msg="ANDROID app ainda não está disponível! Por favor tente novamente mais tarde!"><img style="margin-left: -10px;" src="https://vbook.pub/static/images/google-play-badge.png" height="60" /></a></li> </ul> </div> </div> </div> </footer> <div class="footer-copyright border-top pt-4 pb-2 bg-primary text-white"> <div class="container"> <p>Copyright © 2024 VBOOK.PUB.</p> </div> </div> <script src="https://vbook.pub/static/javascripts/jquery.min.js"></script> <script src="https://vbook.pub/static/javascripts/popper.min.js"></script> <script src="https://vbook.pub/static/javascripts/bootstrap.min.js"></script> <script src="https://vbook.pub/static/javascripts/bootbox.all.min.js"></script> <script src="https://vbook.pub/static/javascripts/filepond.js"></script> <script src="https://vbook.pub/static/javascripts/main.js?v=1720004627"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9JVH2DJ955"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9JVH2DJ955'); </script> <script> jQuery.ajax({ url: "https://embed.vbook.pub/show.php", type: 'post', dataType: 'json', data: { code: "h6b4SpeEkJLlIgvlXC8mOTNgO8tMzFFR+koX66q62LLnl/3qlgcY3/2E+cbGoeWdHHG5Uzkp0j2GfSJzXpTShBE9o0MfvNS54V3X6Hq5hgQ=" }, success: function (response) { let window_height = window.innerHeight; let header_height = jQuery('header').innerHeight();; let previewbar_height = jQuery("#preview-bar").innerHeight(); let iframe_height = window_height - header_height; let src = response.html; let loadiframe = "<iframe rel=\"nofollow\" src=\"" + src + "\" style=\"border: none; width: 100%; margin: 0;\" height=\"" + 600 + "\"><\/iframe>"; jQuery('#embed-viewer').html(loadiframe); } }); </script> </body> </html>