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:
Priručnik CSS - Lekcija 3 - Svojstva background-color, font-style, font-weight, text-align, text-decoration, text-transform.
Tokom postojanja HTML-a stvoreno je mnogo tagova i sada sa širokom primenom css-a neke od njih ćemo morati napustiti, među takvim tagovima su <font>, <b>, <i>, <center>. Kasnije ćemo razmotriti i druge "zabranjene" tagove. Takođe, ova svojstva će vam pomoći da izbegnete suvišan kod u HTML kodu stranice i da ga izdvojite u css fajlove.
Priručnik CSS - Lekcija 4 - Svojstvo display. Razlika između div i span.
U prethodnim lekcijama smo povezali css preko fajla i napisali malo css koda da vidimo kako to funkcioniše. U ovoj lekciji ćemo se upoznati sa jednim važnim svojstvom display. Svojstvo display određuje kako se prikazuje tag u HTML dokumentu, da li će biti prikazan kao tekst u liniji ili kao blok koji ima svoju visinu i širinu. Dakle, počnimo sa najosnovnijim, kako se tagovi prikazuju po default-u, a oni se razlikuju: <div> se prikazuje kao blok, a <span> kao tekst u liniji. Hajde da počnemo sa prikazom teksta. Napravićemo test liniju i obmotati je u span.
Priručnik CSS - Lekcija 5 - Svojstva float, clear. Obtekanje i kraj obtekanja.
Zamislite brzu planinsku reku koja bučno i brzo teče. I na putu te reke nalazi se kamen, pa reka teče oko tog kamena. Ako je kamen sa leve strane u odnosu na smer toka reke, reka teče oko kamena sa desne strane, a ako je kamen sa desne strane, reka teče oko kamena sa leve strane. Tako funkcioniše CSS svojstvo float.