HTML osnove i početak

Pošalji ovaj članak prijatelju putem e-maila

Autor iteracij | Dodano 25.08.2009 u 22:41:50

Odlučili ste početi učiti raditi svoje web stranice? Ovdje ću vas uputiti u osnove HTML-a.

Što je to HTML?
HTML je kratica za HyperText Markup Language. HTML je prezentacijski jezik za kreiranje web stranica, a nastao je da se stranice mogu oblikovati (design). Pitate se zašto nebismo samo napisali tekst i to je to? Zamislite da je svaka web stranica ista; samo tekst i tekst i tekst... S tim je ciljem nastao HTML da se mogu stavljat slike, ukrasi, da se i sam tekst može oblikovat (boja, font, velićina, poravnanje, podebljano, ukošeno, podcrtano itd.). HTML je naravno i standardni jezik, a za to se brine W3C.

Struktura HTML sitea
Osnovni HTML tagovi su:
<html> - tag koji definira da je to HTML stranica, time se započinje
<head> - tag u kojeg se upisuje ime sitea, meta tagovi, CSS (ili samo poveznica), javascrypt skripte itd.
<body> - glavni tag, u njega ide cijeli site (dizajn, sadržaj)

Znaći, struktura bi bila otprilike ovako:

<html>
<head>
ime sitea, meta tagovi, css, javascrypt i ostalo
</head>
<body>
sadržaj i dizajn sitea
</body>
</html>

Osnovi tagovi za text i sadržaj
Osnovni tagovi za upravljanje sadržajem (npr. tekstom) su:
<p></p> - tag koji kreira novi odlomak (paragraf)
<br> - tag kojim se prelazi u novi red
<hr> - tag koji kreira horizontalnu crtu
<s></s> - tag za podebljane teksta (bold)
<i></i> - tag za nakošeni tekst (italic)
<u></u> - tag za podcrtani tekst (underline)

A za naslove možete koristiti 6 tagova:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

Oni su poredani hijerarhijski; tj. <h1> bi bio glavni naslov, <h2> bi bio podnaslov unutar tog naslova, <h3> bi bio podnaslov unutar podnaslova <h2> itd. Također savjetujem da kod svog sitea tamo gdje je ima članka koristite neki <h> tag, jer će vam to pomoći kod indeksiranja na tražilicama!

Programi
Ako znate sve kodove i vješti ste u tome, site možete raditi i u Notepad-u, a malo bolji editor dobijete i sa Microsoft Office paketom - Microsoft Frontpage, koji je dobar za početnike, ali ja preporučam Macromedia Dreamwawer, koji je prema meni i još mnogim drugima najbolji program za izradu siteova. Osim HTML, dobar je i za izradu PHP, CSS i svega drugoga za siteove! Tu postoje i još razni drugi programi, ali Dreamwawer i Frontpage su najčešće korišteni, a ako ste vješti u pisanju kodova, i Notepad će vam poslužit (pogotovo Notepad ++).

Eto, to su osnove HTML-a, a ostalo pronađite u HTML tutorialima!

NOVOSTI

Web stranica je trenutno u izradi

username:
password: