170 likes | 334 Views
HTML PROGRAMSKI JEZIK INTERNETA. Šta je HTML dokument H yper T ext M arkup L anguage. HTML (Hyper Text Markup Language) f ajl koji se može kreirati bilo kojim tekst editorom i to plain text (ASCII) HTML se koristi za stvaranje hipertekstualnih datoteka (datoteka koje sadrže linkove).
E N D
HTML PROGRAMSKI JEZIK INTERNETA
Šta je HTML dokument Hyper Text Markup Language • HTML(HyperText Markup Language) fajl koji se može kreirati bilo kojim tekst editorom i to plain text (ASCII) • HTML se koristi za stvaranje hipertekstualnih datoteka (datoteka koje sadrže linkove). • kada "surfujemo" Internetom i naiđemo na neku zanimljivu stranicu, a ne znamo kako je napravljena, njen izvorni HTML kod možemo pogledati ako u liniji menija odaberemo: View -> Source
HTML komande se pišu u vidu tzv. tag - ova. • Jedan tag je komanda koja govori našem browseru 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 < > npr: <html>. • Ovaj tag se nalazi na početku svakog HTML dokumenta i on govori browseru da je datoteka koju je upravo počeo da učitava baš HTML dokument i da kao takvog treba i prikazati.
većina tagova ima i početni i završni tag. Završni tag se dobija dodavanjem znaka "/" i označava mesto na kojem prestaje delovanje početnog taga • npr. početni tag: <html> završni tag: </html>. • postoje i tagovi kod kojih ne moramo stavljati završni tag kao što je recimo tag <br> koji služi za prelazak u novi red
svaki HTML dokument se sastoji od dva dela: zaglavlja (engl. head) i tela (engl. body). • zaglavlje se odvaja tagovima <head> i </head>, • telo dokumenta tagovima: <body> i </body>. Sve ono što napišemo u zaglavlju dokumenta neće se prikazati u prozoru browsera već obično služi samo da pruži neke informacije o našoj stranici.
u okviru zaglavlja treba staviti tagove: • <title> i </title> između kojih treba staviti naslov stranice • to nije naslov koji će se pojaviti u telu stranice već onaj naslov koji se pojavljuje u naslovnoj liniji browsera • sve ono što napišemo između tagova <body> i </body> predstavljaće telo našeg dokumenta i pojaviće se kao sadržaj naše web stranice u prozoru browsera
Struktura HTML dokumenta • svaki HTML dokument mora imati sledeću strukturu: <html> <head> <title>ovde stavimo naziv naše Web stranice</title> </head> <body> ovde unesimo sve ono što želimo da se vidi u stranici </body> </html>
Kako da napravimo prvu web stranicu? • da bi napravili jednu Web stranicu ono što je potrebno već imamo na računaru • pre svega jedan najobičniji tekst editor kao što je Notepad. Programs->Accessories->Notepad • zatim: web browser (poželjno je imati dva) program za obradu grafike (Corel Draw i Corel Photo Paint) da bi mogli kreirati i pregledati grafičke datoteke koje ćemo ugraditi u naše Web stranice
Kako da napravimo prvu web stranicu? • otvorimo novi dokument u Notepad-u • upišemo gornju strukturu HTML dokumenta u koji ćemo staviti naslov po želji (npr. naše ime), a između body tagova stavimo neki tekst (npr. "Moj prva Web stranica"):
Kako da napravimo prvu web stranicu? • <html><head><title>Dragan</title></head><body> Moj prva Web stranica</body></html>
snimimo ovaj dokument • u File - Save as dijalog prozoru prvo odaberemo folder u koji ćemo snimiti naš Web stranicu • u polje File name upišemo ime naše prve stranice, a kao ekstenziju otkucajmo .htm ili .html (npr. "prva.htm") • u padajućoj listi Save as type odaberemo All Files. • klik na OK i naš prvi Home page je spreman da ga otvorimo u našem web browseru • ako je sve ispravno uradjeno u naslovnoj liniji našeg web browsera bi trebalo da stoji: Dragan, a u prozoru browsera bi trebali videti tekst: Moja prva Web stranica.
PRIMERI <HTML> <HEAD><TITLE>Ovo je naslov</TITLE> </HEAD> <BODY> INFORMACIONA TEHNOLIGIJA </BODY> </HTML>