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