HTML ja CSS - need on erinevused
HTML ja CSS on tihedalt seotud - aga mis vahet neil on? Varem loodi kodulehed täielikult HTML-vormingus. Täna eraldab niinimetatud "kaskaadlaadistik" kujunduse struktuurist, mis luuakse "hüperteksti märgistuskeeles" (HTML).
HTML - struktuuri ja sisu keel
Looge koduleht, viige sisu oma lehele HTML-i kaudu. Tekstid, pildid ja struktuurid, näiteks tabel, integreeritakse HTML-failide abil. HTML võtab mitmesuguseid ülesandeid.
- HTML-failis deklareerite esmalt dokumendi tüübi. See näitab, millist HTML-i versiooni kasutate.
- Järgmises alaosas - pea - täpsustate tehnilised üksikasjad, näiteks millise CSS-failiga see on lingitud. Siin saate määratleda ka pealkirja, mis kuvatakse brauseri vahekaardil.
- HTML-i sisu koosneb veebisaidi sisust. Kogu tekst ja pildid, mille oma kodulehele lisate, satuvad siia. Tekstid struktureerite erinevate hierarhiate lõikudes ja pealkirjades.
- Näiteks saate vormindada käsuga kõrgeima prioriteediga pealkirja
esimese järjekorra rubriiki. Edasised pealkirjad saate käskude abil struktureerida
.
jne. Need käsud on otseselt seotud HTML-peas määratletud CSS-failiga.
CSS - teie kodulehe kuju ja värv
Erinevalt HTMList ei too CSS-fail teie veebisaidile dünaamilist sisu. Selle abil saate määrata, kuidas brauser teksti ja pilte kuvab. CSS-i abil saate ka oma kodulehe põhistruktuuri kujundada.
- Veerised, taustad ja jalad või päised luuakse kaskaadkujulisel stiililehel. Näiteks ajaveebi puhul jagage leht kaheks veeruks; üks postituste jaoks ja üks linkide, vidinate või fikseeritud teabe jaoks.
- Fikseeritud teksti vormindamise määratlemiseks kasutate ka CSS-faili. Pealkirjad on HTML-failis
ja
määratletud, jäävad need esialgu samaks. Nüüd andke neile käskudele CSS-is näiteks vorm, mis on määratud
fondi suurus 16 ja
14 kindel.
Saate luua avalehe ka ilma CSS-failideta. CSS-i eeliseks on aga see, et saate kogu oma kodulehe kujundust muuta vaid ühe muudatusega. Rubriikide suurendamiseks on piisav formaat