HTML in CSS - to so razlike
HTML in CSS sta tesno povezana - a kakšna je razlika? V preteklosti so bile domače strani ustvarjene v celoti v HTML-ju. Danes tako imenovani "Cascading Style Sheet" loči oblikovanje od strukture, ki je ustvarjena v "jeziku za označevanje hiperteksta" (HTML).
HTML - jezik za strukturo in vsebino
Ustvarite domačo stran, pripeljite vsebino na svojo stran prek HTML-ja. Besedila, slike in strukture, kot je tabela, so integrirani s pomočjo datotek HTML. HTML prevzame različne naloge.
- V datoteki HTML najprej prijavite vrsto dokumenta. To kaže, katero različico HTML uporabljate.
- V naslednjem območju glave - glavo - določite tehnične podrobnosti, na primer s katero datoteko CSS je povezana. Tu lahko določite tudi naslov, ki se prikaže na zavihku brskalnika.
- Telo HTML obsega vsebino spletnega mesta. Tu se končajo vsa besedila in slike, ki jih dodate na domačo stran. Besedila strukturirate po odstavkih in naslovih različnih hierarhij.
- Na primer, lahko z ukazom formatirate naslovno linijo z najvišjo prioriteto
do naslova prvega naročila. Nadaljnje naslove strukturirate z ukazi
.
itd. Ti ukazi so neposredno povezani z datoteko CSS, definirano v glavi HTML-ja.
CSS - oblika in barva vaše domače strani
Za razliko od HTML-ja datoteka CSS ne prinaša dinamične vsebine na vaše spletno mesto. Z njim določite, kako brskalnik prikazuje besedilo in slike. CSS uporabljate tudi za oblikovanje osnovne strukture vaše domače strani.
- Robovi, ozadja in podnožja ali glave so ustvarjeni v kaskadnem slogu. Na primer, za blog razdelite stran v dva stolpca; ena za objave in ena za povezave, gradnike ali fiksne informacije.
- Datoteko CSS uporabite tudi za določanje fiksnega oblikovanja besedila. V datoteko HTML naj bodo naslovi
in
definirani, sprva ostanejo nespremenjeni. Zdaj dajte tem ukazom obrazec v CSS, na primer nastavljen za
velikost pisave 16 in za
14 trdno.
Domačo stran lahko ustvarite tudi brez datotek CSS. Prednost CSS-a je, da lahko samo z eno spremembo spremenite zasnovo celotne domače strani. Če želite povečati naslove, zadostuje oblika