Izrada web stranica u HTML kodu
| Sjedište: | CARNET - Arhiva 2021 Loomen |
| E-kolegij: | Informatika 7. razred OŠ "Đuro Ester" Koprivnica |
| Knjiga: | Izrada web stranica u HTML kodu |
| Otisnuo/la: | Gost (anonimni korisnik) |
| Datum: | subota, 20. prosinca 2025., 20:41 |
Sadržaj
- 1. Što je web stranica?
- 2. Tri su načina kako izraditi web stranicu
- 3. Što je to HTML?
- 4. HTML oznake
- 5. Struktura HTML dokumenta
- 6. Osnovne HTML oznake
- 7. Izradimo svoju prvu web stranicu
- 8. Izradimo svoju prvu web stranicu - zaglavlje
- 9. Izradimo svoju prvu web stranicu - tijelo
- 10. Uređivanje web stranice
1. Što je web stranica?
Web stranica je dokument je pisan HTML jezikom (hipertekstualni dokument).
HTML je skraćenica za HyperText Markup Language.
Nastavak web stranice je .htm ili .html.
Web-stranice pohranjene su na serverima širom svijeta
Web sjedište ili web mjesto je mjesto na lokalnome računalu ili na serveru koje obuhvaća više povezanih web stranica.
Za otvaranje i prikazivanje web stranica potreban je web preglednik.
Web pretraživači - programi koji omogućuju pregled web-stranica i multimedijalnih sadržaja vezanih za njih.
2. Tri su načina kako izraditi web stranicu
1. tekstovni HTML editori (npr. Blok za pisanje ili neki drugi tekstualni uređivač)
2. vizualni (grafički) HTML uređivači (npr. Microsoft Expression Web)-u svakom trenutku prikazuju kako će izgledati web stranica
3. uporabom CMS-a – izrada web stranica direktno na serveru, preko interneta. Naša školska stranica radi na tom principu.
3. Što je to HTML?
HTML ili Hyper Text Markup Language je prezentacijski, opisni jezik namijenjen izradi mrežnih stranica s pomoću HTML oznaka (eng. tag ).
4. HTML oznake
HTML oznake možemo razumjeti kao naredbe (tagove) mrežnom pregledniku koje određuju kako će se prikazati sadržaj mrežne stranice.
Oznake navodimo unutar znakova < i >, npr. <html>.
Kako bismo odredili sadržaj na koji se odnose, oznake najčešće dolaze u parovima te ih nazivamo početna i završna oznaka. Završnu oznaku prepoznajemo po znaku kose crte / ispred naziva oznake npr. </html>.
Neke oznake (npr. za prikazivanje slike <IMG>) nemaju završnu oznaku.
5. Struktura HTML dokumenta
HTML dokument počinje oznakom <HTML> i u osnovni je podijeljen na dva dijela ili bloka HTML oznaka:
- zaglavlje stranice označeno oznakom <HEAD> sadržava informacije o naslovu stranice te o osnovnim obilježjima stranice kao što su jezik stranice, kodna tablica znakova, ključne riječi, ime i prezime autora i sl.
- tijelo stranice označeno oznakom <BODY> je zapravo sadržaj stranice prikazan u mrežnom pregledniku (tekst, slike, tablice, poveznice i sl.).
6. Osnovne HTML oznake
| OZNAKA | OPIS |
|---|---|
| <html>…</html> | - Ovom oznakom počinje i završava HTML dokument. |
| <head>…</head> | - Oznaka zaglavlja mrežne stranice. |
| <title>…</title> | - Unutar ove oznake upisuje se naslov mrežne stranice (nalazi se unutar bloka head). |
| <body>…</body> | - Oznaka tijela stranice. Unutar ovog bloka nalaze se mnoge HTML oznake kojima opisujemo izgled (sadržaj) mrežne stranice. |
7. Izradimo svoju prvu web stranicu
Pogledaj video:
1. Otvorite Blok za pisanje (Notepad).
2. Najprije ćemo izraditi web stranicu naredbama <html> i </html>.
2. Sada je potrebno spremiti web stranicu. Prilikom spremanja obavezno treba staviti nastavak .html
Nakon spremanja vidimo da se web stranica spremila i poprimila ikonu našeg zadanog web preglednika. Otvoriti će nam se u web pregledniku i biti će prazna.
8. Izradimo svoju prvu web stranicu - zaglavlje
3. Sada ćemo na stranici izraditi zaglavlje.
Zaglavlje su podaci kao što su naslov koji će pisati u naslovnoj traci prozora web-preglednika, ime autora, datum i slično…
Stavimo u zaglavlje tekst "Moja prva web stranica".
Koristimo naredbe <head> i <title>.
Spremimo promjene i otvorimo stranicu u web pregledniku.
Ovako će nam izgledati zaglavlje:
9. Izradimo svoju prvu web stranicu - tijelo
4. Izradimo tijelo web stranice:
U tijelu web stranice pišemo sve što želimo na našoj web stranici, tekst, video, slike...
U tijelu dokumenta je sadržaj stranice koji se vidi u web-pregledniku
Naredbe su <body> </body>.
Spremi promjene i pogledaj svoju web stranicu u web pregledniku.
10. Uređivanje web stranice
5. Uredimo tijelo web stranice
HTML kodovi za uređivanje web stranice su:
- prijelom retka je oznaka <br>
- početak i kraj odlomka je oznake <p> i </p>
- vodoravna crta preko web-stranice je oznaka <hr>
- poravnanje po sredini su oznake <center> i </center>
- određivanje veličine pisma je <h1>, <h2> do <h6>