Attribut de couleur de police HTML spécifie la couleur du texte du contenu à l'intérieur du étiqueter . L'attribut font color accepte un valeur de couleur que nous voulons appliquer à un texte et il sera affiché sur l'écran avec cette couleur mentionnée.
Syntaxe:
>
Valeurs d'attribut :
- nom_couleur : Il définit la couleur du texte en utilisant le nom de la couleur. Par exemple: rouge .
- numéro_hexadécimal : Il définit la couleur du texte en utilisant le code hexadécimal de couleur. Par exemple: #0000ff .
- numéro_rvb : Il définit la couleur du texte en utilisant le code RVB. Par exemple: RVB (0, 153, 0) .
Note: L'attribut color n'est pas pris en charge par HTML5 .
Exemple pour définir la couleur de la police en HTML
Nous pouvons utiliser le attribut de couleur de la balise de police pour définir une couleur de police en HTML. Nous pouvons attribuer une valeur de couleur à l'aide d'un nom de la couleur , code hexadécimal , ou Code RVB .
Comprenons mieux avec un exemple :
Exemple: Dans cet exemple, nous obtenons le texte coloré en utilisant l'attribut color ayant trois types de valeurs différents. Nous avons utilisé la valeur du nom de couleur, la valeur du code hexadécimal et la valeur du code RVB pour définir la couleur de police de trois éléments de texte différents.
HTML HTML |<font>couleur Titre de l'attribut> tête> <body> <font size='6' face='verdana' color='green'>techcodeview.com! police> <br> <font size='6' face='arial' color='#008000'>techcodeview.com! police> <br> <font size='6' color='rgb(128, 128, 0)'>techcodeview.com! police> corps> html>></pre> </code> <p dir='ltr'> <b> <strong>Sortir:</strong> </b> </p> <p dir='ltr'> <img src='//techcodeview.com/img/html-attributes/40/html-font-color-attribute.webp' alt="couleur de police html utilisant l'attribut color"></p> <h3> <b> <strong>Navigateurs pris en charge</strong> </b> </h3><p dir='ltr'><span>Vous pouvez afficher les couleurs de police HTML définies à l'aide de ces navigateurs. Les navigateurs prennent en charge l'attribut de couleur de la balise de police et affichent les modifications de la couleur du texte.</span></p> <ul><li value='1'> <span>Google Chrome</span> </li><li value='2'> <span>Bord</span> <span> </span> </li><li value='3'> <span>Firefox</span> </li><li value='4'> <span>Opéra</span> </li><li value='5'> <span>Safari</span> </li></ul><p dir='ltr'><span>Le HTML est la base des pages Web et est utilisé pour le développement de pages Web en structurant des sites Web et des applications Web. Vous pouvez apprendre le HTML à partir de zéro en suivant ceci</span> <span>Tutoriel HTML</span> <span>et</span> <span>Exemples HTML</span> <span>.</span></p> <br></article><div class="rekl_placeholder"><script type="text/javascript">atOptions = {'key' : 'f2b09f3e7178b263531e10998e9a32fa','format' : 'iframe','height' : 250,'width' : 300,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f2b09f3e7178b263531e10998e9a32fa/invoke.js"></script></div> </article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Catégorie</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/python-function-programs/">Programmes De Fonctions Python</a> </li><li> <a href="/java-file-handling/">Gestion Des Fichiers Java</a> </li><li> <a href="/java-networking/">Réseau Java</a> </li><li> <a href="/java-long-class/">Classe Longue Java</a> </li><li> <a href="/banking-general-awareness/">Sensibilisation Générale Au Secteur Bancaire</a> </li><li> <a href="/css-basics/">Les Bases Du Css</a> </li><li> <a href="/geometric-lines/">Lignes Géométriques</a> </li><li> <a href="/terms-of-use/">Conditions D'utilisation</a> </li><li> <a href="/cpp-algorithm-library/">Bibliothèque-D'algorithmes-Cpp</a> </li><li> <a href="/shortcut-keys/">Raccourcis Claviers</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<div class="content">
<div class="item">
<div class="rekl_placeholder" id="sidebar_placeholder_1"> <script type="text/javascript">atOptions = {'key' : 'f53f1abf3c3a788f849c12a956865db1','format' : 'iframe','height' : 300,'width' : 160,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f53f1abf3c3a788f849c12a956865db1/invoke.js"></script> <br></div>
</div>
</div>
</div>
<div class="section-inner">
<h2 class="heading">1 million en chiffres</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> 1 million en nombres avec Pi, cercle, algèbre, géométrie, nombres, géométrie, trigonométrie, statistiques, calcul, décimales, inégalités, pourcentages, racines carrées, etc.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/1-million-numbers"> <i class="fa fa-external-link"></i> Lire La Suite</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Des Articles Intéressants</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/artificial-neural-network/">Réseau Neuronal Artificiel</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/residual-networks-deep-learning">Réseaux résiduels (ResNet) – Deep Learning</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-is-full-form-sos">Quelle est la forme complète de SOS</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-is-alu">Qu'est-ce que l'ALU (unité arithmétique et logique) ?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/network-interface-card">Carte d'interface réseau (NIC)</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Articles Populaires</h2>
<div class="content">
<ul class="list"> <li><a href="/array-slicing-java">trancher un tableau Java</a>
</li><li><a href="/roman-number-1-100">chiffres romains 1 100</a>
</li><li><a href="/how-fixandroid-process-acorehas-stopped-errors-android">android.process.acore continue de s'arrêter</a>
</li><li><a href="/nick-pulos">Nick Pulos éclair noir</a>
</li><li><a href="/heap-sort-algorithm">tri en tas et en tas</a>
</li><li><a href="/operators-java">en Java</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Tous Les Droits Sont Réservés | <a href="//tr.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Clause De Non-Responsabilité</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">A Propos De Nous</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politique De Confidentialité</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>