Tag in stile HTML

“Il tag di stile di HTML può essere utilizzato per abbellire l'aspetto della tua pagina web. Include ma non si limita a modificare gli stili di carattere, le dimensioni dei caratteri, i colori del carattere, l'allineamento del testo, il colore di sfondo del testo, ecc. In questo articolo, ti mostreremo come puoi utilizzare il tag di stile di HTML in più modi e cambiare la prospettiva generale della tua pagina web."

Come usare il tag di stile di HTML?

Esistono diversi modi in cui è possibile utilizzare il tag di stile di HTML. Alcuni di essi sono spiegati nei seguenti cinque esempi:

Esempio 1: modificare la famiglia dei caratteri del testo

Con l'aiuto di questo esempio, impareremo a utilizzare diversi stili di carattere per il nostro testo usando il tag in stile HTML. Lo script HTML per farlo è mostrato di seguito:

Usando lo script HTML mostrato sopra, volevamo stampare l'istruzione “Benvenuto su Linux Sint!"In quattro diversi stili di carattere. Per fare ciò, abbiamo usato il tag in stile HTML seguito dall'attributo della famiglia del carattere e il nome del rispettivo carattere. Dopodiché, abbiamo menzionato l'affermazione che volevamo apparire in diversi stili di carattere.

I quattro diversi stili di carattere che abbiamo usato nel nostro script possono essere visualizzati nella seguente pagina web:

Esempio 2: modifica della dimensione del carattere del testo

In questo esempio, impareremo a cambiare la dimensione del carattere del nostro testo usando il tag di stile di HTML per il quale abbiamo scritto lo script mostrato di seguito:

In questo script, abbiamo usato l'attributo di dimensioni dei caratteri con il tag in stile HTML e abbiamo usato diverse dimensioni di caratteri in percentuale e nei pixel per il nostro testo desiderato.

Puoi vedere nella seguente pagina Web che il nostro testo specificato è apparso in diverse dimensioni dei caratteri:

Esempio 3: modifica del colore del carattere del testo

Con questo esempio, ti diremo come puoi cambiare il colore del carattere del tuo testo usando il tag in stile HTML, per il quale dovrai fare riferimento allo script mostrato di seguito:

Proprio come i nostri primi due script di esempio, abbiamo usato anche lo stesso tag di stile in questo esempio. Tuttavia, questa volta, abbiamo usato l'attributo colore per visualizzare il nostro testo desiderato in colori diversi.

Il nostro testo specificato in diversi colori è mostrato nella pagina Web nella seguente immagine:

Esempio 4: modifica dell'allineamento del testo

Ora parleremo di cambiare l'allineamento del testo usando il tag di stile di HTML. Per questo, abbiamo creato lo script HTML mostrato di seguito:

In questa sceneggiatura, abbiamo usato lo stesso testo che volevamo apparire in tre diversi allineamenti, io.e., Centro, a destra e a sinistra. A questo scopo abbiamo usato il tag di stile di HTML, seguito dall'attributo allineato al testo.

Il nostro testo di esempio in tre diversi allineamenti è mostrato nella seguente pagina Web:

Esempio 5: modifica del colore di sfondo del testo

Infine, impareremo a cambiare il colore di sfondo del nostro testo usando il tag in stile HTML, per il quale useremo lo script mostrato di seguito:

In questo script, abbiamo semplicemente usato il tag in stile HTML seguito dall'attributo di base per l'utilizzo di sfondi diversi per il nostro testo.

Il nostro testo di esempio con diversi colori di sfondo viene visualizzato nella seguente pagina Web:

Conclusione

Questo articolo era incentrato sul tag di stile di HTML. Per evidenziare l'importanza di questo tag HTML, abbiamo dimostrato cinque diversi esempi che hanno utilizzato questo tag in più modi. Seguendo questi esempi, è possibile modificare facilmente lo stile del carattere, la dimensione del carattere, il colore del carattere, l'allineamento del testo e il colore di sfondo di testo della tua pagina web, e quindi puoi dargli un look tutto accattivante e anche in pochi secondi.