Vježba 1.1 - Cilj vježbe je upoznati osnovnu strukturu html dokumenta, koja je okvir svake web stranice.
HTML za početnike
Vježba 1.1
Na radnoj površini načinite mapu Vjezba 1.
U html editoru kreirajte novu datoteku prva.html.
Umetnite osnovnu strukturu html dokumenta (html elemente: <!doctype html> , <html>, <head> i <body>).
Unutar <head> elementa dodajte <meta> element za utf-8 kôdnu stranicu (radi hrvatskih dijakritičkih znakova).
Ispod njega dodajte element naziva web stranice Moja prva vježba.
Slika 1.1
Unutar <body> elementa dodajte naslov <h1> s tekstom kao na slici 1.1.
Ispod naslova <h1> umetnite tri odlomka <p> s odgovarajućim tekstom.
Spremite datoteku u mapu Vjezba 1.
Otvorite html dokument prva.html u web pregledniku i provjerite radi li dobro: Je li prikaz isti kao na slici 1.1 i ispravnost naziva na kartici web stranice.
Pogledajte izvorni kôd vaše web stranice (html dokumenta) u web pregledniku, korištenjem prečaca na tipkovnici Ctrl + U (Chrome web preglednik).
izvorni kôd (Ctrl + U)
Firefox: Pritisnite CTRL + U.
Edge i Opera: Pritisnite CTRL + U. Ili pritisnite desnu tipku miša i izaberite: View page source.
Koliko elemenata sadržaja, a koliko praznih elemenata se nalazi na web stranici?
Rješenje vježbe 1.1
Usporedite dobiveni kôd s kôdom rješenja Vježbe 1.1