HTML (HyperText Markup Language) har seks spesielle koder for visning av overskrifter på forskjellige nivåer. Alle har standardparametere (skriftstørrelse og stil, antall innrykk fra forrige og neste element osv.). Disse alternativene kan overstyres ved hjelp av CSS-instruksjoner (Cascading Style Sheets) og endrer dermed utseendet til overskrifter i teksten til en webside.
Bruksanvisning
Trinn 1
Plasser overskrifter på forskjellige nivåer mellom tilsvarende åpnings- og lukkekoder, hvis de ikke allerede er gjort i kildekoden til websiden. For eksempel bør den viktigste overskriften (første nivå) være mellom kodene
og
:
Første nivå overskrift
Det neste viktigste underoverskriften skal plasseres mellom kodene
og
etc. Det siste av de forventede nivåene er det sjette -
og
Steg 2
Plasser i overskriftsdelen av kildekoden (mellom kodene og) en uttalelse som forteller den besøkendes nettleser at det er en beskrivelse av stilene i CSS på dette stedet:
/ * CSS-instruksjoner vil være her * /
Trinn 3
Mellom åpnings- og lukkestilkodene, legg til stilbeskrivelser for overskriftene på hvert nivå du vil endre utseendet på. For eksempel, hvis du bare trenger å endre utseendet til overskriftene på første nivå, kan denne koden se slik ut:
h1 {
fargen rød;
skriftstørrelse: 20px;
skriftstil: kursiv;
skriftvekt: fet;
margin-top: 30px;
margin-bunn: 20px;
}
Her indikerer h1 at beskrivelsen i krøllete bukseseler refererer til h1-taggen og kalles en "selector". Fargeparameteren angir fargen på teksten, skriftstørrelsesparameteren er skriftstørrelsen, skriftstilen med den kursive verdien er den kursive skrifttypen, skriftvekten med fet skrift er fet, margin-toppen er toppen margin, og margin-bottom er bunnmargen. For overordnede nivåoverskrifter, legg til en lignende blokk med en H2-velger osv.
Trinn 4
Bruk stenografi-syntaksen hvis det er mange nivåer å beskrive. For eksempel kan skriftbeskrivelser plasseres i en parameter, samt beskrivelser av innrykkstørrelser. Prøve:
h1 {
fargen rød;
font: fet 20px arial;
margin: 30px 0 20px 0;
}
h2 {
fargen oransj;
font: fet 18px arial;
margin: 25px 0 15px 0;
}
I marginparameteren må marginene spesifiseres med klokken, med start fra toppmargen, gjennom et mellomrom (øverst til høyre nede til venstre).
