HTML og CSS - dette er forskjellene
HTML og CSS henger nært sammen - men hva er forskjellen? Tidligere ble hjemmesider opprettet helt i HTML. I dag skiller det såkalte "Cascading Style Sheet" designet fra strukturen som er opprettet i "Hypertext Markup Language" (HTML).
HTML - språket for struktur og innhold
Lag en hjemmeside, ta innholdet til siden din via HTML. Tekster, bilder og strukturer, for eksempel en tabell, er integrert ved hjelp av HTML-filer. HTML tar på seg forskjellige oppgaver.
- I en HTML-fil erklærer du først dokumenttypen. Dette indikerer hvilken HTML-versjon du bruker.
- I det følgende hodeområdet - hodet - angir du tekniske detaljer, for eksempel hvilken CSS-fil den er lenket til. Du kan også definere tittelen som vises i nettleserfanen her.
- HTML-kroppen inneholder innholdet på et nettsted. All tekst og bilder som du legger til hjemmesiden din ender opp her. Du strukturerer tekstene i avsnitt og overskrifter i forskjellige hierarkier.
- Du kan for eksempel formatere en headliner med høyeste prioritet med kommandoen
til førsteordens overskrift. Du strukturerer ytterligere overskrifter med kommandoene
.
osv. Disse kommandoene er direkte relatert til CSS-filen som er definert i HTML-hodet.
CSS - form og farge på hjemmesiden din
I motsetning til HTML, bringer ikke CSS-filen dynamisk innhold til nettstedet ditt. Du bruker den til å bestemme hvordan en nettleser viser tekst og bilder. Du bruker også CSS for å designe den grunnleggende strukturen på hjemmesiden din.
- Marginer, bakgrunner og bunntekst eller topptekst opprettes i et overlappende stilark. Del for eksempel siden for en blogg i to kolonner; en for innlegg og en for lenker, widgeter eller fast informasjon.
- Du bruker også CSS-filen til å definere fast tekstformatering. Har overskrifter i en HTML-fil
og
definert, forblir de i utgangspunktet uendret. Gi nå disse kommandoene et skjema i CSS, for eksempel satt til
skriftstørrelse 16 og for
14 fast.
Du kan også opprette en hjemmeside uten CSS-filer. Fordelen med CSS er imidlertid at du kan endre designet på hele hjemmesiden din med bare en endring. Hvis du vil forstørre overskriftene, er formatet tilstrekkelig