. Škola Web Design-a: Osnove HTML-a [1]

četvrtak, 9. veljače 2012.

Osnove HTML-a [1]




HTML je osnova 95% stranica na internetu i temelj je svakog web designer-a.

Sada ćemo se okrenuti samom kodu i pojasniti šta svaka linija koda znači.

Ovo je VAŽNO da naučite jer je to osnova za dalje....

<!-->  
Ovo je komentar koji ubacujemo u neke dijelove koda kako bi nama bilo lakše da se kasnije snađemo u kodu.
Primjer:
<h1>Ovo je naslov<h1> <!--Ovo je naslov -->
<p>Paragraf</p> <!-- Ovo je paragraf -->

Kako biste sami testirali ovaj primjer sknite Notepad ++ ovdje i unesite ovaj kod nakon čega ga sačuvajte kao Test.html

Nastavljamo dalje sa tutorijalom ;)
Nadam se da vam ovo nije bilo teško uff ;) pa baš je težak taj HTML xD

Eh sada šta svaki html kod mora imati.
Svaki html koda mora imati slijedeći dio koji vaš browser(chrome,mozzila,opera..) čita ....

<html> --> Označava da počinjemo sa html kodom
</html> ---> Svaki otvoreni tag se mora zatvoriti , a za to koristimo "/"
<head>  Ovo je funkcionalni dio koda koji mi ne vidimo ali on obavlja posao "iza scene" ;)
</head>
<body> Ovdje postavljamo onaj dio koda koji će se vidjeti na stranici
</body>
<title> Ovo je naslov stranice
</titile>

Primjer stranice :
<html>
<head>
<title>Naslov</title>
<body>
<h1> Ovo je naslov </h1> <!-- Koji i komentiramo ;) -->
<p>Ovdje ćemo napisati nešto :D </p>
</body>
</head>
</html>

Ovo je bio naš prvi tutorijal i šta smo naučili.

Naučili smo strukturu html-a i počeli sa njhovim osnovama.
Da ponovimo gradimo
Strukturu čine
<html>
<head>
<body>
Naslov stranice postavljamo pomoći
<title>
Naslov teksta i paragraf postavljamo pomoću
<h1>
<p>
A tagove zatvaramo kosom crtom "/"

Nadam se da ste uživali :D

Nešto vam nije jasno ???
Slobodno komentirajte :D

Objavi komentar