Tutorijali

Pregled Novo Popularno Dodaj tutorijal

Uvod u HTML

Autor: Corangar
Dodano: 13/11/2007 u 11:51

Kategorija:
Web - Client side
Komentara: 1

OCJENA

n/a

Glasova
0

Što je HTML ?

HTML je skraćenica od HyperText Markup Language.
Hypertext je jednostavno dio teksta koji se koristi kao link.
Markup Language je način pisanja informacija o izgledu dokumenta.
U osnovi HTML je obični tekstualni dokument, te ne sadrži ništa osim teksta.

Što sve trebam za rad ?

Budući da HTML je samo tekst, treba vam najobičniji text editor. Ukoliko ste na Windows-u možete npr. koristiti Notepad. Postoje i napredniji editori koji vam izgledom mogu olakšati rad i snalaženje unutar dokumenata tako da npr određene dijelove kodova automatski obojaju te već po boji možete prepoznati o kakvom se kodu radi. Primjer takvog editora je PSPad

Alat za pregled web stranice je bilo koji web preglednik, npr. Internet Explorer. U početku može vam biti i on dovoljan no prihvatite topao savjet, te instalirajte Mozilla Firefox ili neki drugi napredniji preglednik. Ukratko rečeno, Internet Explorer ne podržava ili neispravno prikazuje određene stvari, iako dosta je poboljšano kod novije Internet Explorer 7 verzije.

Ukoliko želite da vaše stranice izgledaju atraktivnije nažalost neće biti dovoljno savladati samo HTML već i neki program za obradu slika. Daleko najnapredniji i najkorišteniji alat je Adobe Photoshop. Ovaj program nije lako za savladati no Citrus Dizajn pokriva skoro sva područja ovog programa, ukoliko želite naučiti, imate dovoljno tutorijala na izbor.

Kako HTML izgleda u praksi ?

HTML se sastoji od elemenata, a elementi se sastoje od tagova i sadržaja. Tagovi se pišu unutar znakova "<" i ">". U većini slučajeva tagovi se moraju otvoriti i zatvoriti. Ukoliko se tag zatvara, u tag se dodaje i znak "/".

Primjer elementa:

<p>Ovo je tekst unutar elementa</p>

U ovom primjeru otvorili smo element sa "<p>" tagom (Paragraph), napisali tekst, te zatvorili istim tim tagom na kraju, s time da smo još dodali i kosu crtu, </p>.
Ovaj sistem "tag-sadrzaj-tag" čini jedan element.

Najjednostavniji primjer HTML dokumenta

<html>
  <head>
    <title>Naslov ovdje</title>
  </head>
  <body>
    Glavni tekst ovdje
  </body>
</html>

Svaki HTML dokument mora biti ispravno definiran. Pod time se misli ispravno definirati tri ključna elementa. html, head i body.
<html> definira naš dokument kao html dokument. Govori internet pregledniku da započinje sa učitavanjem html dokumenta.
<head> je zaglavlje u kojem se navode mnoge stvari vezane uz dokument. Npr naslov dokumenta, opis, ključne riječi, vanjske skripte i sl.
<body> je zadužen za izgled tj cijeli sadržaj vaše stranice. Unutar body tag-a stavljate tablice, tekstove, linkove, slike itd.

Pravilo gnježđenja tj. nesting je najvažnija stvar koju trebate naučiti i kvalitetno savladati. Sve šta to znači je da ukoliko stavljate element unutar elementa, onaj kojeg prvog otvorite morate zadnjeg zatvoriti. Obratite pozornost na gornji jednostavni primjer. <html> element je prvi otvoren ali i zadnji zatvoren. Ovo pravilo ćete bolje razumijeti na kasnijim primjerima, stoga nećemo previše ulaziti u to za sad.

Sljedeći tutorijal: HTML Atributi

Prikaži komentare (1)