HTML og CSS - dette er forskellene
HTML og CSS er tæt forbundet - men hvad er forskellen? Tidligere blev hjemmesider oprettet helt i HTML. I dag adskiller det såkaldte "Cascading Style Sheet" designet fra strukturen, der oprettes i "Hypertext Markup Language" (HTML).
HTML - sproget for struktur og indhold
Opret en startside, bring indholdet til din side via HTML. Tekster, billeder og strukturer, såsom en tabel, er integreret ved hjælp af HTML-filer. HTML påtager sig forskellige opgaver.
- I en HTML-fil erklærer du først dokumenttypen. Dette angiver, hvilken HTML-version du bruger.
- I det følgende hovedområde - hovedet - specificerer du tekniske detaljer, for eksempel hvilken CSS-fil det er knyttet til. Du kan også definere den titel, der vises i browserfanen her.
- HTML-kroppen omfatter indholdet af et websted. All tekst og billeder, som du tilføjer til din startside, ender her. Du strukturerer teksterne i afsnit og overskrifter i forskellige hierarkier.
- For eksempel kan du formatere en headliner med den højeste prioritet med kommandoen
til den første ordens overskrift. Du strukturerer yderligere overskrifter med kommandoerne
.
osv. Disse kommandoer er direkte relateret til den CSS-fil, der er defineret i HTML-hovedet.
CSS - form og farve på din startside
I modsætning til HTML bringer CSS-filen ikke dynamisk indhold til dit websted. Du bruger det til at bestemme, hvordan en browser viser tekst og billeder. Du bruger også CSS til at designe den grundlæggende struktur på din startside.
- Margener, baggrunde og sidefødder eller overskrifter oprettes i et sammenhængende typografiark. For eksempel for en blog, opdele siden i to kolonner; et for indlæg og et for links, widgets eller faste oplysninger.
- Du bruger også CSS-filen til at definere fast tekstformatering. Har overskrifter i en HTML-fil
og
defineret forbliver de oprindeligt uændrede. Giv nu disse kommandoer en formular i CSS, f.eks. Indstillet til
skriftstørrelse 16 og for
14 fast.
Du kan også oprette en startside uden CSS-filer. Fordelen ved CSS er imidlertid, at du kan ændre designet på hele din hjemmeside med kun en ændring. Hvis du vil forstørre overskrifterne, er formatet tilstrækkeligt