Styles HTML
Cet article expliquera comment nous pouvons définir l'attribut de style au sein des éléments HTML. Pour atteindre cet objectif, cet article fournira plusieurs exemples. Donc, sans plus de retard, commençons!
Syntaxe
La syntaxe des attributs de style HTML comprend une propriété et sa valeur comme indiqué dans l'extrait ci-dessous:
Dans l'attribut de style HTML, nous pouvons définir plusieurs propriétés pour un élément HTML tel que le style de police, la couleur d'arrière-plan, etc. Dans de tels scénarios, nous devons insérer un point-virgule «;» Après chaque propriété comme indiqué dans le script suivant:
Comment ajouter un style à un élément HTML
Cet exemple appliquera quelques styles sur différents HTML Paragraphe simple Paragraphe avec couleur d'arrière-plan Paragraphe avec taille de police X-Large La première L'élément n'a pas utilisé l'attribut de style afin qu'il affiche un paragraphe normal. Cependant, les deuxième et troisième paragraphes ont implanté des attributs de style à différentes fins. En conséquence, le navigateur affichera la sortie suivante: Comment utiliser plusieurs propriétés dans l'attribut de style Dans l'exemple ci-dessus, il y avait trois paragraphes différents que chaque élément a un style unique. Considérez maintenant un autre exemple qui implémentera les multiples styles du même paragraphe: Paragraphe simple Paragraphe avec fond d'or et centre aligné Paragraphe avec une taille de police X-Large et un style italique Le code ci-dessus a créé trois éléments. Le premier est le simple, le deuxième paragraphe a utilisé l'élément de style avec plusieurs propriétés pour définir la couleur d'arrière-plan d'or et le texte aligné central. Le troisième paragraphe implémente également les deux propriétés pour définir la police en style extra-large et italique. Maintenant, cet article discutera des propriétés de style les plus fréquemment utilisées comme indiqué ci-dessous: Conclusion Les styles HTML affectent directement l'apparence apparente de tout document HTML. Cet article a expliqué ce qu'est l'attribut de style HTML? Comment fonctionne l'attribut de style? Quelles propriétés il peut avoir? Et à quel point il est significatif pour styliser n'importe quelle page Web. Cet article a élaboré ces concepts à l'aide de quelques exemples pour fournir une vue claire.