Introduzione agli stili di font HTML
L'articolo seguente, Stili di font HTML fornisce una descrizione degli stili di font più comunemente utilizzati in HTML. L'HTML popolarmente noto come HyperText Markup Language è uno dei linguaggi o degli script più essenziali e critici, essenziale nella creazione di applicazioni Web e siti Web. Questo è come la spina dorsale dello sviluppo di app Web poiché tutti i tag e altre funzionalità ne costituiscono il componente sottostante.
Tutto lo sviluppo del front-end si basa anche sullo scripting HTML. Questo può essere usato solo per fornire tag di markup e per migliorare l'aspetto di questi tag, abbiamo un'altra libreria molto popolare, CSS che sta per Cascading Style Sheets. Questo può essere usato per implementare tutti i tipi di stili richiesti dall'HTML. Il carattere e gli stili costituiscono la parte principale del sito Web e in questo articolo ti forniremo un elenco della maggior parte degli stili di carattere HTML.
Stili di carattere HTML:
I caratteri svolgono un ruolo molto importante nel rendere un sito Web più user-friendly e quello che attira più traffico oltre ad aumentare la leggibilità dei contenuti. Il colore e la faccia del carattere dipendono anche dal computer e dal browser che sta facendo uso e il tag HTML viene anche usato per aggiungere stile, colore, dimensione al testo sul tuo sito web.
Il tag viene utilizzato per impostare tutto il testo presente sul tuo sito Web o all'interno dell'elemento sulla stessa dimensione, colore e faccia. Il tag del carattere è costituito da tre attributi, ovvero il colore e la dimensione del viso, che a sua volta costituisce un componente molto critico dei diversi stili di carattere presenti all'interno del sito Web.
Il tag è il più comunemente usato e uno dei tag più importanti che possono essere utilizzati per creare un aspetto gradevole per la tua pagina web. Il testo che seguirà il tag aperto rimarrà nello stesso modo a meno che e fino a quando non sarà chiuso dal tag.
Vediamo alcuni degli stili di carattere HTML di base:
Ci sono alcune caratteristiche e caratteristiche di base associate agli stili di carattere HTML e sono:
1) Impostazione della dimensione del carattere:
La dimensione del carattere del contenuto può essere impostata facendo uso degli attributi size. Il valore accettato dell'intervallo è compreso tra 1, che è il numero più piccolo e va fino a 7, che è il numero più grande. La dimensione predefinita di qualsiasi tipo di carattere è 3.
Esempio,
Setting Basic Font Size
Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"
2) Dimensione carattere relativa:
La dimensione del carattere relativa viene utilizzata per determinare e specificare quante dimensioni sono più grandi e quante dimensioni sono più piccole della dimensione del carattere corrente che è effettivamente presente. Questo può essere specificato come:
or by writing
Esempio,
Relative Font Size
Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"
3) Impostazione del carattere:
L'altra categoria dopo l'impostazione della dimensione del carattere e della dimensione del carattere relativo è quella dell'impostazione della faccia del carattere. Ciò costituisce una parte critica degli attributi sopra elencati. Questo può essere impostato usando l'attributo face ma bisogna sempre tenere presente che se l'utente designato per usare questo valore di font non ha questo font installato nel proprio sistema, allora non sarà in grado di vederlo . Al contrario, sarà visibile solo la faccia del carattere predefinita applicabile al computer di quel particolare utente.
Esempio,
Font Face
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
4) Specificare volti di caratteri alternativi:
- Questo è usato per specificare vari tipi di facce di font solo se l'utente ha quel particolare font installato sul proprio sistema, altrimenti sarà visibile un font installato di default. È possibile menzionarne più di una, in particolare due o più di due alternative di facce dei caratteri, elencando i nomi delle facce dei caratteri che sono specificamente separati da una virgola.
- Quando la pagina web viene caricata, il browser sarà responsabile della visualizzazione del primo carattere in assoluto che verrà generato. Se nessuno dei caratteri forniti è installato nel sistema, la faccia di carattere predefinita che è Times New Roman verrà visualizzata correttamente.
Esempio,
5) Impostazione del colore del carattere:
Questo è un altro attributo che costituisce la parte critica e il componente dell'elenco di stili e font HTML. In questo tipo di carattere il colore viene impostato facendo uso di qualsiasi attributo di colore, il colore richiesto potrebbe essere richiesto facendo uso del codice esadecimale e del nome del colore per il colore specificato.
Esempio,
Setting Font Color
This text is in pink
This text is red
6) Elemento:
- Questo elemento è specifico del linguaggio HTML e dovrebbe fornire alla pagina Web una dimensione, un carattere tipografico e un colore predefiniti per tutte le parti e i componenti dei documenti che non sono contenuti all'interno del tag.
- Il tag può essere facilmente utilizzato per sovrascrivere le impostazioni.
- Questo tag utilizza anche gli attributi di colore, faccia e dimensione che supporteranno relativamente tutte le impostazioni del carattere fornendo la dimensione di un valore di +1 per una dimensione maggiore o -2 per due dimensioni più piccole.
Esempi:
Setting Basefont Color
Questo è il carattere predefinito della pagina.
Esempio dell'elemento
Conclusione-
I caratteri e gli stili HTML sono uno dei componenti e delle funzionalità più importanti che non possono essere trascurati e che possono dare una forma e un design molto validi al tuo sito web. Quando parliamo delle ultime librerie javascript disponibili sul mercato, contengono in sé tutte queste e molti altri tipi di carattere e stili. Per l'HTML di base, questo deve ancora essere fatto manualmente. Spero ti sia piaciuto il nostro articolo. Resta sintonizzato sul nostro blog per altri articoli come questi.
Articoli consigliati
Questa è stata una guida agli stili di caratteri HTML. Qui abbiamo discusso l'introduzione e una spiegazione dettagliata di alcuni caratteri di base dell'HTML con esempi. Puoi anche consultare i nostri altri articoli suggeriti per saperne di più -
- Fogli di stile HTML
- Attributi HTML
- Come funziona HTML
- Stili di elenco HTML
- Blocchi HTML