Nastavna jedinica: 4.4. Jezik HTML 4.5. Oznake i parametri HTML jezika Nastavna cjelina: 4. Izrada weba Kataloška tema: 4.4. Jezik HTML 4.5. Oznake i parametri HTML jezika
HTML jezik HTML ili HyperText Markup Language je prezentacijski, opisni jezik namijenjen izradbi web-stranica pomoću oznaka HTML-a (eng. tag).
Oznake HTML-a Oznake navodimo unutar znakova < i >, npr. <html>. oznake najčešće dolaze u parovima početna i završna oznaka. Iako su obje istog naziva, završnu oznaku prepoznajemo po znaku kose crte / ispred naziva oznake npr. </hmtl>
Struktura HTML dokumenta
Primjer jednostavnog HTML dokumenta Primjer osnovne HTML stranice – Design Primjer osnovne HTML stranice – Code
Opis oznaka HTML-a <html>…</html> Ovom oznakom započinje i završava HTML dokument <head>…</head> Oznaka zaglavlja stranice <meta> Ova oznaka nema završne oznake, a rabi se za definiranje obilježja stranice <title>…</title> Unutar ove oznake upisuje se naslov stranice. <body>…</body> Oznaka tijela stranice. Unutar ovog bloka nalaze se mnoge HTML oznake kojima opisujemo izgled stranice. Objasnit ćemo ih pobliže u narednom poglavlju <p>…</p> Oznaka odlomka. Prisjetimo se odlomak je dio teksta između dva pritiska na tipku Enter. Unutar oznake odlomak često rabimo druge oznake za oblikovanje teksta <b> podebljano, <i> ukošeno, <u> podcrtano i sl. <img> Oznaka slike. Nema završne oznake, a naznačuje naziv i osnovna obilježja prikazane slike. <a>…</a> Oznaka poveznice. Sadrži adresu povezane web-stranice ili ime povezane datoteke.
Pregled HTML dokumenta u Internet Exploreru Za pregled HTML dokumenta kliknite redom na izbornik Prikaz (View) → Izvor (Source). Dijaloški okvir Otvori
Izradba web-stranica u Bloku za pisanje Web-stranice u programu Blok za pisanje izrađujete kao i svaki drugi tekstualni dokument. U postupku spremanja datoteke, u dijaloškom okviru Spremi kao (Save As), u okvir naziva datoteke (File Name) upišite (ili izmijenite) proširenje (nastavak) u .html (ili .htm).
Prva.html Druga.html
Prva.html – pregled Druga.html – pregled
Oznake i parametri HTML dokumenta Parametri su dio početne HTML oznake. Ako ih je više odvojeni su razmakom. Vrijednosti parametara navode se bez razmaka iza znaka jednakosti pod navodnicima npr. <p align=’’left’’>Tekst</p>.
HTML oznaka Parametar i vrijednost Opis <P>…</P> oznaka odlomka … Između početne i završne oznake nalazi se sadržaj odlomka. align=''left'' Lijevo poravnanje odlomka. align=''center'' Središnje poravnanje odlomka. align=''right'' Desno poravnanje odlomka. align=''justify'' Obostrano poravnanje odlomka. <B>…</B> Rabi se unutar oznake odlomka. Oznaka podebljanog teksta. <I>…</I> Oznaka nakošenog teksta. <U>…</U> Oznaka podcrtanog teksta. <IMG> oznaka slike border=''1'' Debljina obruba. Vrijednost border=''0'' naznačuje da umetnuta slika nema obrub. src=''Slika1.wmf'' Parametrom src naznačuje se naziv umetnute slike. Ako se slika ne nalazi u istoj mapi kao i stranica potrebno je navesti i put do slike. width=''132'' Širina slike. height=''153'' Visina slike. <A>…</A> oznaka poveznice Između početne i završen oznake nalazi se prikazani (vidljivi) dio poveznice (tekst ili slika). href=''Druga.html'' Parametrom href naznačuje se naziv povezane stranice. Ako se povezana stranica ne nalazi u istoj mapi kao i stranica koja sadrži poveznicu potrebno je navesti i put do povezane stranice.
Pojmovi Oznaka P – Oznaka odlomka (početna i završna). Oznaka A – Oznaka poveznice (početna i završna). Oznaka IMG – Oznaka slike.