HTML je prilično jednostavan jezik, uče ga svi studenti tehničkih i humanističkih smerova na fakultetima, a trenutno mislim da ga uče i u većini škola. Sve je vrlo jednostavno, jer HTML nije čak ni programski jezik.

HTML je jezik za označavanje (markup), šta napišemo, to se i prikazuje na ekranu. Nema algoritama, šema, petlji, promenljivih, klasa, već samo tekst, tekst, tekst. U HTML-u postoje samo tagovi, a zapravo ih nema mnogo, a onih koji se često koriste verovatno nije ni 30. Tako da ako ste odlučili da se bavite jezikom srodnim programskim jezicima, HTML je pravi izbor.

O tome kako kreirati HTML dokumente pročitajte u HTML prvi koraci.

U prethodnoj lekciji smo kreirali naš prvi HTML dokument.

U prošloj lekciji smo kreirali naš prvi HTML dokument, što znači da već znate da pišemo HTML kod u tekstualnom editoru, a sve promene gledamo preko pregledača osvežavanjem stranice (obično pritiskom na taster F5).

Dakle, u ovoj lekciji ćemo nastaviti da radimo sa tekstom i koristićemo tagove za obmotavanje teksta: span, p, div. Takođe ćemo razmotriti tag br.

Vrlo često na sajtovima se koriste liste: u menijima, u tekstu za nabrajanje nečega. Počnimo sa najpopularnijim tipom liste - nenumerisana lista <UL></UL> (unordered list - nenumerisana lista).

UL lista

UL lista se koristi za menije, za liste sa markerima, i preko HTML-a možemo definisati izgled markera.

Izmenimo naš HTML kod:

Došli smo do samih osnova HTML-a, tačnije do hiperveza (ili jednostavno linkova). Linkovi su način organizacije veze između različitih materijala. Recimo da imate 100000 tekstualnih fajlova, ako za njih napravite rubricu, i u svakoj rubrici bude po 200 opisa dokumenata, biće vam potrebno 500 rubrika. Da biste pregledali svih tih 500 rubrika i pronašli potrebne informacije, trebalo bi vam mnogo vremena. Kako linkovi olakšavaju život?

Jedan od važnih načina čuvanja informacija su tabele. U tabelama se čuvaju podaci u Excelu, Accessu i drugim bazama podataka. Tabele vrlo jasno predstavljaju podatke, na osnovu njih je lako praviti grafikone i dijagrame.
U ovoj lekciji ćemo naučiti kako praviti tabele u HTML-u. Za to ćemo koristiti tagove <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>.

Slike na sajtu su veoma važan element, bez njih sajt izgleda sivo i neprivlačno. Slike se koriste za stilizaciju sajta, za foto galerije, ali i kao obične slike.

Ubace se pomoću taga IMG (primećujete da pišemo samo img, a ne kompletno image). Tag IMG je samostalni tag <img />, što znači da nema zatvarajući tag.

Osnovni atribut taga IMG je atribut src. On funkcioniše kao href kod linkova, u atribut src treba staviti putanju do slike. Putanja, kao i kod linkova, može biti relativna ili apsolutna.

Često je potrebno ubaciti video sa YouTube-a na svoj blog, u ovoj lekciji ćemo objasniti koji tagovi i atributi se koriste. Hajde prvo da odemo na YouTube i kopiramo kod za video.

Već smo govorili da različiti tagovi imaju svoje atribute. Sada ćemo govoriti o tome da različiti tagovi takođe imaju zajedničke atribute. Pogledaćemo najpopularnije među njima.

Osnovni element sajta je meni (navigacija). Kroz njega se obavlja kretanje po stranicama sajta. Takođe, meni je važan za indeksiranje sajta od strane pretraživača, jer bez povezanosti između stranica pretraživač ne može da obiđe sve stranice. Pogledajmo od čega se sastoji meni.