Hvordan style Header i CSS H1 H2

October 4

Styling header elementer, for eksempel en side posisjon, ved hjelp av gjennomgripende stilark (CSS) er en relativt enkel prosess. CSS lar deg spesifisere stilen informasjon, som skrifttype, farge og størrelse. Ved å bruke CSS med spesifikke overskriftskodene (ex: H1, H2), kan du ha flere overskrifter på en side, hver med sin egen unike stil. En enkel måte å implementere dette CSS er inline, eller innenfor overskriftskodene.

Bruksanvisning

1 Åpne HTML-fil som inneholder header og header elementer du ønsker å style. En integrert utviklingsmiljø (IDE) tilbyr vesentlige funksjoner når du redigerer koden, men en enkel tekstredigeringsprogram, for eksempel Notisblokk vil være nok.

2 Naviger til overskriften på siden. Denne delen er på toppen av siden, og ofte inneholder elementer som en sidetittel og meny. Det er ofte definert av "hodet" tagger:

<Head> innhold ... </ head>

3 Skriv overskriftene du ønsker i overskriften ved hjelp av overskrifter HTML tag (H1, H2 osv). Du kan erklære flere HTML overskrifter koder. For eksempel:

<H1> Dette er en test på vei </ h1>

<H2> Dette er en test på vei </ h2>

Sørg for å bruke riktig syntaks (som skatt, nær tag med "/") gjennom koden.

4 Skriv inn følgende kode elementer, atskilt med semikolon, for å spesifisere stilen til en overskrift. Noen eksempel stilelementer er nedenfor:

Color - "color: Tast farge her (Eks: red)"

Skriftstørrelse - "font-size: Skriv størrelse her (Eks: 20px)"

Juster Tekst - "text-align: Skriv stilling (Ex: center)"

Bruk følgende syntaks (style = "...") etter den første overskriften koden for å angi en bestemt stil. For eksempel:

<H1 style = "color: red; font-size: 20px; text-align: center;"> Test Overskrift </ h1>

Dette vil vise "Ted Overskrift" i midten av siden med rød skrift og en størrelse på 20 px.

5 Lagre endringene du har gjort i koden.