VJEŽBA 9: META ELEMENTI I PUTANJE ZA DATOTEKE
CILJ VJEŽBE
Učenik će definirati pojam meta podataka i meta elementa, navesti uobičajene vrijednosti atributa
meta elementa, objasniti primjenu i upotrebljavati, odnosno opisivati meta element u zaglavlju HTML
dokumenta.
PRIPREMA ZA VJEŽBU:
1.Što su meta podaci?
Metapodatci su podatci o podatcima – podatci koji opisuju karakteristike nekog izvora u
digitalnom obliku. Korisni su kod pregledavanja, prijenosa i dokumentiranja informacijskog
sadržaja. U digitalnom smislu to su „strukturirani podatci koji opisuju, objašnjavaju, lociraju ili
na neki drugi način omogućavaju lakše upravljanje resursima“.
2. Što opisujemo putanjama datoteka kod izrade web sjedišta?
Putanja datoteke predstavlja "put" kojim će se link povezati sa drugim stranicama, slikama, i
raznim drugim datotekama.
IZVOĐENJE VJEŽBE
ZADATAK 1. Meta podaci, element meta
A. Što definira <meta> element?
Definira metapodatke o HTML dokumenta. Metapodaci su podaci (podaci) o podacima.
B. Gdje se piše element <meta> ?
Oznake uvijek ulaze u element <head>.
C. Što se obično navodi, odnosno specificira pomoću elementa <meta> ?
Obično se koriste za određivanje skupa znakova, opis stranice, ključne riječi, autora
dokumenta i postavke okvira za prikaz.
D. Kome su obično namijenjeni meta podaci?
Web dizajnerima.
E. Napišite primjer koda kojim se definiraju ključne riječi za tražilice.
<meta name="keywords" content="HTML, CSS, JavaScript">
F. Napišite primjer koda kojim se definira opis mrežne stranice.
<meta name="description" content="Free Web tutorials for HTML and CSS">
G. Napišite primjer koda kojim se definira autor stranice.
<meta name="author" content="John Doe">
H. Napišite primjer koda kojim se dokument osvježava svakih 60 sekundi. Što označava
pojam viewport?
<meta http-equiv="refresh" content="60">
Prozor za prikaz je vidljivo područje korisnika web stranice.
I. Napišite primjer koda kojim se postavlja viewport da ispravno prikazuje mrežno sjedište
na različim uređajima. Objasnite kod.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
To daje pregledniku upute o načinu upravljanja dimenzijama i skaliranjem stranice.
width=device-widthDio postavlja širinu stranice pratiti na ekranu širine uređaja (koji će se
razlikovati ovisno o uređaju).
initial-scale=1.0Dio postavlja početnu razinu zuma kada se stranica učita prvi put u
pregledniku.
ZADATAK 2.
HTML putanje datoteka
A. Napišite redak HTML koda kojim opisujemo da se slika naziva ljeto.jpg nalazi u istoj mapi
kao i trenutna stranica.
<img src="picture.jpg">
B. Napišite redak HTML koda kojim opisujemo da se slika naziva zima.jpg nalazi u podmapi
images trenutne mape.
<img src = "images / picture.jpg">
C. Napišite redak HTML koda kojim opisujemo da se slika naziva jesen.jpg nalazi u podmapi
images u korijenskoj mapi trenutnog mrežnog sjedišta.
<img src = "/ images / picture.jpg">
D. Napišite redak HTML koda kojim opisujemo da se slika naziva proljece.jpg nalazi u mapi
koja je u strukturi mapa za jednu razinu viša od trenutne mape.
<img src = "../ picture.jpg">
E. Što se podrazumijeva pod apsolutnom putanjom? Navedite primjer apsolutne putanje.
Apsolutni put do datoteke je puni URL datoteke:
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">
F. Što se podrazumijeva pod relativnom putanjom? Navedite primjer.
Relativna staza datoteke upućuje na datoteku u odnosu na trenutnu stranicu.
<img src="/images/picture.jpg" alt="Mountain">
G. Kakve se putanje preporuča koristiti? Zašto?
Najbolja je praksa koristiti relativne putove datoteka (ako je moguće).
Kada koristite relativne putove datoteka, vaše web stranice neće biti vezane uz vaš
trenutni osnovni URL. Sve će veze raditi na vašem računalu (localhost), kao i na vašoj
trenutnoj javnoj domeni i na vašim budućim javnim domenama.