glup tekst

<span> е inline елемент (таг). Инлајн значи дека е текст/дел од текст а не е блок (како во случајот со div). Кога ќе се стави span на текст нема да се појави ништо. Во хтмл нема никаква функција. Се користи само за уредување на стилот на текстот преку цсс. Може тоа да се направи преку класа (тоа со '.') или id (тоа со #) во цсс фајлот и потоа да се наведе класата или ајдито во тагот, или преку style=" " дирекно во тагот. На часот дадов пример со:
<span style="font-size:30px; font-weight:800; color:#fff; background:#ff0000; text-decoration:underline; " > Глуп текст </span> (тука беше моментот кога борис ми се стави xD)
font-size - големина на фонт во пиксели, исто како на ворд се бројките. (стандард - 12 пиксели)
font-weight - стандард е 200, бројките незнам што означуваат точно, ама претставува колку да бидат задебелени (болдирани). Стандарден болдиран текст има вредност 800.
color - боја на фонтот
background - позадина (во случајов црвена боја, а може и слика да се стави)
text-decoration - ги заменува хтмл таговите за подвлечено накосено итн. (<b>, <strong>, <u>, <i>... во случајов underline)


Тоа е за спан.



Цело време спомнував линкови и слично а никогаш не навлегов до сега подетално.
На пример ако сакаме да направиме уште една страна освен почетната, за пример направивме контакт страна таму, и имаше најобичен текст нешто име презиме мејл ова она (колку за пример). Единствен начин од почетната страна да дојдеме до таа страна е ако ставиме линк.
За пример покажав како се става линк на текст (со клик на текстот да те однесе на линкот)

<a> на клик на ова се појавува линкот </a>

Така личи тагот, ама треба да се наведе и линкот

<a href="kontakt.htm" > на клик на ова се појавува линкот </a> - вака веќе работи.


Сакав да покажам тука најпрактични примери за уредување на линкови со цсс, како:

text-decoration:none - линкот да не биде подвлечен (грдо ми делуваат подвлечените линкови...)

има еден важен дел во цсс, и сакав најосновниот пример да го покажам:

во цсс фајлот:

a { stil tuka } - вака да личи обично линкот
a:hover {stil tuka} - вака ќе личи кога ќе поминеш со стрелката врз линкот

и една интересна финта како за крај :)

a, a:hover {

    transition-duration: 1s;
}

кога се вака со запирка тоа значи дека стилот ќе важи и за двете (го спомнав минатиот час)
transition-duration: 1s; - значи транзицијата од стилот на а до а:ховер да трае 1 секунда (со што се добива интересен ефект :)