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.
Priručnik CSS - Lekcija 1 - Povezivanje CSS stilova
Neću objašnjavati zašto je CSS potreban. Ako ste otvorili ovaj priručnik, znači da želite da ga naučite. Sa svoje strane mogu reći da su mogućnosti CSS-a vrlo široke i da omogućavaju pravljenje šablona bilo koje složenosti. Korišćenje CSS-a podrazumeva da ćete morati da se odreknete raznih atributa tagova kao što su size, color, bgcolor, align i drugih, koji bi "smetali" CSS-u.
Priručnik CSS - Lekcija 2 - Počinjemo sa korišćenjem CSS-a. CSS svojstva background, color.
Zdravo svima. Dakle, u prethodnoj lekciji sam napravio dva fajla: html i css. Evo njihovog koda:
index.html:
<html>
<head>
<title>Priručnik CSS</title>
<link type="text/css" rel="stylesheet" media="all" href="style.css" />
</head>
<body>
<p>Učite CSS zajedno sa drupalbook.org</p>
<p>Drugi red, učite CSS zajedno sa drupalbook.org</p>
</body>
</html>style.css: