kazalo gor prejsnja stran naslednja stran razpredelnice html ne ponuja nikakrsnih moznosti za stavljenje razpredelnic edina moznost je okolje pre ki vkljuci v besedilo kos ze oblikovanega besedila tako da stolpci ostanejo poravnani kot primer si oglejmo preprosto razpredelnico tabele v hiperdokumentih html ne html ne html da mozilla in dalje ncsa mosaic in dalje snovalci html se zavedajo te pomanljkivosti zato predlagani standard html ponuja kar nekaj moznosti za oblikovanje razpredelnic ki jih podpirajo tudi novejse izdaje priljubljenih brskalnikov npr netscape navigator mozilla in ncsa mosaic zato bi bilo narobe ce bi jih tu izpustili osnovni ukazi za oblikovanje razpredelnic osnovnih ukazov je malo vsega skupaj pet razpredelnico uvede ukaz table zakljuci pa ukaz table ukaz table ima se neobvezni parameter border ki ga uporabimo ce zelimo uokvirjene razpredelnice razpredelnico naslovimo z ukazom caption ki sledi ukazu table naslov zakljuci ukaz caption ukaz caption ima se neobvezni argument align s katerim lahko nastavimo da se naslov izpise na vrhu align top to je privzeta izbira ali na dnu align bottom razpredelnice vsako vrstico razpredelnice uvede ukaz tr table row vrstica razpredelnice zakljuci pa tr znotraj vrstice so posamezne celice vsako od njih uvede ukaz td table data podatki v razpredelnici zakljuci pa ukaz td spodobi se da ima vsak od stolpcev tudi svoj naslov prva vrstica razpredelnice se zato razlikuje od ostalih po tem da so celice v njej omejene s parom ukazov th th table header namesto s td td navadno se tako oznaceno besedilo izpise krepko in po sirini poravnano na sredo zgled to je vse najnujnejse kar moramo vedeti o razpredelnicah v html zato si za zgled po podatkih iz statisticnega letopisa republike slovenije pripravimo razpredelnico desetih najvisjih gorskih vrhov v sloveniji table border caption najvisji vrhovi v sloveniji caption tr th vrh th th gorska skupina th th nadmorska visina m th tr tr td triglav td td julijske alpe td td td tr tr td skrlatica td td julijske alpe td td td tr tr td planjava td td kamniske in savinjske alpe td td td tr table ce vas pregledovalnik ne podpira okolja table bo izgled naslednjega nepredvidljiv caption najvisji vrhovi v sloveniji vrh gorska skupina nadmorska visina m triglav julijske alpe skrlatica julijske alpe veliki mangrt julijske alpe jalovec julijske alpe razor julijske alpe visoki kanin julijske alpe grintavec kamniske in savinjske alpe prisojnik julijske alpe skuta kamniske in savinjske alpe planjava kamniske in savinjske alpe smo zadovoljni no skoraj ce smo vsaj majckeno sitni moramo seveda pripomniti da je vsebina stisnjena v celice zelo tesno in brez potrebnega zraka povrh vsega pa je v navadi da so stevilcni podatki poravnani ob desni ne pa ob levi rob za taksne in podobne podrobnosti si moramo ogledati se dodatne neobvezne izbire pri ukazih za oblikovanje razpredelnic dodatne moznosti pri oblikovanju razpredelnic celice ki se raztezajo prek vec vrstic ukaz td lahko dodamo se neobvezni argument rowspan vrednost s katerim povemo da se izbrana celica razteza prek vec visin sosednjih celic table border tr td prvi td td rowspan drugi td td tretji td tr tr td cetrti td td peti td tr table v zgledu smo zahtevali da se celica v drugem stolpcu razteza se v naslednjo vrsto prvi drugi tretji cetrti peti celice ki se raztezajo prek vec stolpcev podobno kot prek vec vrstic se lahko celica razteza tudi prek vec sirin sosednjih celic kar dosezemo z ukazom colspan vrednost table border tr td ena td td colspan dva td tr tr td tri td td stiri td td pet td tr table zahtevali smo da se celica drugi razteza cez drugi in tretji stolpec prve vrstice ena dva tri stiri pet okvirji okoli razpredelnic hitro znamo napraviti razpredelnico brez okvirja table tr td prvi td td rowspan drugi td td tretji td tr tr td cetrti td td peti td tr table od zgleda zgoraj se razlikuje samo po tem da nastopa ukaz table tu brez dodatka border prvi drugi tretji cetrti peti nekateri pregledovalniki npr mozilla poznajo tudi nekoliko razsirjeno obliko ukaza kjer lahko navedemo tudi sirino okvirja table border tr td ena td td dva td tr tr td tri td td stiri td tr table izbrali smo enot sirok okvir ena dva tri stiri zra~nost celic dodatna neobvezna argumenta ukaza table ki uravnavata prostor v celicah in med njimi sta cellspacing in cellpadding prvi doloca razmik med celicami vecje vrednosti bolj odebelijo resetko ki locuje celice drugi pa razmak med vsebino celice in njenim robom vecje vrednosti povecajo zracnost celice table border cellpadding cellspacing tr td a td td b td td c td tr tr td d td td e td td f td tr table ce eksplicitno ne dolocimo drugace je privzeta vrednost cellpadding enaka z vecjimi vrednostmi povecamo zracnost celice a b c d e f privzeta vrednost cellspacing pa je enaka ce jo povecamo se odebeli resetka med celicami table border cellpadding cellspacing tr td a td td b td td c td tr tr td d td td e td td f td tr table a b c d e f poravnava podatkov v celici ce ne izberemo drugace so podatki v vsaki celici poravnani po sirini ob levi rob po visini pa centrirani privzeto izbiro pa lahko spremenimo z opcijama align in valign bodisi za celo vrstico ce ju dodamo k ukazu tr bodisi za posamezno celico ukaz td mozne izbire za parameter align so left poravnava ob levi rob center na sredi in right poravnava ob desni rob table border tr th januar th th februar th th marec th tr tr align center td centrirano td td prazno td td cela vrstica br centrirana td tr tr td align right desno br poravnana td td align center na br sredi td td privzeta vrednost je br levo poravnana td tr table celice v celi drugi vrstici so poravnane na sredino v tretji vrstici pa je prva celica poravnana na desni rob druga je centrirana pri tretji pa nismo navedli nobenih posebnih zahtev zato se je uporabila privzeta moznost poravnava ob levi rob januar februar marec centrirano prazno cela vrstica centrirana desno poravnana na sredi privzeta vrednost je levo poravnana podobno lahko z izbiro valign uravnavamo poravnavanje vsebine celice po visini mozne izbire so top poravnava ob zgornji rob middle na sredi bottom poravnava ob spodnji rob in baseline poravnava ob osnovnico table border tr th januar th th februar th th marec th tr tr valign top td ob zgornji rob td td in seveda levi rob td td tudi cez br vec vrstic td tr tr td valign top ob zgornji rob td td valign bottom ali ob spodnji rob td td privzeta vrednost br je na sredi td tr table vse celice v drugi vrstici so poravnane ob zgornji rob v tretji vrstici pa smo za vsako celico posebej dolocili kako naj bo poravnana januar februar marec ob zgornji rob in seveda levi rob tudi cez vec vrstic ob zgornji rob ali ob spodnji rob privzeta vrednost je na sredi irina razpredelnice sama po sebi je sirina razpredelnice enaka vsoti sirin najsirse celice v vsakem stolpcu in povecana za ustrezne vrednosti cellspacing in cellpadding s parametrom width ukaza table pa lahko tudi eksplicitno dolocimo sirino razpredelnice bodisi v absolutnih enotah npr width ali pa v odstotkih od celotne sirine okna npr width table border width tr td vsak polovico td td vsak polovico td tr tr td tri td td stiri td tr table vsak polovico vsak polovico tri stiri pregledovalnik poskusa mnozico prostora razdeliti pravicno table border width tr td sirsi stolpci dobijo vec prostora td td ozji manj td tr tr td tri td td stiri td tr table sirsi stolpci dobijo vec prostora ozji manj tri stiri primeri uporabe ni nujno da je vsebina celice v razpredelnici samo tekst lahko je tudi slika ali druga tabela tabele brez okvirja border pa so mocno orodje pri vizualnem oblikovanju strani nekaj zgledov predeljena stran z robnimi opombami ni odvec da tudi tukaj obnovimo dileme vizualnega oblikovanja to praviloma uporablja nestandardne razsiritve html ki delujejo samo z enim tipom pregledovalnikov navadno netscape navigator z ostalimi pa je rezultat lahko zelo dalec od pricakovanega nadalje ves standardni html bodo pregledovalniki prikazali vsaj priblizno v redu upostevaje nekaj temeljnih tipografskih pravil ki so jih vnesli programerji ko si sami jemljemo pravico do oblikovanja izgleda dokumenta prevzamemo s tem tudi odgovornost za vse tipografske neslanosti ki jih utegnemo zagresiti kot vse druge obrti ima tudi oblikovanje svoja pravila ki se jih moramo nauciti da bo nas izdelek vsecen kazalo gor prejsnja stran naslednja stran