HTML (HyperText Markup Language) indeholder seks specielle tags til visning af overskrifter på forskellige niveauer. Alle har standardparametre (skrifttypens størrelse og stil, antallet af indryk fra det forrige og det næste element osv.). Disse muligheder kan tilsidesættes ved hjælp af CSS-instruktioner (Cascading Style Sheets) og ændrer således udseendet på overskrifter i teksten på en webside.
Instruktioner
Trin 1
Placer overskrifter på forskellige niveauer mellem de tilsvarende åbnings- og lukemærker, hvis de ikke allerede er gjort i kildekoden på websiden. For eksempel skal den vigtigste overskrift (første niveau) være mellem tags
og
:
Overskrift på første niveau
Det næste vigtigste niveauoverskrift skal placeres mellem tags
og
etc. Det sidste af de forventede niveauer er det sjette -
og
Trin 2
Anbring i overskriftdelen af kildekoden (mellem tags og) en erklæring, der fortæller den besøgendes browser, at der er en beskrivelse af typografierne i CSS på dette sted:
/ * CSS instruktioner vil være her * /
Trin 3
Mellem de indledende og afsluttende typografikoder tilføj stilbeskrivelser til overskrifterne på hvert niveau, du vil ændre udseendet på. For eksempel, hvis du kun har brug for at ændre udseendet på overskrifter på første niveau, kan denne kode muligvis se sådan ud:
h1 {
farve: rød;
skriftstørrelse: 20 px;
skrifttypestil: kursiv;
font-vægt: fed;
margin-top: 30 pixel;
margin-bund: 20 px;
}
Her angiver h1, at beskrivelsen i krøllede seler henviser til h1-mærket og kaldes en "vælger". Farveparameteren indstiller tekstens farve, parameteren skrifttypestørrelse er skriftstørrelsen, skrifttypestilen med den kursive værdi er den kursive skrifttype, fontvægten med fed skrift er fed, margen-toppen er toppen margin og margin-bottom er den nederste margin. For overskrifter på andet niveau skal du tilføje en lignende blok med en H2-vælger osv.
Trin 4
Brug stenografi-syntaksen, hvis der er mange niveauer at beskrive. F.eks. Kan skrifttypebeskrivelser placeres i en parameter såvel som beskrivelser af indrykningsstørrelser. Prøve:
h1 {
farve: rød;
skrifttype: fed 20px arial;
margen: 30px 0 20px 0;
}
h2 {
farve: orange;
skrifttype: fed 18px arial;
margen: 25px 0 15px 0;
}
I margenparameteren skal margenerne angives med uret, startende fra den øverste margen, gennem et mellemrum (øverst til højre nederst til venstre).
