Skrifttyper og anden formatering

I HTML skelnes mellem strukturel og præsentationsmæssig formatering. Den strukturelle formatering betyder at der over et afsnit er en overskrift, overskriften over næste afsnit kan være et niveau lavere og sådan kan det fortsætte. I KompoZer kan du vælge overskriftsniveauer i starten af den øverste formateringsværktøjslinje. Se eksempler på overskrifter og afsnit herunder:

Overskriftsniveau 1

Overskriftsniveau 1

Overskriftsniveau 1

Præsentation

De første præsentationsmæssige tags fremhævede tekst ved enten at gøre den fed, understrege den eller sætte i kursiv. Det gør du ganske enkelt ved at markere den tekst du ønsker at fremhæve og taste henholdsvis CTRL+B, CTRL+U eller CTRL+I. Du kan også venstrestille, centrere, højrestille eller have lige margener til begge sider i afsnit.

Skrifttyper

Når man lige ser bort fra eksemplet med de lige margener, var det sådan tekst blev præsenteret i de første browsere, men senere blev det vha. font-taggen muligt at bestemme, hvilken skrfttype og farve en given tekst skulle præsenteres med. Så ville koden til nedenstående eksempel se sådan ud:  <font face="Arial" color="red">Dette er en lille tekst</font>

Dette er en lille tekst

Font-taggen er en af flere tags, der ifølge W3C fremover bør undgåes. Moderne browsere er dog bagud kompatible, så der er ikke nogen der kommer efter dig, hvis du alligevel bruger den. Men KompoZer er jo en moderne webeditor, så den indsætter i stedet et span-tag, der er et inline typografiark. Det ser sådan ud: <span style="font-family: Arial; color: red;">Dette er en lille tekst</span>

Dette er en lille tekst

Inline eller lokal formatering kan være udemærket, men forestil dig at dit site vokser til bare 50 forskellige sider og du så vil ændre skrifttypen i alle afsnit - ikke nogen rar tanke. Bl.a. derfor er det en god idé at adskille struktur og præsentation. Det er det vi skal se nærmere på i næste afsnit: Formatere med Typografiark - CSS