|
|||||||
|
|
|
|||||
|
|
|||||||
 |
|
|
|
|
 SveZaWeb |
 |
Web Design + Development Tutorials and Articles |  |
EMail | Pretraga | Rečnik |
|
|
|
Razvoj | |
|
Dizajn | |
 |
Kreiranje |  |
|
Panorama | |
|
Usluge | |
Poslednja izmena: 02.05.2003. g. |
|
HTML | CSS | XML | XHTML | HTAs | Web servisi |
|
|
HTML Uvod HTML Primeri
|
Svaki HTML dokument poseduje svoju strukturu koja se sastoji od nosača HTML dokument, a koji sadrži samo zaglavlje i telo HTML dokumenta. U zaglvlju se definišu razni podaci potrebni Web čitaču dok telo sadrži sadržaj i HTML elemenate za formatiranje tog sadržaja. Elementi najvišeg nivoa: DOCTYPEHTML dokument započinje sa DOCTYPE (Document Type Declaration) deklaracijom koja definiše verziju HTML u kojoj je dokument napisan. U verziji 4.01 postoje sledeće definicije: HTML 4.01 Strict, opisuje strukturu HTML 4.01 dokumenta i ne poseduje elemente i atribute za okvire(frames).
HTML 4.01 Transitional, uključuje i elemente za formatiranje tkz.
prezentacione markere kao što su
HTML 4.01 Frameset, poseduje sve što i prethodni plus opis za okvire.
HTML element Da bi Web čitač utvrdio da je tekstualni dokument ustvari HTML dokument on uvek mora da započinje tagom <HTML> i da se završava sa tagom </HTML>. Ovi tagovi predstavljaju elemente najvećeg nivoa i govore Web čitaču da dokument sadrži HTML elemente. HTML tag može da sadrži sledeće argumente TITLE i LANG koji služe da se definiše komentar odnosno da se setuje jezik koji će da koristi dati dokument (npr. "en" za Engleski, "de" za Nemački, "sr" za Srpski itd.) Unutar <HTML> tagova definiše se jedino zaglavlje (HEAD) i telo (BODY) HTML dokumenta. Kompletan HTML dokument:
Napomena: Otkucajte ovaj kod u običnom tekst editoru npr. notpadu (ili ga prebacite u notepade sa copy/paste) i snimite ga sa ekstenzijom .htm ili .html potom isti dokument otvorite u jednom od najpopularnijih Web čitača kako bi videli rezultat. Za određivanje prikaza elemenat koristite CSS a ne HTML tagove tipa FONT ili B. HEAD element Zaglavlje služi da prosleđuje razne informacije Web čitaču, da definiše Web dokument a ne utiče na prikaz HTML dokumenta. Definiše se pomoću <HEAD> i </HEAD> tagova unutar kojih obavezno se postvlja naslov a koji se nalazi između tagova <TITLE> i </TITLE> (naslov se prikazuje na vrhu Web čitača zajedno sa imenom Web čitača). U okviru HEAD elementa navode se razne informacije Web čitaču kao što je naslov dokumenta, uključivanje eksternih stilova i script funkcija i informacije o samo Web dokumentu tj. meta informacija. HEAD može da sadrži sledeće HTML elemente
BASE element BASE element navodi osnovnu URL adresu Web prezentacije i pomaže Web čitaču u slučaju određivanja relativnih adresa koje se navode prilikom refernciranja u okviru A elementa.
Osnovna adresa na osnovu koje se određuju relativne adrese navodi se u atributu HREF.
Internet Explorer od verizje 3 i Netscape Navigator od verzije 2 dozvoljavaju i atribut TARGET za određivanje osnovnog prozora u kome se dokument prikazuje. Više o ovom atributu u okviru opisa A elemnta. LINK element LINK element se koristi za povezivanje HTML dokumenta sa nekim drugim objektom. Prima iste atribute kao i A element. Najviše se koristi za povezivanje eksterne stil šeme sa HTML dokumentom.
Atribut REL koristi se za navođenje odnosa između dokumenta, tj. dokument koj se uvozi je šema stilova stylesheets. Netscape Navigtor 4.0 koristi ovaj element za koncept "dinmičkih fontova" tj. povezivanje fontova sa HTML dokumentom na sledeći način:
Gde je fontdef.pfr dokument koji obezbeđuje fontove. Internet Explorer podržava dinmičke fontove ali kroz W3C standard za šeme stilova. STYLE element STYLE element se koristi za definisanje stilova u okviru samog HTML dokumenta. Koristi atribute TYPE da se navede MIME tip za stil šeme tj. "text/css" i TITLE u kome može da se naslovi definicija šeme stilova.
Po HTML4 specifikaciji ukjučen je i atribut MEDIA u okviru STYLE taga za određivanje medija na koji se stil primenjuje. Atribut MEDIA ima sledeće vrednosti:
Atribut MEDIA omogućava definisanje različitih stilova za različite medije, pogodni su priliko definisanja strana koje su samo npr. za štampanje itd. BASEFONT element Ovim elementom možete navesti veličinu, ime i boju fonta koju koristitite u HTML dokumentu. On se nalazi između HEAD tagova ali može biti i u okviru BODY tagova. Veličina fonta ukoliko se nenevede je unapred definisan na veličinu 3. Ovaj element netreba koristiti.
SCRIPT element Ovim elementom možete uključiti klijentski skript a zadaje se tagovima <SCRIPT> </SCRIPT>. Klijentski skript "client-side script" omogućava veću intraktivnost u dokumentu odgovarujući korsniku na određene događaje. Naprimer, skriptovi se koriste da se proveri validnost unešenih informacija u formulare kako bi odmah obavestio korisnika na grešku, bez potrebe slanja informacija preko Interneta na Web server. Može da se nalazi i u okviru BODY elementa ali prepručujemo da se SCRIPT blokovi nalazi u okviru HEAD elementa zato što se nalaze iznad elementa koji pozivaju te skriptove u suprotnom Web čitač će izadati grešku.
Pomoću atribut LANGUAGE navodimo jezik koji koristimo za klijentski script npr. JavaScript, JavaScript1.0 , JavaScript1.2, JScript, PHP & VBScript i ukoliko se ne navede podrazumevana vrednost je JavaScript1.0.
Netscape Navigator 3.0 prepoznaje samo JavaScript i JavaScript1.0. Za Web čitače koji ne podržavaju skript potrebno je da u okviru skript bloka postave komentara kao u prethodnom primeru, pri čemu završni tag komentar započinje sa // što predstavlja linijski komentar u JavaScript-u. Korišćenjem atributa SRC možete uključiti eksterni skript.
BODY element Sve što se nalazi unutar HEAD tagova ne prikazuje se u Web čitaču. Unutar BODY tag nalaze se svi ostali tagovi ("inline" elementi i "block" elementi) i naravno sam sadržaj.
Znači prethodni primer na ekranu Web čitača prikazeće:
BODY tag sadrži mnoge atribute za kontrolu i format prikaza koji se odnose na ceo dokument neki od njih su:
Boja se unosi kao heksadecimalni broj prema RGB kolornoj šemi, kojoj prethodi znak #. Prva dva heksadecimlna broja se odnose na crvenu, druga dva na zelenu i zadnja dva na plavu (npr. Crvena boja je #FF0000 ).
Unapred definisane vrednosti za hiperveze (linkove) su: LINK = plavo, VLINK = ljubicasto, ALINK = crveno. Unutar BODY taga može se navesti i slika pozadine pomoću atributa BACKGROUND
Slika za pozadinu se ponavlja po širini i visini ekrana koliko puta je potrebno. Pri tome treba birati slike koje su specijalno dizajnirane za tu namenu (da se nebi primećivala nadovezivanja). Slike za pozadinu se nazivaju pločice (tile) - pošto se lepe kao pločice na pozadinu ekrana. Poželjno je da pozadina bude neutralna i da ne umanjuje čitljivost teksta. Interlaced GIF-ove ne treba koristiti za pozadinu. Po nekim autorima, najbolja veličina za pozadinu je 256 bajta. Ukoliko želite da fiksirate pozadinsku sliku tako da se ona ne skrorluje kao normalna pozadinska slika, postavite atribut BGPROPERTIES=FIXED u BODY elementu (Ova mogućnost je podržana od strane Microsoft's Internet Explorer 2+) ali preporuka je korišćenje CSS-a:
U BODY tagu možete navesti i sledeće atribute LEFTMARGIN i TOPMARGIN koje podržava Internet Explorer a koji postavljaju margine dokumenta u pikselima isto to možete učini i pomoću atributa MARGINHEIGHT i MARGINWIDTH koje podržava Netscape Comunicator.
Prethodni primer omogućava da HTML dokument na ekranu Web čitača (IE i NC) započinje od gornjeg levog ugla. KomentarIzmeđu ovih tagova <!-- i --> se unosi komenar. Web čitač ignoriše tekst koji se nalazi unutar ovih tagova. Mogu se nalaziti bilo gde unutar HTML dokumenta, služe za opis složenih stranica. Pazite na razmakt tj. <! --. Neki Web čitači podrzumevaju da je > oznaka za kraj komentara.
Komentar može da se unese i pomoću tagova <COMMENT>
NAPOMENA: Ovaj element je podržan od strane Internet Explorer i Mosaic-a.
|
 Slične teme Prijavite se na naš informator [ Informator Pomoć!
|
||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||
|
|
|
|
|
||||||||||||||||||||||||||||||||||
| Razvoj | Dizajn | Kreiranje | Panorama | Usluge |
