V HTML-u najprej napišete besede in vanj dodate elemente ali oznake, ki se nato pojavijo na vaši strani. Na ta način brskalnik pozna naslov strani, začetek in konec odstavka in tako naprej.
V CSS se pravila uporabljajo z uporabo lastnosti CSS. Lastnosti CSS so na splošno razvrščene v dve široki kategoriji. Najprej je predstavitev, ki določa barvo besedila, vrsto pisave, velikost pisave, barve ozadja, slike ozadja itd. Drugo je postavitev, ki določa položaj različnih elementov na zaslonu.
Z uporabo HTML in CSS je izdelan celoten vmesnik spletne strani.
Primerjalna tabela
| Podlaga za primerjavo | HTML | CSS |
|---|---|---|
| Osnovno | Narekuje vsebino in strukturo spletnih strani. | Spremeni oblikovanje in prikaz elementov HTML. |
| Ustreznost | CSS se lahko uporablja v datotekah HTML. | HTML ni mogoče uporabiti v listih slogov CSS. |
| Je sestavljeno iz | Oznake, ki obdajajo vsebino. | Izbiralcem je sledil blok izjave. |
| Metode uporabe | Ni definiranih metod. | Inline CSS kodo, notranjo in zunanjo slogovno metodo lahko uporabimo za izvajanje kode. |
Opredelitev HTML-ja
HTML je označevalni jezik za definiranje spletnih dokumentov (spletnih strani). HTML se razširi na jezik za označevanje hiperteksta, doda » oznake « v standardno angleško besedilo. » Hiper besedilo « pomeni povezave - hiperpovezave - ki povezujejo spletne strani med seboj.
Označevalni jezik je skupina označevalnih oznak, ki določajo strukturo strani. Vsaka oznaka HTML opisuje drugačno vsebino dokumenta. HTML je vedno večji jezik, ki se pogosto spreminja, in prinaša spremenjeno skupino standardov in specifikacij, ki omogoča enostavnejše ustvarjanje privlačnih in bolj funkcionalnih strani.
HTML ni občutljiv na velike in male črke.
Primer:
- HTML oznake so v bistvu ključne besede (imena oznak), ki so zaprte v kotnih oklepajih in običajno prihajajo v parih.
vsebine
- Element HTML opisuje določen del spletne strani.
- Vsebina so besedila, povezave, slike ali druge informacije, prikazane na vaši spletni strani.
- Začetna oznaka je element HTML, ki označuje začetek elementa.
- Končna oznaka zapre element HTML za razlikovanje posameznih elementov.
Opredelitev CSS
CSS je kratica za Cascading Style Sheets, ki vam omogoča, da ustvarite pravila, ki določajo prikaz elementov HTML na zaslonu. Je dodatek osnovnemu HTML-ju, ki omogoča oblikovanje sloga na vaših spletnih straneh.
CSS prihrani veliko dela tako, da nadzoruje postavitev več spletnih strani naenkrat. Stilov CSS lahko izvedete na tri različne načine za vašo spletno stran: inline, interni in external stylesheets.
Primer:
- Deklaracije CSS ostanejo znotraj viteških oklepajev, vsaka je sestavljena iz dveh delov: lastnost in njena vrednost, ki ju ločuje dvopičje. V eni deklaraciji lahko definirate številne lastnosti, od katerih je vsaka ločena s podpičjem.
- Izbiralci označujejo, kateri element HTML želite oblikovati.
- Deklaracija vključuje lastnost in vrednost, ločeno z dvopičjem. Poleg tega so zaviti oklepaji, ki vsebujejo vse deklaracije, znani kot blok deklaracije .
- Lastnosti označujejo vidike elementov, ki jih želite spremeniti.
- Vrednosti določajo nastavitve, ki jih želite uporabiti v izbranih lastnostih.
Ključne razlike med HTML in CSS
- HTML je osnovni označevalni jezik, ki opisuje vsebino in strukturo spletnih strani. Po drugi strani pa je CSS razširitev na HTML, ki spreminja oblikovanje in prikaz spletnih strani.
- Datoteka HTML lahko vsebuje kodo CSS, medtem ko CSS-ji ne morejo vsebovati kode HTML.
- HTML vsebuje oznake, ki obkrožajo vsebino. Ker CSS, ki ga sestavljajo selektorji, je nasledil blok izjave .
Prednosti HTML-ja
- Preprosta za uporabo in imajo ohlapno skladnjo (čeprav preveč prilagodljiv ne bo upošteval standardov).
- Široko uporablja, vzpostavljena na skoraj vsaki spletni strani in jo podpira vsak brskalnik.
- Podobno sintaksi XML, ki se je vedno bolj uporabljala za shranjevanje podatkov.
- To je brezplačno, saj vam ni treba kupiti nobene programske opreme.
- Enostavno učenje in kodiranje tudi začetnikom.
Prednosti CSS
- CSS ohrani svoj čas tako, da enkrat napiše CSS in ponovno uporabi isti list na več straneh.
- Strani porabijo manj časa za nalaganje zaradi manj kode.
- Enostavne za vzdrževanje, globalne spremembe so enostavne za uporabo.
- CSS ima boljše sloge za HTML in veliko širši nabor atributov.
- Zagotavljanje združljivosti z več napravami.
- Zdaj se atributi HTML obžalujejo in svetujemo, da uporabite CSS na vseh straneh HTML, da bodo združljivi s prihodnjimi brskalniki.
- Podpira pregledovanje brez povezave s pomočjo predpomnilnika brez povezave.
- Skript zagotavlja trajno neodvisnost platforme in lahko podpira tudi najnovejše brskalnike.
Slabosti HTML
- Ker je statični jezik, ne more ustvariti dinamičnega izhoda.
- Ponuja omejene varnostne funkcije.
Slabosti CSS
Fragmentacija - CSS prikaže različne dimenzije z vsakim brskalnikom. Programerji morajo razmisliti in preizkusiti vso kodo v več brskalnikih, preden sprejmejo katero koli spletno mesto ali mobilno aplikacijo v živo, tako da ne bi prišlo do težav z združljivostjo.
Sklep:
HTML in CSS oba skriptna jezika za odjemalske strani se uporabljata za ustvarjanje spletnih strani. Čeprav se na različne načine razlikujejo po sintaktični strukturi, metodah izvajanja, enostavnosti uporabe in značilnostih, kot so atributi, ki jih jezik podpira. Vendar pa CSS nadomešča HTML, ker ponuja več funkcij in prilagodljivosti.
