Blog
HTML prvi koraci - lekcija 3 - tagovi lista ul, ol. Atributi HTML tagova.
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:
HTML prvi koraci - lekcija 4 - Linkovi (hiperveze)
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?
HTML prvi koraci - lekcija 5 - Tabele
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>.
HTML prvi koraci - lekcija 6 - Slike
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.
HTML prvi koraci - lekcija 7 - Tag object. Umetanje video snimka sa YouTube-a.
Č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.
HTML prvi koraci - lekcija 8 - Univerzalni atributi tagova
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.
HTML prvi koraci - lekcija 9 - Kreiranje menija
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.
HTML prvi koraci - Zaključak
Mislim da ću ovde završiti HTML priručnik, ali ću nastaviti da objavljujem lekcije o HTML-u ako mi nešto novo padne na pamet. Možda će vam se činiti da je priručnik veoma kratak, ali nazvan je "Prvi koraci". Ne mislim da je potrebno odmah opisivati sve tagove, to ću učiniti kasnije u HTML priručniku kao referenci.
Ako razmišljate o nastavku učenja, preporučujem da nastavite sa učenjem CSS-a, koji je deo HTML-a i omogućava da se HTML elementi stilizuju i da sve izgleda lepo.
Evo link ka mom priručniku za CSS.
Priručnik HTML - dodatni materijali
Na HTML možete napisati svoj sopstveni sajt. Ovaj priručnik za HTML naučiće vas mnogo o pisanju HTML sajta. HTML lekcije su jednostavne za razumevanje i uživaćete u radu sa HTML-om.
Priručnik CSS
Dakle, pročitali ste knjigu o HTML-u i sada pravite još jedan korak ka kreiranju svog lepog sajta i počinjete da učite CSS. Zašto je CSS potreban? Ako ste pročitali moj vodič "Prvi koraci u HTML-u", verovatno ste primetili koliko je to mali priručnik. Namerno sam izostavio mnogo tagova i atributa koji se odnose na stilizaciju: kurziv, podebljano, boju, oblik, isticanje. Uradio sam to zato što vam to nije bilo potrebno.