naprednejsi html napredek v jeziku je pripeljal do tabel razsirjenih zmoznosti obstojeeih zank in tudi do vkljucevanja programske kode v sam dokument obrazci forms so pomembni predvsem v navezi z jezikom javascript ki omogoca pisanje bolj preprostih programov ki se prenasajo skupaj z dokumentom in se izvajajo na odjemalcevi strani tabele s tabelami lahko bolj pregledno nastevamo podatke oblikujemo stolpce lepse poravnavamo besedilo omejujemo obmocje ki ga podatki pokrivajo itd tabele sestavljajo celice vsaka celica pa se vede kakor samostojen od drugih celic neodvisen dokument defmicijo tabele omejuje par oznak table uvodna oznaka pozna precej parametrov table allgne ' left center right ' width sirina tabele v toekah sirina tabele v odstotkih border debelina obrobe tabele v toekah cellspacing debelina obrobe celic v toekah cellpadding prazen prostor med vsebino celice in obrobo v toekah parameter align doloca postavitev tabele med robove ce jo izpustimo se tabela izrise ob levem robu znotraj para oznak table dolocamo vec elementov to so naslov tabele glave vrstic ali stolpcev in sama vsebina vrstic ali stolpcev naslov tabele doloeimo tako da ga omejimo med par oznak caption oznaka pozna parameter align ki omogoca nastavitev mesta izpisa naslova to je lahko nad tabelo align 'top' ali pod njo align 'bottom' vsebino tabele dolocamo po vrsticah vsako vrstico omejuje par oznak tr table row ceprav lahko v vecini primerov koncno oznako l'ir tudi izpustimo s parametrom align lahko dolocimo vodoravno poravnavo vsebine znotraj celic vrstice parameter valign pa doloca njeno navpicno poravnavo znotraj vrstice labko dolocamo celice dveh vrst glava vrstice ali stolpca je ujeta med par oznak th table headingj vsebina podatkovnih celic pa znotraj dveh oznak td table data na obliko tabele je mogoce vplivati tudi znotraj vsake celice oznaki th in td sta po html definirani z naslednjimi oznakami td th nowrap align ' left center right ' valign ' top middle bottom ' rowspan vrsticni razpon celice colspan stolpicni razpon celice width predlagana celotna sirina celice v tockah height predlagana celotna visina celice v tockah s oznako nowrap lahko zahtevamo da se vsebina znotraj celice ne sme lomiti v vec vrstic z oznako rowspan in golspan lahko posamezno celico tabele raztegnemo cez vec vrstic in ali stolpcev okvirji netscape je v drugi vecji izdaji svojega brskalnika navigator vpeljal okvire frames razlika med celicami tabele in okviri je ocitna po izbiri povezave medtem ko se pri tabelah spremeni celotna vsebina okna se pri okvirih spremeni le vsebina okvira v katerem smo povezavo izbrali vsak okvir prikazuje dokument z lastnim naslovom url pri uporabi okvirom ponavadi uporabimo vsaj tri datoteke prva definira razporeditev okvirov in doloca kaj se zgodi ce uporabnik pregleduje dokument z brskalnikom ki okvirov ne podpira drugi dve datateki ali vec datotek dolocata vsebino ki zapolni definirane okvire splosna oblika prvega dokumenta ki definira okvire je zato drugacna od splosne oblike obicajnega dokumenta html dolocajo jo naslednje oznake html head title naslov title head frameset noframes telo dokumenta za brskalnike ki okvirov ne podpirajo noframes definicija okvirov frameset html namesto para oznak body je telo dokumenta vkljuceno v par oznak frameset znotraj definiramo posamezne okvire par oznak noframes pa nam omogoca da dolocimo telo dokumenta ki se prikaze v brskalnikih ki okvirov ne podpirajo ce brskalnik ne zna delati z okviri bo vsebino znotraj para oznak noframes preprosto zanemaril popolna skladnja nestandardne oznake frameset ki doloca razporeditev okvirov je naslednja frameset rows cols 'x ' frameborder ' yes no ' border debelina robu borpercolor ' barvna oznaka ' barvna koda oznaka frameset nam omogoca razdelitev okna brskalnika vodoravno po vrsticah s parametrom rows ali navpicno parameter cols razdelitev podamo s posebnim seznamom z vejico locenih stevil in posebnega simbola stevila lahko predstavljajo absolutno sirino oziroma visino okvira v tockah lahko podajamo relativno razmerje glede na okno brskalnika s pripono ali pa relativno razmerje med okviri s simbolom oznaka frameset' okvire sele vpelje nalogo opravi pa potem oznaka frame s katero lahko nastavimo se cel kup parametrov ki jih povzema naslednji skladenjski diagram frame src ' url ' name ' ime okvira ' scrolling ' auto yes no ' marginwidth sirna robu v tockah marglnheight debelina robu v tockah frameborder ' yes no ' border debelina robu bordercolor ' barvna oznaka ' barvna koda noresize ce zelimo pri povezavah nadzorovati ciljni okvir moramo zeljene okvire poimenovati s parametrom name ime okvira se mora zaceti z alfanumericnim znakom drugace se zanemari s parametrom scrolling lahko dolocimo ali se ob robovih okvira prikazeta drsnika moznost lahko dopustimo yes povsem onemogocimo no ali pa prepustimo skrb brskalniku auto zadnji parameter je noreslze ce je prisoten je uporabniku onernogoceno spreminjanje velikosti okvira ali je mogoce kot vsebino okvira uporabiti dokument ki doloca nove okvire vsekakor vendar se tu lahko srecamo z rekurzijo z malo truda lahko napisemo dva dokumenta ki izmenieno prikazujeta drug drugega brskalnik bo nekaj casa prikazoval vedno vec okvirov slej ali prej pa mu bo imanjkalo pomnilniskega prostora in se bo najverjetneje neslavno sesul z oznako target podamo ime okvira ki je cilj povezave na voljo pa imamo tudi nekaj rezerviranih imen s posebnim pomenom to so parameter pomen blank vsebina povezave se prikaze v novem praznem in nepoimenovanem oknu self vsebina se prikaze v istem okviru to je tudi privzeto vedenje parent vsebina se prikaze v nadrejenem okviru ce gre za gnezdenje top vsebina se prikaze v istem oknu a tokrat brez okvirov tako se najlaze prebijemo ven obrazci z obrazci lahko znotraj spletnih strani dodajamo dolocene elemente znane iz graficnih uporabniskih vmesnikov kot so npr ukazni gumbi buttons vnosna polja edit fields stikala check boxes sezname ali slike images obrazci so bili pred prihodom javanskih programov edini nacin dvosmerne komunikacije med uporabnikom in spletnim sistemom povsem novo vlogo so obrazci dobili s prihodom skriptivnih jezikov javascript v html obrazce kodiramo znotsaj para oznak form oznaka doloca zacetek obrazca poleg tega podaja tudi informacijo o programu oziroma protokalu ki vneseno informacijo obdela celotna oblika oznake po html se glasi form action ' stre ni program stre ni protokol method ' get post ' enctype ' kodiranje podatkov ' parameter method doloca nacin prenosa podatkov ce je uporabljen protokol http izbirarno lahko med nastavitvijo get ki omogoca prenos vsebine prek sistemskih spremenljivk environment strings ali post pri cemer se podatki berejo iz standardnega vhoda standard input s parametrom enctype lahko dolocimo drugacen nacin kodiranja podatkov po mime dokument lahko vsebuje vec obrazcev gnezdenje pa ni dopustno vec obrazcev moramo defnirati zaporedno posamezne dele obrazca kodiramo z oznakami input select in textarea z njimi lahko na spletno stran dodamo vnosna polja ukazne gumbe stikala sezname ali slike l osnovni vnosi osnovni vnosi omogocajo izbiro gumba vklop stikala vnos krajsega besedila ali izbiro tocke na sliki vse to kodiramo z oznako input ki ima naslednjo obliko input type ' text password checkbox radio submit reset file hidden image ' name ' ime elmenta ' value ' vsebina ' checked size velikost elementa za vnosno polje maxlength dopustna dolzina vnosa za vnosno polje src ' naslov url pri sliki ' align' top middle bottom left right ' ce se spomnimo obravnave oznake form vemo da ta pozna parameter enctype ki doloca nacin kodiranja posredovanih podatkov vnos v polje vrste password je zakrit z zvezdicami pri zgledu velja poudariti razliki med radijskimi in navadnimi stikali radijska stikala nastopajo v skupat v kateri je lahko vkljuceno natancno eno v nasem primeru uporabljamo skupino stirih stikal skupino dolocimo tako da vsem podamo isto ime parameter name da bomo pri uporabi vnesenih vrednosti lahko prepoznali izbrano stikalo moramo vsakega opremiti se z enolicno doloceno vrednostjo parameter value na zacetku moramo eno stikalo iz skupine tudi vkljuciti to storimo s prvim stikalom ki mu predpisemo se parameter checked obieajna stikala checkbox so samostojna zato vsakemu predpisemo enolicno ime zacetno stanje pa doloca prisotnost ali odsotnost parametra checked tega doloca element tipa submit po zelji lahko podarno tudi element tipa reset obema stikaloma lahko pripisemo pararneter value zgled doloca obrazec katerega vsebina se bo prek elektronske poste sarnodejno posredovala na podani naslov pri vnosu se v elektronski nabiralnik naslovnika posreduje naslednje sporocilo primer iz knjige str vzdevek urosm geslo to je geslo ime uros mesojedec starost take obrazce lahko uporabimo za enostavna anketiranja in podobno za mnozicno posredovanje informacij pa niso primerni saj jih je potrebno obdelovati rocno v obrazec lahko z oznako input vnesemo tudi skrite parametre ali celo sliko skrite parametre je mogoce uporabiti za posredovanje dodatne informacije na katero uporabnik ne more vplivati recimo da gradimo dvojezicno predstavitev oblikujemo slovensko in anglesko stran ki obe uporabljata enak strezni program seznami in daljse besedilo v obrazcih lahko omogocimo uporabniku da izbere s seznama moznosti tedaj uporabimo par oznak select med katerima nastejemo elemente seznama posamezen element doloca oznaka option popolna oblika oznakeje naslednja select name ' ime seznama ' size ' stevilo vidnih elementov ' multiple option value ' vrednost selegted seznamu podamo ime prek parametra name s parametrom size lahko dolocimo kaliko vrstic seznama je naenkrat vidnih na zaslonu prisotnost parametra multiple doloca da je mogoce izbrati vec elementov vsaka izmed vrstic je dolocena z oznako option parameter value ji doloca vrednost pristnost parametra selected pa doticno vrstico oznaci kot izbrano ze na zacetku ce parameter size izpustimo se privzame nastavitev ene vidne vrstice kar se na spletni strani odrazi v padajocem seznamu za vnos daljsega besedilaje na voljo poseben par oznak 'textarea textarea name ' ime vnosnega polja ' rows ' stevilo vidnih vrstlc ' cols ' stevilo vidnih stolpcev ' zacetno besedilo v vnosnem polju textarea uporabnik lahko vnese zelo dolgo besedilo v tem primeru se pomika z drsniki