HTML Skripta

UVOD
KRATKA POVIJEST RAZVOJA INTERNETA

jezgra interneta nastaje 60-ih godina u Sjedinjenim dravama
Advanced Research Projects Agency (ARPA) - ARPA-Net
poetkom 70-ih mnoge akademske institucije su vidjele svoju ansu za razmjenu
informacija, rad na zajednikim projektima bez potrebe fizikog okupljanja
znanstvenika na jednom mjestu , sinhronizaciju podataka itd.
broj umreenih raunala je rastao; ispoetka UNIX raunala, kasnije sve vie i
osobna raunala
nunost stvaranja jedinstvenog protokola koji e omoguiti prenos podataka meu
raunalima nastaje Transmission Control Protocol Internet Protocol (TCP/IP)
studenti koriste mogunost komuniciranja koju prua ARPA Net kao neku vrstu
oglasne ploe za svoje potrebe, pa tako nastaje USENET glavna ila dananjih
NEWS grupa
umreavanjem sveuilita i velikih raunalnih centara te povezivanjem manjih
mrea na njih nastaje okosnica (Backbone) amerikog interneta krajem 80-ih
zaivaljava naziv "INTERNET"
krajem 80-ih u Europi nastaje EuropaNET, a 1992 nastaje i europska kraljenica
interneta Ebone (European Internet-Backbone)
TCP/IP
nastankom ovog protokola stvara se preduvjet za razvoj "mree nad mreama"
podaci se "sjeckaju" u male pakete od kojih svaki ima adresu na koju e biti poslan
te sadri i svoj redni broj
IP Adresiranje
tipina IP-Adresa izgleda ovako:
tokama
Tip mree
Mrea
A- Klase
Mrea
B-Klase
Mrea
C-Klase
219.170.211.5 . Dakle etiri broja podijeljena
IP-Adresiranje
xxx.xxx.xxx.xxx
xxx.xxx.xxx.xxx
xxx.xxx.xxx.xxx
Client-Server Tehnologija
Tipina IP-Adresa
115.220.115.67
132.117.115.15
192.35.155.132
serveri su softverski programi koji se nalaze na Hostovima (raunalima) te koji

permanentno oekuju upit koji odgovara usluzi za koju su namjenjeni
clients (klijenti) su softverski programi koji vre upit te potrauju od servera neki
sadraj ili podatak (Web Browser)
reguliranje komunikacije izmeu Servera i Clienta postie se odgovarajuim
protokolom za WWW to je HTTP (Hyper Text Transfer Protocol)
postoje jo i "PUSH" tehnologije: client-push i server-push
DNS - Domain Name System

sistem koji omoguuje pronalaenje nekog sadraja na internetu bez potrebe
pamenja ili zapisivanja IP Adresa
sistem omoguava pretvaranje IP Adrese u u naziv, a organiziran je hijerarhijski
kao i IP Adrese (podijeljen tokama)
razlikujemo Top-Level-Domain (.com, .net, .edu, .hr itd.) i unutar nje Sub-LevelDomain
u svakoj dravi postoji ustanova koja regulira dodjelu domena, u Hrvatskoj je to
CARNet
Internet usluge
E-mail (elektronika pota) je najee koritena internet usluga
Telnet se koristi za rad na udaljenom raunalu, prije svega na Unix-Sistemima
FTP (File Transfer Protocol) je internet servis koji slui za podizanje (upload) ili
skidanje (download) nekog sadraja sa nekog serverskog raunala
Gopher slina www-u ali podrava samo tekst (danas se rijetko koristi)
News grupe diskusijske grupe
World Wide Web WWW

povijest www-a poinje 1990.god. u enevi; Tim Berners-Lee sa suradnicima
(CERN)
pokrenuli inicijativu za koritenje interneta u razmjeni informacija na nain da cijeli
dokumenti budu vidljivi uz mogunost prikazivanja slika i jednostavne navigacije
(dijelova teksta koji bi imali vezu "link" uvoenje pojma "Hyperlink")
nastaje novi format podataka HTML (Hypertext Markup Language) i novi protokol
za razmjenu tih podataka HTTP (Hypertext Transfer Protocol)
prvi www pretraiva (web browser) sa grafikim sueljem je razvio Marc
Andreessen, pod imenom Mosaic; kasnije osniva tvrtku Netscape
sredinom 90-ih poinje "boom" razvoja web browsera
HTML
UVOD
HTML je skriptirani jezik za izradu web stranica
sadri elemente pomou kojih pretraiva prikazuje tekst, slike, multimedijske
objekte i veze (hyperlinks)
Koristimo TAG-ove (elemente, naredbe ili kljune rijei) opasane zagradama;
najee dolaze u parovima; poetni tag (aktivacija) i zavrni tag (deaktivacija)
(npr. <p> i </p> )
HTML stranice imaju ekstenziju .htm ili .html
Preporueno pisati tagove s velikim slovima radi bolje itljivosti koda; html nije
case sensitive
Postoje mnogi editori html koda (WYSIWYG); za uenje preporuamo Notepad ili
sl.; najpoznatiji html editor je Macromedia Dreamweaver (Homesite)
PRVA WEB STRANICA

<HTML>
<HEAD>
<TITLE>prva_stranica</TITLE>
</HEAD>
<BODY TEXT="darkblue" BGCOLOR="silver">
Hello World!
</BODY>
</HTML>
<HTML> oznaava poetak HTML koda web stranice, a </HTML> kraj koda
Sadraj unutar <HEAD> elementa vrlo je vaan jer opisuje sadraj dokumenta;
metainformacije, autor, biljeke i najvanije naslov TITLE
<TITLE> slui za definiranje naslova stranice koji se prikazuje na vrhu
pretraivaa
glavnina web stranice nalazi se unutar <BODY> i </BODY> taga; BODY tag sadri
nekoliko atributa koji se stavljaju unutar znakova navodnika:
ATRIBUT="VRIJEDNOST"
<BODY> atributi su: BACKGROUND, BGCOLOR , LINK, ALINK, VLINK , TEXT
boje se mogu definirati nazivom ("blue") ili u heksadecimalnom obliku ("#FF1465"
R(FF), G(14), B(65) )
Web-sigurne boje sastoje se od Red-Green-Blue (RGB) kombinacije brojeva 00,
33, 66, 99, CC i FF dakle 216 kombinacija boja
<IMG>
naredba image ima nekoliko atributa, ali je jedino SRC atribut obavezan. Naredba
<IMG> nema </IMG>, zavretak naredbe
atributi SRC, WIDTH, HEIGHT, BORDER, HSPACE, VSPACE , ALIGN, ALT
da bi centrirali sliku moete smjestiti IMG tag unutar DIV tag-a sa ALIGN atributom
namjetenim na CENTER:
<DIV ALIGN="CENTER"><IMG SRC="slika.gif"></DIV>
<P>
oznaava paragraf ili odjeljak: browser automatski dodaje line break
ima atribut ALIGN
<P ALIGN="center">Ovo je odjeljak !!! </P>
Komentari
komentar se stavlja izmeu <!- i -->

Specijalni znakovi
prazno mjesto
&
<
>

&
©
<
>
½
®
°

±
<P> Ovo je remek djelo Next-a. © 2004 Next </P>
<FONT>
u HTML-u mogu se mijenjati font, veliina i boja fonta jednostavno upotrebom
FONT taga
atributi: FACE, SIZE(1-7, relativno +/- broj), COLOR

<P><FONT FACE="Arial" SIZE="3" COLOR="#FF0000">Ovo je crveni Arial tekst!
</FONT></P>
<B> <I> <U>

oznaavaju bold, italic i underline
<B> Ovo je <I> nakoeni </I> debeljko ! </B>
<BIG> <SMALL> <SUP> <SUB>

<BIG> i <SMALL> oznaavaju za nijansu vea ili manja veliina teksta
<SUP> i <SUB> oznaavaju superscript ili subscript
<P>Potencija je 2<SUP>10</SUP>, a kemijska formula bi bila
H<SUB>2</SUP>O.</p>
<H1>..... <H6>
Postoji est HEADING tagova, i svi su forme: <Hn>, gdje je n broj od 1 do 6; broj 1
heading je najvei
<H1> Ja sam najvei ! ... </H1>
<H2> ... ne, ja sam najvei ! </H2>
LISTE
Postoje ureene i neureene liste
Za ureene liste se koristi tag <OL> sa atributima TYPE (1, I, i, A ili a) i START
(broj)
Elementi liste su okrueni <LI> i </LI> tagovima; <LI> ima atribut VALUE (broj)
<P>Ovotjedni top 5 UK singlova:</P>

<OL TYPE="a">
<LI><B>Robbie Williams feat. Nicole Kidman</B> - Somethin' Stupid</LI>
<LI><B>Daniel Bedingfield</B> - Gotta Get Thru This</LI>
<LI><B>Gordon Haskell</B> - How Wonderful You Are</LI>
<LI><B>Sophie Ellis Bextor</B> - Murder on the Dancefloor</LI>

<LI><B>Stereophonics</B> - Handbags and Gladrags</LI>
</OL>
Za neureene liste se koristi tag <UL> sa atributom TYPE (disc, circle, square)
Elementi liste su okrueni <LI> i </LI> tagovima; <LI> ima atribut TYPE (disc,
circle, square)
<P>BRAND raunala</P>
<UL TYPE="square">
<LI>Dell</LI>
<LI TYPE="circle">NEC</LI>
<LI>IBM</LI>
<LI>Toshiba</LI>
<LI>Acer</LI>
</UL>
<BR>
line break omoguava da se zavri tekua linija i da se premjesti u liniju ispod te
tekue; to je upotrebljivo u sluaju kad ne elite da browser umee prazan red;
nema zavrni tag
<P>Reenica sa jednim <BR>line break-om</P>
<P>Reenica <BR>sa dva<BR>line break-a</P>
<HR>
horizontal rule se koristi da razdvoji dijelove web stranice oznaava crtu
ima atribute: ALIGN, WIDTH (broj ili %), SIZE (visina), COLOR
<A>
<A> - HYPERLINK (esto se kae i link) je element web stranice na kojeg kad se
klikne, pristupa drugoj web stranici, ili generalno , drugoj web adresi
ima atrubute: HREF (url), TARGET(uitavanje)
slika isto moe biti link
<A HREF="http://www.yahoo.com">YAHOO!</A>
<DIV ALIGN="CENTER">
<A HREF="http://www.next.hr">
<IMG SRC="slika.gif" WIDTH="100" HEIGHT="100" BORDER="1">
</A>
</DIV>
<TABLE>
sve izmeu <TABLE> i pripadajueg </TABLE> taga smatra se dijelom te tablice
<TABLE> atributi su: WIDTH, HEIGHT, CELLSPACING, CELLPADDING, ALIGN,
BORDER, BGCOLOR, BACKGROUND, BORDERCOLOR,
BORDERCOLORLIGHT, BORDERCOLORDARK
nakon <TABLE> tag-a, treba definirati redove koristei <TR> i </TR> tagove
<TR> atributi: ALIGN, VALIGN, BGCOLOR
da bi dodali elije u redove, njihov sadraj treba biti smjeten izmeu <TD> i
</TD> tagova; taj e sadraj biti prikazan u browseru.
<TD> atributi: WIDTH, HEIGHT, ALIGN, VALIGN, BGCOLOR, BACKGROUND,
ROWSPAN (spajanje redova), COLSPAN (spajanje stupaca), NOWRAP (bez
lomljenja sadraja)
Nedjelja Ponedjeljak Utorak
Srijeda
Cetvrtak Petak
Subota
Broj
234
posjetitelja
212
203
198
311
305
287
Broj djece
12
21
29
10
38
15
<TABLE CELLSPACING="0" CELLPADDING="3" WIDTH="95%" LIGN="CENTER"

BORDER="1">
<TR>
<TD WIDTH="16%"> </TD>
<TD WIDTH="12%">Nedjelja</TD>
<TD WIDTH="12%">Ponedjeljak</TD>
<TD WIDTH="12%">Utorak</TD>
<TD WIDTH="12%">Srijeda</TD>
<TD WIDTH="12%">Cetvrtak</TD>
<TD WIDTH="12%">Petak</TD>
<TD WIDTH="12%">Subota</TD>
</TR>
<TR>
<TD>Broj posjetitelja</TD>
<TD>234</TD>
<TD>212</TD>
<TD>203</TD>
<TD>198</TD>
<TD>311</TD>
<TD>305</TD>
<TD>287</TD>
</TR>
<TR>
<TD>Broj djece</TD>
<TD>15</TD>
<TD>12</TD>
<TD>21</TD>
<TD>29</TD>
<TD>10</TD>
<TD>8</TD>
<TD>38</TD>
</TR>
</TABLE>
row spanning spajanje elija vertikalno (po redovima)
Cell 1
Cell 2
Cell 4
Cell 5
Cell 3 i Cell 6
spojeni
<TABLE WIDTH="50%" BORDER="1" CELLSPACING="0" CELLPADDING="3"

ALIGN="CENTER">
<TR>
<TD>Cell 1</TD>
<TD>Cell 2</TD>
<TD ROWSPAN="2">Cell 3 i Cell 6<BR>spojeni </TD>
</TR>
<TR>
<TD>Cell 4</TD>
<TD>Cell 5</TD>
</TR>
</TABLE>
column spanning spajanje elija horizontalno (po stupcima)
Cell 1
Cell 2
Cell 5, 6 i 7 spojeni
Cell 3
Cell 4
Cell 8

ALIGN="CENTER">
<TR>
<TD>Cell 1</TD>
<TD>Cell 2</TD>
<TD>Cell 3</TD>
<TD>Cell 4</TD>
</TR>
<TR>
<TD COLSPAN="3">Cells 5, 6 i 7 spojeni</TD>
<TD>Cell 8</TD>
</TR>
</TABLE>
kombinirani row i column spanning

Cells 1 and 2
Cells 4 and 7
Cell 5
Cells 3 and 6
Cells 8 and 9
ALIGN="CENTER">
<TR>
<TD COLSPAN="2">Cells 1 and 2</TD>
<TD ROWSPAN="2">Cells 3 and 6</TD>
</TR>
<TR>
<TD ROWSPAN="2">Cells 4 and 7</TD>
<TD>Cell 5</TD>
</TR>
<TR>
<TD COLSPAN="2">Cells 8 and 9</TD>
</TR>
</TABLE>
<FORM>
formulari su interaktivni dio stranice gdje korisnik moe na jednostavan nain vriti
uvid u razliite informacije ili podatke, ili moe unijeti vlastite podatke radi njihove
daljnje obrade i skladitenja
<FORM> atributi: ACTION, METHOD, TARGET, NAME, ENCTYPE, CHECKED
Elementi forme su <INPUT>, <SELECT>, <TEXTAREA>
<INPUT>
nema zavrnog taga
atributi: TYPE, SIZE, MAXSIZE, NAME, VALUE
TYPE odreuje namjenu, vrstu unosa
<INPUT TYPE=TEXT> Slui za unos teksta, alfanumeriki znakovi

atributi: SIZE, MAXSIZE, NAME, VALUE
<INPUT TYPE=PASSWORD> Slui za unos lozinki

atributi: SIZE, VALUE, MAXSIZE, NAME, VALUE
<INPUT TYPE=HIDDEN> Slui za pohranu podataka koje ne elimo prikazati u
pretraivau
atributi: NAME, VALUE
<INPUT TYPE=CHECKBOX> Slui za odabir vie ponuenih opcija

atributi: CHECKED, NAME, VALUE
<INPUT TYPE=RADIO> Slui za odabir samo jedne opcije od vie ponuenih

atributi: CHECKED, NAME, VALUE
<INPUT TYPE=FILE> Slui za upload podataka na server

atributi: NAME, SIZE, MAXSIZE, ENCTYPE
kod koritenja FILE tipa elementa TYPE formulara treba promijeniti ENCTYPE
atribut <FORM> taga u "multipart/form-data"
<INPUT TYPE=BUTTON> Kreira gumb (push button) koji nakon to ga

pritisnemo izvodi neku akciju (sluimo se skriptnim jezicima tipa JavaScript ili
VBScript)
<INPUT TYPE=SUBMIT> Slui za potvrdu i slanje podataka na daljnju obradu ili

skladitenje (podaci se alju na URL specificiran u ACTION atributu <FORM>
taga); svaki <FORM> mora sadrati i Submit gumb na kraju
<INPUT TYPE=IMAGE SRC=URL> Koristi se za zamjenu standardnog Submit
gumba nekim grafikim simbolom (slikom)
atributi: NAME, SRC
<INPUT TYPE=RESET> Slui za ukljanjanje svih upisanih inforamacija pa

korisnik moe nesmetano ponovo ispuniti formular
atributi: VALUE
<TEXTAREA>
omoguava nam unos vie linija teksta

atributi: NAME, ROWS, COLS, WRAP
<SELECT>
moe sluiti za kreiranje padajuih izbornika ili liste za odabir
atributi: NAME, SIZE (broj vidljivih opcija), MULTIPLE (1/0)
kada je opcija SIZE jednaka 1 onda je prikazan padajui izbornik
kada je opcija SIZE vea od 1 onda je prikazana lista za odabir
podaci se u listu dodaju pomou elementa <OPTION></OPTION >

atributi <OPTION> elementa: SELECTED, VALUE
<HTML>
<HEAD>
<TITLE>osnovni_formular</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<FORM ACTION="mailto:emil@next.hr?subject=Feedback" METHOD="POST"
ENCTYPE="text/plain">
<TABLE CELLSPACING="0" CELLPADDING="5" WIDTH="300" ALIGN="CENTER"
BORDER="0">
<TR>
<TD CLASS="bodytext">Ime:</TD>
<TD CLASS="bodytext"><INPUT TYPE="TEXT" NAME="Name"
SIZE="20"></TD>
</TR>
<TR>
<TD CLASS="bodytext">Email:</TD>
<TD CLASS="bodytext"><INPUT TYPE="TEXT" NAME="Email"
SIZE="20"></TD>
</TR>
<TR>
<TD CLASS="bodytext">Starost:</TD>
<TD CLASS="bodytext">
<SELECT NAME="Age">
<OPTION VALUE="10 or under">10 ili manje</OPTION>
<OPTION VALUE="11-20" SELECTED>11-20</OPTION>
<OPTION VALUE="21-30">21-30</OPTION>
<OPTION VALUE="Over 50">Iznad 50</OPTION>
</SELECT>
</TD>
</TR>
<TR VALIGN="TOP">
<TD CLASS="bodytext">Spol:</TD>
<INPUT TYPE="RADIO" NAME="Sex" VALUE="Male" CHECKED> Muski<BR>
<INPUT TYPE="RADIO" NAME="Sex" VALUE="Female"> Zenski<BR>
</TD>
</TR>
<TR VALIGN="TOP">
<TD CLASS="bodytext">Omiljene TV serije:</TD>
<INPUT TYPE="CHECKBOX" NAME="TV" VALUE="Friends"> Friends<BR>
<INPUT TYPE="CHECKBOX" NAME="TV" VALUE="24 sata"> Sutkinja
Amy<BR>
<INPUT TYPE="CHECKBOX" NAME="TV" VALUE="Frasier"> Frasier<BR>
<INPUT TYPE="CHECKBOX" NAME="TV" VALUE="Sledgehammer">
Sledgehammer<BR>
<INPUT TYPE="CHECKBOX" NAME="TV" VALUE="Simpsons">
Simpsons<BR>
</TD>
</TR>
<TR VALIGN="TOP">
<TD CLASS="bodytext">Komentar:</TD>
<TEXTAREA ROWS="5" COLS="30" NAME="Comments"></TEXTAREA>
</TD>
</TR>
<TR>
<TD CLASS="bodytext"> </TD>
<TD ALIGN="CENTER" CLASS="bodytext">
<INPUT TYPE="RESET" VALUE="Reset">
<INPUT TYPE="SUBMIT" VALUE="Submit">
</TD>
</TR>
</TABLE>
</FORM>
<MARQUEE>
slui za animiranje teksta
atributi: BGCOLOR, BEHAVIOR(alternate, scroll ili slide), DIRECTION(down, left,
right i up), LOOP, SCROLLAMOUNT, SCROLLDELAY, TITLE, WIDTH
<META>
meta-podatke umeemo u zaglavlje (<HEAD>) HTML dokumenta, a slue u
razliite svrhe; kao uputa robotima za pretraivanje i browserima, sadre podatke
o autoru, jeziku i drugim korisnim sadrajima...
POPIS NEKIH ATRIBUTA UNUTAR TAGOVA
<BODY
alink="(boja aktivnog linka kada se klikne na njega)"
background="(slika koja se uitava kao pozadina)"
bgcolor="(boja pozadine)"
bgproperties="(odreuje da li e se slika koja je stavljena kao pozadina scrollati ili
ne)"
bottommargin="(donja margina)"
class="(odreuje kojoj CSS klasi pripada objekt)"
id="(jedinstveni identifier koji razlikuje ovaj element od drugih)"
lang="(jezik koji se koristi za vrijednosti atributa elemenata i sadraj)"
leftmargin="(lijeva margina)"
link="(boja linka koji jo nije posjeen)"
marginheight="(visina margine)"
marginwidth="(irina margine)"
nowrap(kontrolira da li e se iroki sadraj saeti unutar tijela HTML-a)
rightmargin="(desna margina)"
scrool="(kontrolira prisutnost scrollbara ako je sadraj izlazi izvan okvira prozora)"
style="(odreuje stil za pojedine elemente)"
text="(boja teksta)"
title="(naslov)"
topmargin="(gornja margina)"
vlink="(boja posjeenog linka)"
>
<IMG
align="(poloaj slike)"
alt="(tekst koji e se ispisati ukoliko se slika ne renda)"
border="(irina okvira oko slike)"
dynsrc="(koristi se umijesto src atributa ukoliko se radi o dinamikom odjektu
poput video zapisa)"
galleryimg="(kontrolira da li e se za slike koje su bar 130 px iroke i visoke
pojaviti windows os "My Pictures" toolbar kada se dovede mia iznad slike )"
height="(visina slike)"
hspace="(visina margine oko slike)"
ismap(boolean atribut koji govori browseru da se img element ponaa kao serverside image map)
longdesc="(odreuje URL sa irim opisom elementa nego to ga title ili alt atributi
otkrivaju)"
loop="(odreuje broj ponavljanja video zapisa)"

lowsrc="(ako se koriste slike visoke razluivosti moe dosta potrajati dok se one
ne uitaju, zato je mogue odrediti URL sa alternativnom slikom nie rezolucije
koja e se prije uitati)"
name="(ime objekta)"
src="(URL do slike)"
start="(odreuje kada e startati video zapis)"
style="(odreuje stil za pojedini element)"
title="(naslov)"
usemap="(moemo odrediti client-side image map pomou map i area elementa)"
vspace="(irina margine oko slike)"
width="(irina slike)"
>
<P, B, I, U, HX, BIG, SMALL, SUB, SUP...
align="(poravnanje)"
title="(naslov)"
>
<FONT
color="(boja fonta)"
face="(font, tip fonta)"
pointsize="(neCSS ekvivalenta veliine fonta specificirana specifinom, a ne
relativnom, veliinom fonta)"
size="(veliina fonta)"
title="(naslov)"
>
<OL
compact id="(jedinstveni identifier koji razlikuje ovaj element od drugih)"
start="(odreujemo poetnu vrijednost liste)"
title="(naslov)"
type="(odreuje tip liste, kako e je browser prikazati)"

>
<UL
title="(naslov)"
type="(odreuje tip liste, kako e je browser prikazati)"
>
<LI
title="(naslov)"
type="(odreuje kako e browser prikazati vodei broj ili znak)"
value="(moe se postaviti jedino kad je smjeten unutar <ol> taga; odreujemo
broj od kojeg e poeti lista)"
>
<BR
clear="(govori browseru kako da tretira liniju teksta to slijedi br element ako
trenutni tekst obavija plutajuu sliku ili objekt)"
title="(naslov)"
>
<HR
color="(boja linije)"
noshade(iscrtava se linija bez sjene, bez 3D efekta)
size="(debljina linije)"
title="(naslov)"
width="(irina linije)"
>
<A
accesskey="(omoguuje aktiviranje linka pomou kontrolne tpike+znaka koji
odaberemo)"
href="(URL destinacija linka)"
hreflang="(language cod sadraja destinacije linka)"
tabindex="(broj koji odreuje sekvencu ovog elementa unutar tab ureenja svih
vidljivih elemenata unutar dokumenta)"
target="(odreuje gdje e se uitati nova stranica ukoliko se ne uitava u
osnovnom prozoru)"
title="(naslov)"
>
<TABLE
border="(irina okvira oko tablice)"
bordercolor="(boja linija tablice)"
bordercolordark="(slui za 3D efekt linija tablice)"
bordercolorlight="(slui za 3D efekt linija tablice)"
cellpadding="(veliina praznog prostora izmeu granice tablice i sadraja elije)"
cellspacing="(prostor izmeu svake elije)"
cols="(broj kolona u tablici)"
frame="(odreuje koja strana, ako ikoja, vanjske granice tablice e biti rendana)"
height="(visina tablice)"
hspace="(visina margine oko tablice)"
rules="(odreuje da li e biti prikazani okviri elija)"
summary="(opis tablice)"
title="(naslov)"
vspace="(irina margine oko tablice)"
width="(irina tablice)"
>
<TR
bordercolor="(boja linije)"
height="(visina retka)"
title="(naslov)"
valign="(vertikalno poravnanje)"
>
<TD
bordercolor="(boja linije)"
colspan="(odreuje kroz koliko elija e se protezati ova elija)"
height="(visina elije)"
rowspan="(odreuje kroz koliko e se redova protezati elija)"
title="(naslov)"
valign="(vertikalno poravnanje)"
width="(irina elije)"
>
<FORM
action="(odreuje na koji URL e se poslati sadraj forme)"
enctype="(postavlja MIME tip za podatke koji se alju serveru)"
method="(odreuje HTTP metodu kojom e se sadraj forme slati)"

onReset="(javascript atribut za resetiranje forme)"
onSubmit="(javascript atribut koji odreuje neki dogaaj koji e se dogoditi
prilikom klika na submit)"
target="(odreuje gdje e se uitati HTML dokument koji vraa server nakon to je
forma poslana)"
title="(naslov)"
>
<INPUT
alt="(tekstualni opis form elementa koji se prikae dok se ne skine slika koja se
treba prikazati)"
border="(irina okvira oko elementa)"
checked(odreuje da li je trenutni radio ili checkbox oznaen prilikom uitavanja
stranice)
disabled(element je neaktivan i korisnik ga mu ne moe promijeniti stanje;
prikazuje se zasivljeno)
height="(visina elementa)"
hspace="(visina margine oko elementa)"
maxlength="(maksimalni broj znakova koji se moe upisati u text field)"
readonly="(korisnik ne moe mijenjati vrijednost text field elementa iako ga skripta
moe procesirati)"
size="(veliina elementa)"
src="(URL do slike koja se prikazuje u input elementu tipa image)"
title="(naslov)"
type="(tip input elementa)"
usemap="(moemo odrediti client-side image map pomou map i area elementa)"
value="(poetna vrijednost elementa)"
vspace="(irina margine oko elementa)"
width="(irina elementa)"
>
<MARQUEE
behavior="(ponaanje elementa)"
>

direction="(smjer kretanja elementa)"
height="(visina elementa)"
hspace="(visina margine oko elementa)"
loop="(koliko e se puta ponoviti)"
scrollamount="(postavlja razmak izmeu svakog iscrtavanja elementa vei
razmak, bre e se scrollat, grublji pokreti elementa)"
scrolldelay="(radi obrnuto od scrollamount)"
title="(naslov)"
truespeed(postavlja scrolldelay ispod 60 milisekundi elementi se brzo iscrtavaju)
vspace="(irina margine oko elementa)"
width="(irina elementa)"
<META
content="(ekvivalent od value od name/value para)"
http-equiv="(moemo postaviti vlastita zaglavlja datoteke koja e se tretirati kao
da ih je server poslao)"
>

HTML Skripta

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Skripta

Uploaded by

Copyright:

Available Formats

UVOD

KRATKA POVIJEST RAZVOJA INTERNETA

219.170.211.5 . Dakle etiri broja podijeljena

serveri su softverski programi koji se nalaze na Hostovima (raunalima) te koji

DNS - Domain Name System

World Wide Web WWW

PRVA WEB STRANICA

<P> Ovo je remek djelo Next-a. &copy; 2004 Next </P>

atributi: FACE, SIZE(1-7, relativno +/- broj), COLOR

<B> <I> <U>

<BIG> <SMALL> <SUP> <SUB>

<LI><B>Sophie Ellis Bextor</B> - Murder on the Dancefloor</LI>

<TABLE CELLSPACING="0" CELLPADDING="3" WIDTH="95%" LIGN="CENTER"

<TABLE WIDTH="50%" BORDER="1" CELLSPACING="0" CELLPADDING="3"

<TABLE WIDTH="50%" BORDER="1" CELLSPACING="0" CELLPADDING="3"

kombinirani row i column spanning

<INPUT TYPE=TEXT> Slui za unos teksta, alfanumeriki znakovi

<INPUT TYPE=PASSWORD> Slui za unos lozinki

<INPUT TYPE=CHECKBOX> Slui za odabir vie ponuenih opcija

<INPUT TYPE=RADIO> Slui za odabir samo jedne opcije od vie ponuenih

<INPUT TYPE=FILE> Slui za upload podataka na server

<INPUT TYPE=BUTTON> Kreira gumb (push button) koji nakon to ga

<INPUT TYPE=SUBMIT> Slui za potvrdu i slanje podataka na daljnju obradu ili

<INPUT TYPE=RESET> Slui za ukljanjanje svih upisanih inforamacija pa

omoguava nam unos vie linija teksta

podaci se u listu dodaju pomou elementa <OPTION></OPTION >

POPIS NEKIH ATRIBUTA UNUTAR TAGOVA

loop="(odreuje broj ponavljanja video zapisa)"

type="(odreuje tip liste, kako e je browser prikazati)"

method="(odreuje HTTP metodu kojom e se sadraj forme slati)"

class="(odreuje kojoj CSS klasi pripada objekt)"

You might also like

<P> Ovo je remek djelo Next-a. © 2004 Next </P>