Vježba 9: Meta elementi i putanje za datoteke
PRIPREMA ZA VJEŽBU
1. Što su meta podaci?
Meta podatci su podatci o podatcima – podatci koji opisuju karakteristike nekog izvora u digitalnom obliku
2. Što opisujemo putanjama datoteka kod izrade web sjedišta?
Radi veće preglednosti i lakše organizacije datoteke web-sjedišta najčešće su organizirane u hijerarhijsku strukturu.
IZVOĐENJE VJEŽBE
A. <meta> Oznaka definira meta podatke o HTML dokumenta.
B. <meta> oznake uvijek ulaze u element <head>.
C. Obično se koriste za određivanje skupa znakova, opis stranice, ključne riječi, autora dokumenta i postavke okvira za prikaz.
D. Meta podatke koriste preglednici (kako prikazati sadržaj ili ponovno učitati stranicu), tražilice (ključne riječi) i druge web usluge.
E.
<head>
<meta name=”keywords” content=”HTML, CSS, JavaScript”>
</head>
F.
<head>
<meta name=”description” content=”Free Web tutorials”>
</head>
G.
<head>
<meta name=”author” content=”John Doe”>
</head>
H.
<meta http-equiv=”refresh” content=”60″ />
VIEW PORT – Prozor za prikaz je vidljivo područje korisnika web stranice.
I.
<!DOCTYPE html>
<html>
<head>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
</head>
<body>
<p>COd</p>
</body>
</html>
width=device-width– postavlja širinu stranice ovisno o veličini zaslona uređaja.
initial-scale=1.0 – postavlja početnu razinu zooma
2. HTML putanje datoteka
A.
<img src=”ljeto.jpg”>
B.
<img src=”IMAGES\zima.jpg”>
C.
<img src=”IMAGES\New folder (3)\jesen.jpg”>
D.
<img src=”../picture.jpg”>
E.
Apsolutni put do datoteke je puni URL datoteke
F.
Relativna staza datoteke upućuje na datoteku u odnosu na trenutnu stranicu.
G.
Najbolja je praksa koristiti relativne putove datoteka zbog toga što web stranice neće biti vezane uz trenutni osnovni URL.
3. Izrada stranice