Tag de style HTML
Comment utiliser la balise de style de HTML?
Il existe plusieurs façons dont vous pouvez utiliser la balise de style de HTML. Certains d'entre eux sont expliqués dans les cinq exemples suivants:
Exemple 1: Changer la famille des polices du texte
À l'aide de cet exemple, nous apprendrons à utiliser différents styles de police pour notre texte en utilisant la balise de style HTML. Le script HTML pour ce faire est illustré ci-dessous:
En utilisant le script HTML indiqué ci-dessus, nous voulions imprimer l'instruction «Bienvenue à Linux!”Dans quatre styles de police différents. Pour ce faire, nous avons utilisé la balise de style HTML suivie de l'attribut Font-Family et du nom de la police respective. Après cela, nous avons mentionné la déclaration que nous voulions apparaître dans différents styles de police.
Les quatre styles de police différents que nous avons utilisés dans notre script peuvent être vus sur la page Web suivante:
Exemple 2: Modification de la taille de la police du texte
Dans cet exemple, nous apprendrons à modifier la taille de la police de notre texte en utilisant la balise de style de HTML pour laquelle nous avons écrit le script ci-dessous:
Dans ce script, nous avons utilisé l'attribut de taille de police avec la balise de style HTML et avons utilisé des tailles de police différentes en pourcentages ainsi que dans les pixels pour notre texte souhaité.
Vous pouvez voir sur la page Web suivante que notre texte spécifié est apparu dans différentes tailles de police:
Exemple 3: Modification de la couleur de la police du texte
Avec cet exemple, nous vous expliquerons comment vous pouvez modifier la couleur de la police de votre texte en utilisant la balise de style HTML, pour laquelle vous devrez vous référer au script ci-dessous:
Tout comme nos deux premiers exemples de scripts, nous avons également utilisé la même balise de style dans cet exemple. Cependant, cette fois, nous avons utilisé l'attribut de couleur pour afficher notre texte souhaité dans différentes couleurs.
Notre texte spécifié de différentes couleurs est illustré sur la page Web de l'image suivante:
Exemple 4: Modification de l'alignement du texte
Maintenant, nous allons parler de modifier l'alignement du texte en utilisant la balise de style de HTML. Pour cela, nous avons créé le script HTML illustré ci-dessous:
Dans ce script, nous avons utilisé le même texte que nous voulions apparaître dans trois alignements différents, je.e., Centre, à droite et à gauche. Nous avons utilisé la balise de style de HTML à cet effet, suivie de l'attribut texte-alignement.
Notre exemple de texte en trois alignements différents est affiché sur la page Web suivante:
Exemple 5: Modification de la couleur d'arrière-plan du texte
Enfin, nous apprendrons à modifier la couleur d'arrière-plan de notre texte en utilisant la balise de style HTML, pour laquelle nous utiliserons le script ci-dessous:
Dans ce script, nous avons simplement utilisé la balise de style HTML suivie de l'attribut de couleur arrière pour utiliser différents arrière-plans pour notre texte.
Notre exemple de texte avec différentes couleurs d'arrière-plan s'affiche sur la page Web suivante:
Conclusion
Cet article était centré sur l'étiquette de style de HTML. Pour souligner l'importance de cette balise HTML, nous avons démontré cinq exemples différents qui ont utilisé cette balise de plusieurs manières. En suivant ces exemples, vous pouvez facilement modifier le style de la police, la taille de la police, la couleur de la police, l'alignement du texte et la couleur d'arrière-plan du texte de votre page Web, et donc vous pouvez lui donner un tout nouveau look attrayant et cela aussi en quelques secondes.