4 Izrada web stranica 4 2 Jezik HTML

4. Izrada web stranica 4. 2. Jezik HTML

Prisjetimo se! • HTML je jednostavni opisni jezik kojim se opisuje raspored sadržaja na stranici. • Svaka web stranica zapravo je jedan HTML dokument. • To je ujedno tekstualna datoteka koju možemo otvoriti u svakom tekstualnom editoru i čije proširenje je *. html ili *. htm. 20. 2. 2021. HTML jezik

• Više web stranica koje su povezane linkovima nazivamo zajedničkim nazivom web sjedište (web site). • Početna i najvažnija web stranica web sjedišta, zove se index. html. • Index. html možemo zamisliti kao papir na koji stavljamo linkove (samoljepljive papiriće) na druge web stranice. Index. html? ? 20. 2. 2021. Web sjedište

Razlika između obične tekstualne datoteke i HTML datoteke je u tome što osim običnog teksta sadrži dodatke, “naredbe” – nazivamo ih oznake ili tagovi Oznaku (tag) možemo prepoznati po tome što se nalazi unutar matematičkih operatora za manje i veće <>. 20. 2. 2021. Oznaka (tag)

• Na početku svake HTML stranice nalazi se tag <html>. • On označava početak stranice. • Na kraju dokumenta naći ćemo </html> koji označava kraj stranice. • Sve što se nalazi unutar tih dviju oznaka, preglednik će pokazati kao HTML stranicu. Tag na kojem sjedim označava početak web stranice • <html> • <head> • </html> <HTML> Ovaj tag označava kraj web stranice. ) A sve između je sadržaj web stranice. </HTML> 20. 2. 2021. Tagovi <html> i </html>

• Prvi tag unutar stranice je <head> • On sadrži tagove koji određuju neke osobine stranice kao na primjer: naslov stranice, kodni raspored, ključne riječi • Tekst unutar tog taga nećemo vidjeti u pregledniku, ali sve što je ovdje napisano od velike je važnosti za stranicu • Unutar <head> i </head> tagova upisujemo tagove <title> </title> • Između njih upisujemo naslov stranice, koji će se prikazati u naslovnoj traci preglednika • Na primjer: • <title> Web stranica </title> 20. 2. 2021. Tagovi <head>, </head> i <title>, </title>

• Nakon <head> taga, slijede <body> </body> tagovi • Sve što upišemo u te tagove biti će vidljivo na web stranici • Ovdje ubacujemo tekst, slike, tablice, zvuk HTML, HEAD, TITLE, BODY…, pa još nekakve zagrade, kose crte… Sve mi to izgleda jako komplicirano. Možda i nije. Idemo dalje pa ćemo vidjeti. 20. 2. 2021. Tagovi <body> i </body>

• Svoju stranicu spremimo u mapu gdje ćemo pohraniti sve web stranice određenog web sjedišta. • Glavnu stranicu snimamo kao index. html • Ta će se stranica prva otvoriti kad netko upiše adresu naših web stranica u pregledniku. 20. 2. 2021. Index. html

• Izradimo četiri web stranice. Glavnu stranicu nazvat ćemo index. html a ostale stranice orange. html, yellow. html i green. html. • Prvo ćemo napraviti orange. html, u kojoj će nam pozadinska boja biti narančasta: Naredbom bgcolor određujemo boju pozadine Nakon toga na isti način radimo web stranice green. html i yellow. html zelene, odnosno žute pozadinske boje. 20. 2. 2021. Vježba

Sažetak • Tag – najmanja jedinica, dio koda. Možemo ga prepoznati po tome što se nalazi unutar matematičkih operatora za veće i manje <> • Index. html – ime glavne (početne) web stranice • tag <html> – tag koji označava početak svake web stranice • tag </html> – tag koji označava kraj svake web stranice 20. 2. 2021. Jezik HTML

Odgovorite na pitanja u Formsu. Link za priavu u Forms https: //bit. ly/3 bnp. Rvk 20. 2. 2021. Ponovimo!