Hvordan redusere skriftstørrelsen H1 tag

Med CSS, eller Cascading Style Sheets, kan du endre attributtene til en HTML-kode, for eksempel H1 tag. H1 tag er en overskrift kode som betegner den viktigste overskriften på ditt nettsted. Bruk H1 tags for søkemotorer å indeksere ditt nettsted riktig indeksere ditt nettsted. Hvis du bruker en H1 tag, men er ikke fornøyd med størrelsen på overskriften på nettstedet ditt, bruk "font-size" attributt for å redusere den.

Bruksanvisning

intern CSS

1 Åpne HTML-dokumentet i en tekst eller HTML editor.

2 Legg til følgende kode i "header" på ditt nettsted:

<Style type = "text / css">
h1 {
font-size: 16px;
}
</ Style>

3 Redusere tallet på "font-size" attributt for å redusere størrelsen på H1 font. For eksempel:

font-size: 12px;

Endre nummeret til du er fornøyd med H1 størrelse. Lagre dokumentet og forhåndsvise det i nettleseren for å se endringene.

ekstern CSS

4 Åpne din CSS-filen i en tekst eller HTML editor.

5 Legg til følgende kode i mellom "stil" tagger i CSS-filen:

h1 {
font-size: 16px;
}

6 Redusere tallet på "font-size" attributt for å redusere størrelsen på H1 font. For eksempel:

font-size: 12px;

Endre nummeret til du er fornøyd med H1 størrelse. Lagre CSS-fil og forhåndsvise et nettsted knyttet til denne filen i nettleseren for å se endringene.

Hint

  • Du kan bruke andre attributter som "farge" og "font-weight" for å endre andre kjennetegn H1 tag.
  • Koden må ligge mellom <header> og </ header> tagger i § 1, Trinn 2.
  • Koden må ligge mellom <style> og </ style> -kodene i § 2, trinn 2.
  • Endre CSS-filen i punkt 2 endrer noen HTML-dokument som er knyttet til at CSS-fil.