Sta je HTML?
-HTML (HyperText Markup Language) je vrlo jednostavan jezik koji služi za izvršavanje programa na daljinu. Ovaj jezik predstavlja standard za Internet dokumente. Sa razvojem Interneta došlo je do pojave nove vrste dokumenata - hiperteksta. To je tekst koji sadrži veze ili linkove ka drugim dokumentima ili na samog sebe. Preciznije, hipertekst je skup stranica u obliku datoteka, međusobno povezanih linkovima koje su umetnute u stranice.
Od posebnog su značaja:
• SGML (skr. od Standard General Markup Language),
• TeX i LaTeX (za matematičke tekstove),
• PostScript (jezik laserskih printera),
• RTF (skr. od Rich Text Format)
Za izradu HTML stranice potreban je najobičniji tekst editor, na primjer Notepad.
Pisanje programa pomoću tekst editora Notepad:
Otvoriti Notepad...na bijeloj površini piše se kod za HTML stranicu. Stranica se u svakom trenutku može snimiti aktiviranjem na meniju opcija File, pa opcije Save. Sačuvati stranicu pod nazivom proba.htm
-Kod snimanja stranice treba obratiti pažnju da dokumenat koji u ovom slučaju treba predstavljati HTML stranicu mora imati nastavak html ili htm.
Testiranje HTML stranice u Internet browseru
Prvo je potrebno pokrenuti Internet Explorer program. U meniju izabrati opciju File>>Open pri čemu se otvara dijalog prozor Open i
pritiskom na dugme Browse pronaći html stranicu proba.htm . Nakon aktiviranja dugmeta OK, dobija se prozor koji predstavlja izgled HTML stranice u
Internet Exploreru.
Za pisanje HTML programa mogu se koristiti i specijalni alati, na primer Front Page. Stranica se može videti u okviru Web browser-a, Netscape Navigator ili Internet Explorer. HTML komande se pišu u vidu tzv. TAG-ova. Jedan tag je ustvari komanda koja govori browseru sta i kako da radi tj. na koji nacin da prikaze sadrzaj vase stranice.
HTML tagovi su "case insensitive" tj. svejedno je da li ih pisete malim ili velikim slovima. Tagovi se pišu unutar oznaka "<" i ">" (bez znakova navoda) npr: <html>.
Ovaj tag se nalazi na početku svakog HTML dokumenta
<html> govori browseru da je fajl koji je upravo počeo da učitava HTML dokument i da kao takvog treba i prikazati. Na kraj HTML dokumenta se stavlja završni HTML tag:</html>. Ovaj tag govori browseru da je to kraj HTML dokumenta. Većina tagova ima i početni i završni tag. Završni tag se dobiva dodavanjem znaka "/" i označava mjesto na kojem prestaje djelovanje početnog taga.
Struktura HTML stranice
Minimalna struktura HTML-dokumenta obuhvaca tagove:
<HTML>, </HTML> - zagrade HTML-teksta;
<HEAD>, </HEAD> - zagrade zaglavlja, sadrži meta-definicije HTML-dokumenta;
<TITLE>, </TITLE> - zagrade za naziv HTML-dokumenta i
<BODY>, </BODY> - zagrade teksta obilježenog dokumenta.
Head dio
Svaki HTML dokument se sastoji od dva dijela: zaglavlja (engl. head) i tijela (engl. body).
Zaglavlje se odvaja tagovima <head> i </head> a tijelo dokumenta tagovima: <body> i </body>.
Sve ono sto se napiše u zaglavlju dokumenta neće se prikazati u prozoru browsera vec obicno
služi samo da pruži neke informacije o stranici.
BODY dio
Sve ono što je napisano izmedju tagova <body> i </body> predstavlja tijelo dokumenta pojavit će se kao sadržaj prezentacije u prozoru browsera.
Izgled stranice:
<html>
<head>
<title>
ovde je naziv prezentacije
</title>
</head>
<body>
ovde se unosi sve ono sto zelite da se vidi u prezentaciji
</body>
</html>
Komentar
Dodatna opcija omogućava da se obilježi komentar u HTML - obilježenom tekstu koji se neće vidjeti u vizualizaciji dokumenta.
Na primjer:
<!------ komentar ------>
Headeri
Naslovi (engl. headers) se kodiraju prema relativnoj dubini iznosima od 1 do 6. Tag za naslov ima opći oblik:
<Hn> Naslov nivoa n </Hn>
gdje n uzima vrednosti od 1 do 6.
Odjeljak
Odjeljak (engl. division) se opisuje zagradama <DIV> ... </DIV>.
Ovaj tag može imati atribut za pozicioniranje ALIGN sa vrijednostima CENTER, RIGHT ili LEFT.
Paragraf
Paragraf (engl. paragraph) se obilježava zagradama <P> ... </P>.
Ukoliko u ravnom tekstu sledi paragraf za paragrafom, tag </P> se može izostaviti.
Ovaj tag može imati atribut za pozicioniranje ALIGN sa istim vrijednostima kao tag <DIV>.
Novi red
Novi red (engl. break) se obilježava etiketom <BR>.
Ovo je jednostavan tag: ne postoji kraj taga </BR>.
Razdvojna linija
Razdvojna linija (engl. rule) se obilježava etiketom <HR> sa atributom NOSHADE
Ovo je jednostavan tag: ne postoji kraj taga </HR>.
Primjer
<HR SIZE=4 WIDTH="50%">
SIZE = debljina linije
-Ako se drugačije ne naglasi tekst unutar HTML stranice je poravnat uz lijevu stranu. Ako se želi da naslov, ili bilo koji drugi element stranice bude centriran, treba ga staviti izmedju tagova <center> i </center>
-Ukoliko se posebno ne naglasi kojim fontom se želi ispisati tekst na stranici, browser će koristiti default font (a to je obično Times New Roman). Rad sa fontovima u okviru HTML stranice se obavlja pomoću <font> taga. Ovaj tag može imati slijedeće atribute: face, size i color.
Atributom face definiramo tip fonta kojim se želi da tekst bude ispisan. Na jednoj stranici se može koristiti i više različitih fontova. Mora se vodititi računa da korisnik koji učitava stranicu mora imati instaliran font koji je naveden na svom racunalu. U suprotnom njegov browser će prikazati tekst u default fontu. Zato ne treba koristiti neke egzotične fontove, već treba upotrebljavati samo široko rasprostranjene fontove.
Ako želite da stranica bude ispisana na primjer "Comic Sans MS" fontom onda treba navesti slijedeći kod:
<font face="Comic Sans MS"> Ovde dodje vas tekst. </font>
-Evo primjera nekoliko popularnih fontova koji se mogu koristiti na svojim stranicama:
Verdana
Arial
Courier
Bedrock
Times New Roman
Comic Sans MS
-Posljednja osobina koja se može mjenjati je boja slova u okviru HTML stranice. Za te potrebe koristi se atribut color font taga.
<font color="#ff0000"> Ovde ide vas tekst. </font>
-Na HTML stranicama se pozadina i tekst mogu pojaviti u čitavom spektru boja. To se postiže pomoću atributa u okviru <body> taga. Atributi se ubacuju u početni tag i služe da detaljnije opišu dati tag.
Boja pozadine se određuje atributom bgcolor koji je dio <body> taga. Poslije svakog atributa se stavlja znak jednakosti koji služi za dodjelu vrijednosti datom atributu, a vrijednost atributa se obavezno stavlja između znakova navoda.
Boje se mogu definirati na dva načina: preko predefiniranog engleskog naziva boje (npr."yellow" za žutu boju), ili preko heksadecimalne RGB vrijednosti ispred koje obavezno treba staviti simbol # (npr. #ffff00).
-Slika koja se prikazuje u okviru HTML stranice može se prikazati pomoću proizvoljnog grafičkog formata. Ipak najčešće se koriste formati JPEG (ili JPG) i GIF . Razlog je veličina slike kao dokumenta i teškoće pri učitavanju. Ova dva formata koriste efikasne metode kompresije i na taj način se povećavaju performanse aplikacije. U JPEG formatu se čuvaju kvalitetnije slike, jer ovaj format podržava 16 miliona boja. Sa druge strane GIF format ima samo 256 boja, ali on ima tu prednost da mu se može zadati transparentnost i da se moze animirati.
U okviru HTML stranice slika se prikazuje pomoću <img> taga. Ovaj tag mora imati bar jedan atribut. To je "src" atribut koji definira naziv, i eventualno lokaciju grafičkog fajla koji želimo prikazati u okviru svoje prezentacije. Pri opisu lokacije dokumenta najjednostavniji način je da se dokument slike nalazi u istom direktoriju gdje i HTML stranica. Tada je dovoljno da kao vrednost src atributa postavite samo naziv odgovarajućeg dokumenta.
Na primjer da bi se prikazala slika sa imenom "light.gif" na HTML stranici tada će odgovarajući tag glasiti:
<img src="light.gif">
-Tag IMG može imati različite atribute koji omogućavaju da se precizno opišu položaj, dimenzije i odnos slike prema drugim dijelovima stranice. Ti atributi su:
• Atribut za poravnavanje slike u odnosu na margine ALIGN ... može imati vrijednosti:
-za vertikalno poravnavanje: TOP, MIDDLE, BOTTOM
-za horizontalno poravnjavanje: LEFT, CENTER, RIGHT
• Atributi za dimenzioniranje slike su WIDTH (širina) i HEIGHT (visina).
• Atributi koji opisuju položaj slike su HSPACE i VSPACE
• Atribut koji opisuje širinu okvira slike BORDER
• Atribut koji umjesto slike daje naziv slike ALT
Ako se nijedan od atributa ne navede slike su poravnate sa tekstom na donji rub. Položaj slike u odnosu na tekst stranice se može definirati ubacivanjem align atributa u <img> tagu.
Izvor: BiteFight.ba Forum
