Come ridurre Dimensione carattere di H1 Tag

February 14

Con i CSS, o Cascading Style Sheets, è possibile modificare gli attributi di un tag HTML, come ad esempio il tag H1. Il tag H1 è un tag titolo che denota il titolo più importante sul tuo sito web. Utilizzare i tag H1 per i motori di ricerca di indicizzare il tuo sito web correttamente indicizzare il tuo sito web. Se si utilizza un tag H1, ma non sono felice con la dimensione della vostra intestazione sul tuo sito, utilizzare il "font-size" attribuire a ridurlo.

istruzione

CSS interno

1 Aprire il documento HTML in un editor di testo o HTML.

2 Aggiungere il seguente codice al "header" del tuo sito web:

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

3 Diminuire il numero di l'attributo "font-size" per ridurre la dimensione del carattere H1. Per esempio:

font-size: 12px;

Modificare il numero fino a quando non sei felice con la dimensione H1. Salvare il documento e visualizzarlo in anteprima nel browser Web per vedere i cambiamenti.

CSS esterno

4 Aprire il file CSS in un editor di testo o HTML.

5 Aggiungere il seguente codice tra i tag "stile" nel file CSS:

h1 {
font-size: 16px;
}

6 Diminuire il numero di l'attributo "font-size" per ridurre la dimensione del carattere H1. Per esempio:

font-size: 12px;

Modificare il numero fino a quando non sei felice con la dimensione H1. Salvare il file CSS e visualizzare in anteprima un sito collegato a tale file nel browser Web per vedere i cambiamenti.

Consigli e avvertenze

  • È possibile utilizzare altri attributi, come "colore" e "font-weight" per cambiare altre caratteristiche del tuo tag H1.
  • Il codice deve risiedere tra i tag <header> e </ header> tag nella Sezione 1, punto 2.
  • Il codice deve risiedere tra i tag <style> e </ style> tag nella sezione 2, punto 2.
  • Modifica del file CSS nella Sezione 2 cambia qualsiasi documento HTML che è collegato a tale file CSS.