Pozdrav svima, radim na ovom tutorijali 1 tjedan. Ovaj tutorijal što ću ga sada postaviti je samo jedan dio, bit će ih još nekoliko, ali kad ih završim, sljedeći tjedan bi mogla biti još 2! Pa da počmemo!
______________________________________________
Umetanje Style Sheet-a
Cascading Style Sheet može se umetnuti u HTML na 3 načina. Prvo, style elementi mogu se dodati direktno u HTML tag, što se zove "inline" style sheet. Drugo, style sheet može biti dio HTML dokumenta ("internal" style sheet), a to podrazumijeva direktno upisivanje u HTML dokument u <head> područje. Na kraju, može biti odvojeni "external" style sheet te će se pozivati pomoću web adrese (URL-a) svaki puta kad se HTML dokument bude učitavao. Link za odvojeni external style sheet također će se smjestiti između <head> tagova.
Inline Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
</head>
<body>
<p style="style elementi idu ovdje">
</p>
</body>
</html>
Internal Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
<style type="text/css">
style elementi idu ovdje
</style>
</head>
<body>
Sadržaj ide ovdje
</body>
</html>
Ovaj dio je CSS:
<style type="text/css">
style elementi idu ovdje
</style>
External Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
<LINK href="filename.css" rel="stylesheet" type="text/css">
</head>
<body>
Sadržaj ide ovdje
</body>
</html>
Vanjski (external) file povezan je s našim HTML dokumentom pomoću:
<LINK href="filename.css" rel="stylesheet" type="text/css">
Svi style elementi biti će smješteni u poseban, odvojeni CSS dokument te mu se dodaje .css extenzija!
UOČITE :
Ako external style sheet nije u istom direktoriju gdje je HTML dokument onda to morate odrediti bili apsolutnim bilo relativnim putem do fajla: LINK href="http://myaddress.com/filename.css" rel="stylesheet" type="text/css" .
Pa koji ću onda način koristiti?
* Inline style nije naručito praktičan jer morate pisati CSS za svaki tag.
* Ako imate samo nekoliko web stranica upotrijebite internal style sheet.
* Ako imate website sa mnogo stranica koje koriste style elemente iskoristite external file. U tom slučaju ako npr. želite promijeniti boju ili veličinu texta na svim vašim stranicama nećete morati mijenjati sve HTML dokumente nego samo onaj sa .css extenzijom!
To bi bilo to!
Sljedeći tutorijać će biti o: Background & Color (Pozadina i boja)
______________________________________________
Umetanje Style Sheet-a
Cascading Style Sheet može se umetnuti u HTML na 3 načina. Prvo, style elementi mogu se dodati direktno u HTML tag, što se zove "inline" style sheet. Drugo, style sheet može biti dio HTML dokumenta ("internal" style sheet), a to podrazumijeva direktno upisivanje u HTML dokument u <head> područje. Na kraju, može biti odvojeni "external" style sheet te će se pozivati pomoću web adrese (URL-a) svaki puta kad se HTML dokument bude učitavao. Link za odvojeni external style sheet također će se smjestiti između <head> tagova.
Inline Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
</head>
<body>
<p style="style elementi idu ovdje">
</p>
</body>
</html>
Internal Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
<style type="text/css">
style elementi idu ovdje
</style>
</head>
<body>
Sadržaj ide ovdje
</body>
</html>
Ovaj dio je CSS:
<style type="text/css">
style elementi idu ovdje
</style>
External Style Sheet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Naslov dokumenta</title>
<LINK href="filename.css" rel="stylesheet" type="text/css">
</head>
<body>
Sadržaj ide ovdje
</body>
</html>
Vanjski (external) file povezan je s našim HTML dokumentom pomoću:
<LINK href="filename.css" rel="stylesheet" type="text/css">
Svi style elementi biti će smješteni u poseban, odvojeni CSS dokument te mu se dodaje .css extenzija!
UOČITE :
Ako external style sheet nije u istom direktoriju gdje je HTML dokument onda to morate odrediti bili apsolutnim bilo relativnim putem do fajla: LINK href="http://myaddress.com/filename.css" rel="stylesheet" type="text/css" .
Pa koji ću onda način koristiti?
* Inline style nije naručito praktičan jer morate pisati CSS za svaki tag.
* Ako imate samo nekoliko web stranica upotrijebite internal style sheet.
* Ako imate website sa mnogo stranica koje koriste style elemente iskoristite external file. U tom slučaju ako npr. želite promijeniti boju ili veličinu texta na svim vašim stranicama nećete morati mijenjati sve HTML dokumente nego samo onaj sa .css extenzijom!
To bi bilo to!
Sljedeći tutorijać će biti o: Background & Color (Pozadina i boja)
