Il codice HTML Style attributo
Impostare lo stile di un elemento HTML, può essere fatto con la style attributo.
L'attributo stile HTML ha la seguente sintassi:
style=" property : value; "La property è una proprietà CSS. Il value è un valore CSS.
Potrete saperne di più su CSS più avanti in questo tutorial.
HTML colore di sfondo
Il background-color proprietà definisce il colore di sfondo di un elemento HTML:
Questo esempio imposta lo sfondo per una pagina per lightgrey:
Esempio
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body> Prova tu stesso " HTML Colore testo
Il color proprietà definisce il colore del testo per un elemento HTML:
Esempio
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p> Prova tu stesso " HTML Fonts
Il font-family proprietà definisce il tipo di carattere da utilizzare per un elemento HTML:
Esempio
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p> Prova tu stesso " HTML Dimensione del testo
Il font-size proprietà definisce la dimensione del testo per un elemento HTML:
Esempio
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p> Prova tu stesso " Allineamento testo HTML
Il text-align proprietà definisce l'allineamento orizzontale del testo per un elemento HTML:
Esempio
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p> Prova tu stesso " Riassunto capitolo
- Utilizzare l' style attributo per lo styling elementi HTML
- Usa background-color per il colore di sfondo
- Usare color per i colori del testo
- Utilizzare font-family per i font di testo
- Utilizzare font-size per le dimensioni del testo
- Utilizzare text-align per l'allineamento del testo
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4» Esercizio 5 » Esercizio 6»