Novi Sad 2013
SADRŽAJ
1. UVOD
3
2. POČETAK IZRADE STRANICE
5
3. OSNOVNI ELEMENTI HTML-A
6
4. GRAFIKA (SLIKE)
9
5. POVEZIVANJE DOKUMENATA I TABELE
10
6. IZRADA OBRAZACA
12
7. ZAKLJUČAK
15
8. LITERATURA
16
2
1.
Svi elementi i imena atributa pišu se malim slovima.
HTML nije osetljiv na
veličinu slova, ali kod XHTML-a, svaki element i ime atributa moraju biti napisani
malim slovima, a vrednosti atributa mogu biti napisane kombinacijom malih i
velikih slova, ali predlažemo da se sve piše malim slovima.
2.
Sve vrednosti atributa moraju biti pod dvostrukim navodnicima.
U HTML-
u je moguće pisati atribute bez navođenja vrednosti pod navodnicima, ali kod
XHTML-a to je obavezno, stoga predlažemo da se stekne navika stavljanja
navodnika kod svih atributa kako kasnije ne bi imali problema.
3.
Svi elementi moraju biti zatvoreni.
Svi elementi koji nisu prazni, pa čak i oni
koji jesu, trebaju biti pravilno zatvoreni, dakle moramo staviti ''/'' posle
identifikatora elementa.
4.
Svi elementi moraju biti pravilno "ugnežđeni".
Na primer
<b><u>Tekst</b></u>, će u većini čitača biti ispravno prikazan, ali to ne znači i
da je sintaksno pravilno ispisan. Prema standardu se element koji se zadnji
otvara, mora prvi zatvoriti, dakle ispravno bi bilo napisati <b><u>Tekst</u></b>.
HTML vs XHTML
- Tamo gde HTML ne mari da li koristite elemente html, head i body i doctype,
XHTML ih zahteva.
- Dok vam HTML dozvoljava da izostavite zatvarajuće oznake, XHTML insistira
da ih svaki element ima, čak i oni prazni. Za najbolju kompatibilnost sa Web
čitačima dodajte razmak i / u prazne elemente i uključite nezavisnu zatvarajuću
oznaku za elemente koji nisu prazni.
- Dok vam HTML dozvoljava da izostavite znake navoda oko vrednosti atributa
koji sadrže samo slova, brojeve i četiri jednostavna simbola (- . _ :), XHTML ima
noćne more (i prijavljuje greške) ako izostavite znake navoda.
- Dok je HTML fleksibilan po pitanju veličine slova, XHTML nije, i zahteva da svi
elementi, atributi i prethodno definisane vrednosti budu pisane malim slovom.
- Dok vam HTML dozvoljava da izostavite vrednosti koje imaju isto ime kao
atribut, XHTML insistira da sve vrednosti budu eksplicitno navedene.
2.
Početak izrade stranice
Za izradu HTML dokumenata dovoljan nam je najobičniji tekst editor kao
što je Notepad, internet čitač po slobodnom izboru (po mogućnosti najmanje dva
kako bi izgled svoje stranice proverili sa više čitača, što je neophodno jer različiti
čitači različito tumače neke HTML identifikatore). Na kraju bilo bi poželjno da
imamo i neki program za obradu grafike (Corel Draw i Corel Photo Paint) da bi
mogli kreirati i pregledati grafičke datoteke koje ćemo ugraditi u naš HTML
dokument.
4
Nakon što svoj kod otkucamo u Notepadu ili nekom drugom tekst editoru,
sačuvaćemo taj dokument na način: File pa Save as (u dijalog prozoru prvo
odaberemo folder u kojem ćemo sačuvati našu stranicu. U polje File name
upišemo ime naše prve stranice, a kao ekstenziju otkucamo .htm ili .html (npr.
"web stranica.html"). )
Ono što čini osnovu svakog HTML dokumenta je njegov identifikator koji
internet čitaču govori o kojem se elementu zapravo radi kako bi ga ovaj znao
pravilno prikazati. HTML identifikatori su "case insensitive" tj. svejedno je pišemo
li ih malim ili velikim slovima. identifikatori se pišu unutar srednjih zagrada <
(manje od) i > (veće od). <html> je identifikator koji se obavezno nalazi na
početku svakog HTML dokumenta i on govori našem čitaču da se ovde radi o
HTML dokumentu. Završni identifikator se dobije dodavanjem znaka "/" i
označava mesto na kojem prestaje delovanje početnog taga, stoga je poslednji
element HTML dokumenta </html>, koji čitaču govori da se ovde radi o kraju
našeg HTML dokumenta.
Svaki HTML dokument može se strukturno podeliti na dva dela: 1. deo je
zaglavlje (engl. head), a 2. deo je telo (engl. body). Identifikatori za ta dva dela su
1. <head> i </head> i 2. <body> i </body>. Sadržaj zaglavlja se ne prikazuje u
internet čitaču i on služi za detaljniji opis stranice. Unutar zaglavlja stavljamo
identifikatore <title> i </title> između kojih ćemo staviti naslov naše stranice, koji
se upisuje u naslovnoj traci preglednika. Sav sadržaj koji se nalazi unutar <body>
elementa, je stvarni sadržaj, pa se kao takav prikazuje u čitaču. Upravo navedeni
elementi (<html>, <head>, <title> i <body>) su osnovni i obavezni elementi koje
svaka stranica mora da sadrži i zajedno čine najjednostavniji HTML dokument.
Primer 1:
Kod 2.1 moja prva stranica
Slika 2.1 - Izgled stranice iz primera u čitaču
3.
Osnovni elementi HTML-a
5
