HTML Web Školica
OSNOVE HTM-a i HTML-a
Lekcija Br. 1
Za sve one koji bi željeli da nauče još više ili da se odvaže da naprave svoju vlastitu web stranicu (prezentaciju).Pokušat ću da vas uputim u neke 'tajne' pravljenja web stranice.
HTML dokument je datoteka u običnom ASCII tekstualnom formatu. Zato se bilo koji tekst-editor može koristiti za izdradu HTML dokumenta. Datoteke sa dokumentom opisanim u HTML-u obično imaju u svom imenu sufiks (ili ekstenziju)
.html ili .htm.
Obilježja (oznake, tagovi) u HTML dokumentu su smješteni unutar simbola
za relacijski znak manje/veće
(npr. <HEAD>),a obično se završavaju sa </oznaka>(npr.</HEAD>).
(SJETITE SE FORUMSKIH ZAGRADA [ ovako ], razliku sad već sami uočavate.
Postoje neki izuzetci koji nemaju završetak </...> (npr.<BR>
koji zamjenjuje 'enter' ili novi red). Obilježja mogu imati svoje
atribute koji se pišu u okviru oznaka kojima se i otvara obilježje.
Svaki tag ima svoje određeno značenje, neki efekt koji želimo postici na stranici.
Tagove možete pisati velikim ili malim slovima, po izboru i to neće utjecati na izgled vaše stranice ili tag-a.
Sada krećemo na opći oblik najjednostavnije web stranice i upoznati cetiri osnovna taga koji se postavljaju
u samo zaglavlje stranice i koji određuju njen okvir:
<html>
Ovo je početni kod sa kojim otvaramo naše zaglavlje stranice
i koji nosi naslov kao i naša prva lekcija
<head> iza njega otvaramo okvir zaglavlja tzv HEAD
<title> Naslov moje stranice </title> sa otvorenim i zatvorenim tagom
</head> zatvaramo head tag
<body> i otvaramo BODY tj ono što iza ovoga taga vidi korisnik na stranici
Tu ide nas tekst slike i sav sadržaj naše web stranice
</body> i tu zatvaramo na dnu stranice naš tag BODY
</html> a nakon njega i cijeli HTML i naše nevidljivo zaglavlje!
Dakle, tagovi <html> i njegov zatvarač označavaju početak i kraj HTML dokumenta.
Tagovi <head>, <body> i njihovi zatvarači definiraju osnovnu podjelu koja
ja prisutna u svakom HTML dokumentu, na "glavu" (zaglavlje) i "tijelo" dokumenta.
U zaglavlje pišemo informacije koje se tiču prikaza naše stranice ali ne želimo
da se sadržaj izravno prikaze unutar stranice
(npr. tip kodiranja znakova ili kao ovdje, naslov stranice.
Tag <title> i zatvarač dakle, oznacavaju početak i kraj 'naslova' stranice.
Tekst između tih tagova je tekst koji će se ispisati na traci i na vrhu naseg
browsera (prozora) kad otvorimo stranicu.
Konačno, u 'tijelo' stranice upisujemo sve one podatke koji će činiti njen sadržaj.
Ako bude zainteresiranih krenut ću sa lekcijama i sa vidljivim primjerima.
Da bi vidjeli kako je uradjena neka web stranica ili prezentacija samo idete na tu stranicu i onda desnom tipkom miša kliknete na tekstulni dio te stranice i nađete opciju 'View Source'.
Klikom na tu opciju otvoriće vam se nova stranica puna nekih oznaka gdj će te moći vidjeti sve oznake (tagove) o kojima ovdje budem pisao i tek tada će te moći vidjeti koliko treba tih oznaka da bi vi vidjeli sve ono šta vidite na bilo kojoj web stranici.
To što vidite u pozadini i nije uvijek sve, jer postoje neki 'pozivani' programi koji se nalaze na nekm drugom mjestu ili bazi, a pomažu pri radu nekih programčića i aplikacija koji se pokreću na našoj web stranici.
View Source opcijom možete vidjeti na primjerima kako je koja web stranica urađena.
Sa istim tim kod-ovima (tagovima) možemo kreirati i tabele na našim stranicama ali o tome nekom drugom prilikom....
(0)
20.01.
