Prezentacija 2
Download
Report
Transcript Prezentacija 2
4. Izrada web stranica
WWW INFORMATIKA 7
4.4. Jezik HTML
WWW INFORMATIKA 7
4. Izrada web stranica
HTML
• Front Page prijevod u HTML kôd web-preglednik prikaz
web-stranice
• HTML
- jezik kojima se pišu web-stranice
- oznaka (tag) – ključne riječi HTML koda
• Oznake za početak i kraj HTML dokumenta
<html> </html>
WWW INFORMATIKA 7
4. Izrada web stranica
HTML dokument
•
•
sastoji se od: ZAGLAVLJE i TIJELO
ZAGLAVLJE - podatci kao što su naslov koji će pisati u naslovnoj
traci prozora web-preglednika, ime autora, datum i slično…
<head>
<title>SuperWeb</title>
</head>
4. Izrada web stranica
WWW INFORMATIKA 7
HTML dokument
• u TIJELU programa sadržaj stranice koji se vidi u webpregledniku
<body>
Ovo je moja prva Web stranica pisana isključivo HTML kodom. Baš je
izvrsna!
</body>
4. Izrada web stranica
WWW INFORMATIKA 7
HTML jezik
• HTML - Hyper Text Markup Language, prezentacijski
jezik za kreiranje web-stranica
• ključne riječi, oznake (tagovi) navođene unutar znakova
„<“ i “>“
• HTML kod piše se u blokovima, oznake definiraju
početak i kraj svakoga bloka
• primjer početne oznake je <body>, a završne </body>
WWW INFORMATIKA 7
4. Izrada web stranica
Primjer HTML koda
<html>
<head>
<title>SuperWeb</title>
</head>
<body>
Ovo je moja prva web-stranica pisana isključivo HTML kodom. Baš
je izvrsna!
</body>
</html>
WWW INFORMATIKA 7
4. Izrada web stranica
Pisanje HTML dokumenta
• web-stranica može se pisati u programu Blok za pisanje ili u bilo
kojem jednostavnom uređivaču teksta
• dokument je potrebno pohraniti u tekstovnom obliku
• dodati nastavak „.htm“
• HTML dokumenti su dokumenti pohranjeni u tekstovnom obliku
• HTML oznake govore internetskom pregledniku kako će interpretirati
elemente stranice unutar pojedinog bloka HTML oznaka
4. Izrada web stranica
WWW INFORMATIKA 7
Pisanje HTML dokumenta
• pisanje HTML dokumenta u programu Blok za pisanje
WWW INFORMATIKA 7
4. Izrada web stranica
Pisanje HTML dokumenta
• pohranjivanje dokumenta
• iza imena dokumenta nastavak „htm“
• pohraniti u obliku „txt“
WWW INFORMATIKA 7
4. Izrada web stranica
Pisanje HTML dokumenta
• učitavanje web-dokumenta u web-pregledniku
WWW INFORMATIKA 7
4. Izrada web stranica
Pisanje HTML dokumenta
• upisati putanju dokumenta ili potražiti dokument
4. Izrada web stranica
WWW INFORMATIKA 7
Pisanje HTML dokumenta
• prikaz odabrane stranice u internetskom pregledniku
4. Izrada web stranica
WWW INFORMATIKA 7
HTML kodovi
•
•
•
•
•
prijelom retka oznaka <br>
početak i kraj odlomka oznake <p> i </p>
vodoravna crta preko web-stranice oznaka <hr>
poravnanje po sredini oznake <center> i </center>
određivanje veličine pisma <h1>, <h2> do <h6>
4. Izrada web stranica
WWW INFORMATIKA 7
HTML kodovi
• stotinjak i više HTML oznaka
• razvojem WWW tehnologije razvija se HTML jezik
• nema potrebe učiti tagove napamet - treba poznavati logiku HTML
jezika i strukturu web-stranica