|
Home  Tutorials Struktura Web Stranice
Web Development
| Welcome to Web Development section. Please choose a category. | | | - Hrvatski tutorijali
Ovdje su objavljeni razni tutorijali na hrvatskom jeziku na temu PC, programiranje, web development, savjeti, trikovi, optreba racunala itd. - Tips / Tricks
Articles about various tips and tricks concerning Windows, Linux and other OS usage. - JavaScripts
Code snippets, tutorials and tricks for JavaScrip language. - PHP & MySQL
Tutorials, code examples, tips and tricks for PHP and MySQL development. - Tutorials
Place for tutorials about using various application in best and simplest way. |
|
|
|
Struktura Web Stranice |
|
|
Struktura Web Stranice
|
Saturday, 12 May 2007 |
HTML komande se pišu u vidu tzv. tag - ova. Jedan tag je u komanda koja govori našem browseru što i kako napraviti tj. na koji način prikazati sadržaj naših stranice.
HTML komande se pišu u vidu tzv. tag - ova. Jedan tag je u komanda koja govori našem browseru što i kako napraviti tj. na koji način prikazati sadržaj naših stranice. HTML tagovi su "case insensitive" tj. svejedno je da li ih pišemo 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 i on govori našem browseru da je datoteka koju je upravo poceo ucitavati baš 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 našeg HTML dokumenta. Vecina tagova ima i pocetni i završni tag . Završni tag se dobiva dodavanjem znaka "/" i oznacava mjesto na kojem prestaje djelovanje pocetnog taga.
Postoje i tagovi kod kojih ne moramo stavljati završni tag kao sto je recimo tag <br> koji služi za prelazak u novi red (o ovom tagu cemo govoriti kasnije u dijelu o formatiranju teksta).
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 što napišemo u zaglavlju dokumenta nece se prikazati u prozoru browsera vec obicno služi samo da pruži neke informacije o našoj stranici.
Tako cemo u okviru našeg zaglavlja svakako staviti tagove: <title> i </title> izmedu kojih cemo staviti naslov naše stranice. To nije naslov koji ce se pojaviti u tijelu naše stranice vec onaj naslov koji se pojavljuje u naslovnoj liniji browsera. Pogledajmo naslovnu liniju našeg browsera - ispred imena browsera
vidjecemo da piše: "Uvod u HTML". To je zato što smo u zaglavlju ovog dokumenta napisli:
HTML Kod: <title>Uvod u HTML</title> S druge strane sve ono što napišemo izmedu tagova <body> i </body> predstavljat ce tijelo našeg dokumenta i pojavit ce se kao sadržaj naše web stranice u prozoru browsera (kao što je tekst koji upravo citamo).
Dakle, svaki HTML dokument mora imati slijedecu strukturu :
HTML Kod: <html> <head> <title>Ovdje stavimo naziv naše Web stranice</title> </head> <body>
Ovdje unesimo sve ono što želimo da se vidi u stranici
</body> </html> Sad je vrijeme da napravimo prvu web stranicu. Otvorimo novi dokument u Notepad-u i upišimo gornju strukturu HTML dokumenta u kojem cemo staviti naslov po želji (npr. naše osobno ime), a izmedu body tagova stavimo neki tekst (npr. "Moj prva Web stranica"):
HTML Kod: <html> <head> <title>Kristijan</title> </head> <body>
Moj prva Web stranica
</body> </html> Sad snimimo ovaj dokument. U File - Save as dijalog prozoru prvo odaberemo folder u kojem cemo usnimiti naš Web stranicu. U polje File name upišimo ime naše prve stranice, a kao ekstenziju otkucajmo .htm ili .html (npr. "prva.htm").
U padajucoj listi Save as type odaberimo All Files . Stisnite OK i naš prvi Home page je spreman da ga otvorimo u našem web browseru.
Ako smo sve ispravno napravili u naslovnici našeg web browsera bi trebalo stajati: Kristijan, a u prozoru browsera bi trebali vidjeti tekst: Moja prva Web stranica. |
|
|
|
|
|
