HTML ir CSS - tai yra skirtumai
HTML ir CSS yra glaudžiai susiję, tačiau koks skirtumas? Anksčiau pagrindiniai puslapiai buvo kuriami HTML formatu. Šiandien vadinamasis „kaskadinis stiliaus lapas“ atskiria dizainą nuo struktūros, kuri sukuriama „hiperteksto žymėjimo kalba“ (HTML).
HTML - struktūra ir turinys
Sukurkite pagrindinį puslapį, perkelkite turinį į savo puslapį naudodami HTML. Tekstai, vaizdai ir struktūros, pavyzdžiui, lentelė, yra integruoti naudojant HTML failus. HTML imasi įvairių užduočių.
- HTML faile pirmiausia nurodote dokumento tipą. Tai rodo, kurią HTML versiją naudojate.
- Toje galvos srityje - galvutė - nurodote techninę informaciją, pavyzdžiui, su kuria CSS byla ji susieta. Čia taip pat galite apibrėžti pavadinimą, rodomą naršyklės skirtuke.
- HTML turinį sudaro svetainės turinys. Visas tekstas ir vaizdai, kuriuos pridedate prie savo pagrindinio puslapio, baigiasi čia. Tekstus struktūrizuojate pastraipose ir skirtingų hierarchijų antraštėse.
- Pvz., Komandą galite suformatuoti kaip svarbiausią prioritetą
į pirmosios eilutės antraštę. Tolimesnes antraštes struktūruojate komandomis
,
ir tt Šios komandos yra tiesiogiai susijusios su CSS failu, apibrėžtu HTML galvutėje.
CSS - jūsų pagrindinio puslapio forma ir spalva
Kitaip nei HTML, CSS failas neatneša dinaminio turinio į jūsų svetainę. Jį naudojate norėdami nustatyti, kaip naršyklė rodo tekstą ir vaizdus. Jūs taip pat naudojate CSS norėdami sukurti pagrindinę savo pagrindinio puslapio struktūrą.
- Paveikslėliai, fonai ir poraštės ar antraštės sukuriami kaskadinio stiliaus lape. Pvz., Tinklaraščio atveju padalinkite puslapį į du stulpelius; vienas skelbimams, kitas nuorodoms, valdikliams ar fiksuotai informacijai.
- Norėdami apibrėžti fiksuotą teksto formatavimą, taip pat naudojate CSS failą. Turėkite HTML failo antraštes
ir
apibrėžti, jie iš pradžių nesikeičia. Dabar suteikite šioms komandoms CSS formą, pavyzdžiui, nustatytą
šrifto dydis 16 ir
14 firmos.
Taip pat galite sukurti pagrindinį puslapį be CSS failų. Tačiau CSS pranašumas yra tas, kad galite pakeisti viso savo pagrindinio puslapio dizainą tik vienu pakeitimu. Jei norite padidinti antraštes, pakanka formato