Predmetni nastavnik:
mr Živković Dubravko
1
Sadržaj:
1. Uvod u HTML,
2. HTML boje,
3. Uredjivanje teksta,
4. Liste u HTML-u,
5. Tabele u HTML-u,
6. Kreiranje linka u HTML-u,
7. Literatura.
1
Sadržaj
Paint) da bi mogli kreirati i pregledati grafičke datoteke koje ćemo ugraditi u
naše Web stranice. Inače na Internetu možemo pronaći mnogo Web grafike koju
možemo slobodno “skinuti” i ugraditi u sadržaj naše Web 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
stranica. 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 počeo učitavati 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. 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. Svaki HTML dokument se
sastoji od dva dela:
zaglavlja
(engl.
head
) i
tela
(engl.
3
body
). Zaglavlje se odvaja tagovima
<head>
i
</head>,
a 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.
Tako ćemo u okviru našeg zaglavlja svakako staviti tagove:
<title>
i
</title>
između kojih ćemo staviti naslov naše stranice. To nije naslov koji će se pojaviti u
telu naše stranice već onaj naslov koji se pojavljuje u naslovnoj liniji browsera.
Pogledajmo naslovnu liniju browsera - ispred imena browsera
videćemo da piše: "HTML-Uvod". To je zato što smo u zaglavlju ovog dokumenta
napisali:
<title>HTML-Uvod</title>
Sa druge strane sve ono što napišemo između tagova
<body>
i
</body>
3
UVOD U HTML
predstavlja će telo našeg dokumenta i pojavi će se kao sadržaj naše web stranice
u prozoru browsera.
Dakle, svaki HTML dokument mora imati sledeću
strukturu:
<html>
<head>
<title>Ovdje stavimo naziv naše Web stranice</title>
</head>
<body>
Ovdje unosimo sve ono što želimo da se prikazuje na stranici
</body>
</html>
Sad je vreme da napravimo prvu web stranicu. Otvorimo novi dokument u
Notepad-u i upišimo gornju strukturu HTML dokumenta u kojem ćemo staviti
naslov po želji (npr. naše ime), a između body tagova stavimo neki tekst (npr.
"Moj prva Web stranica"):
<html>
<head>
<title>Veljko</title>
</head>
<body>
Moja prva Web stranica
</body>
</html>
Sad sačuvamo ovaj dokument. U
File - Save as
dijalog prozoru prvo odaberemo
folder u kojem ćemo sačuvati našu Web stranicu. U polje
File name
upišimo ime
naše prve stranice, a kao ekstenziju otkucajmo
.htm
ili
.html
(npr. "prva.htm").
U padajućoj listi
Save as type
odaberimo
All Files
. Stisnite OK i naš prvi Home
page je spreman da ga otvorimo u našem web browseru.
4
2. HTML boje
4
HTML boje
