Stile HTML

L'attributo style viene utilizzato per modificare lo stile degli elementi HTML.

Questo testo è in Verdana e rosso
Questo testo è in Times e blu
Questo testo è alto 30 pixel

Prova tu stesso

Attributo style dell'HTML

Funzione dell'attributo style:

Fornisce un metodo comune per modificare lo stile di tutti gli elementi HTML.

Gli stili sono stati introdotti in HTML 4 come un nuovo metodo preferito per modificare lo stile degli elementi HTML. Attraverso gli stili HTML, è possibile aggiungere direttamente lo stile agli elementi HTML utilizzando l'attributo style, o definirlo indirettamente in una tabella di stili indipendente (file CSS).

Puoi trovare tutte le informazioni su Tutorial CSSImpara tutto su stili e CSS.

Nel nostro tutorial HTML, utilizzeremo l'attributo style per spiegare gli stili HTML.

Tag e attributi non raccomandati

In HTML 4, ci sono diversi tag e attributi che sono obsoleti. Obsoleto (Deprecated) significa che non verranno supportati questi tag e attributi nelle future versioni di HTML e XHTML.

Il messaggio trasmesso è chiaro: evitare l'uso di questi tag e attributi obsoleti!

Evitare l'uso dei seguenti tag e attributi:

Tag Descrizione
<center> Definire il contenuto centrato.
<font> e <basefont> Definire il tipo di carattere HTML.
<s> e <strike> Definire il testo cancellato
<u> Definire il testo sottolineato
Attributo Descrizione
align Definire l'allineamento del testo
bgcolor Definire il colore di sfondo
color Definire il colore del testo

Per i seguenti tag e attributi: utilizzare gli stili!

Esempio di stile HTML - Colore di sfondo

L'attributo background-color definisce il colore di sfondo dell'elemento:

<html>
<body style="background-color:giallo">
<h2 style="background-color:red">Questo è un titolo</h2>
<p style="background-color:green">Questo è un paragrafo.</p>
</body>
</html>

Prova tu stesso

L'attributo style ha sostituito l'antico attributo bgcolor.

Prova tu stesso: il vecchio metodo di impostazione del colore di sfondo

Esempio di stile HTML - Font, colore e dimensione

Le proprietà font-family, color e font-size definiscono rispettivamente la famiglia di caratteri, il colore e la dimensione del testo degli elementi:

<html>
<body>
<h1 style="font-family:verdana">Un titolo</h1>
<p style="font-family:arial;color:red;font-size:20px;">Un paragrafo.</p>
</body>
</html>

Prova tu stesso

L'attributo style ha sostituito il vecchio tag <font>.

Prova tu stesso: il vecchio metodo di impostazione del font

Esempio di stile HTML - Allineamento del testo

L'attributo text-align determina il modo di allineamento orizzontale del testo degli elementi:

<html>
<body>
<h1 style="text-align:center">Questo è un titolo</h1>
<p>Il titolo sopra è allineato al centro di questa pagina.</p>
</body>
</html>

Prova tu stesso

L'attributo style ha sostituito l'antico attributo "align".

Prova tu stesso: il vecchio metodo di allineamento al centro