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="/splunk-tutorial/">Tutoriel Splunk</a> </li><li> <a href="/macos-tricks/">Astuces Macos</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/pyspark-tutorial/">Tutoriel Pyspark</a> </li><li> <a href="/linked-list-sorting/">Tri Des Listes Chaînées</a> </li><li> <a href="/c-static-keyword/">Mot-Clé Statique C++</a> </li><li> <a href="/figma/">Figma</a> </li><li> <a href="/cpp-iterator/">Itérateur Cpp</a> </li><li> <a href="/powershell-tutorial/">Tutoriel Powershell</a> </li><li> <a href="/quick-sort/">Tri Rapide</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">Classe Java.lang.Number en Java</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> La plupart du temps, lorsque nous travaillons avec des nombres en Java, nous utilisons des sous-classes wrapper sous la classe abstraite Number présente dans le package java.lang. Il existe principalement six sous-classes sous la classe Number. Ces sous-classes définissent certaines méthodes utiles qui sont fréquemment utilisées lors du traitement des nombres.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/java-lang-number-class-in-java"> <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="/no-main-manifest-attribute">Aucun attribut principal du manifeste</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/who-invented-school">Qui a inventé l'école</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/difference-between-noodles">Différence entre les nouilles et les spaghettis</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/c-list-class">C# | Classe de liste</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/volume-cone-formula">Volume du cône : formule, dérivation et exemples</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="/sql-update-with-join">mise à jour depuis rejoindre SQL</a>
</li><li><a href="/how-reverse-string-java">chaîne inversée java</a>
</li><li><a href="/final-keyword-java">mot-clé final en Java</a>
</li><li><a href="/java-swing-tutorial">java et swing</a>
</li><li><a href="/what-is-special-character">nom des caractères spéciaux</a>
</li><li><a href="/singleton-design-pattern-java">modèle de conception singleton 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="//ja.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>
<script>
!function(){"use strict";let t=document.createElement("button");t.id="toTopBtn",t.innerHTML="↑";let e=`
#toTopBtn {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 9999;
opacity: 0;
visibility: hidden;
background-color: #213141;
color: white;
border: none;
border-radius: 8px;
width: 50px;
height: 50px;
font-size: 24px;
cursor: pointer;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#toTopBtn:hover {
background-color: #555;
}
`,i=document.createElement("style");i.type="text/css",i.innerText=e,document.head.appendChild(i),document.body.appendChild(t),window.addEventListener("scroll",()=>{let e=window.scrollY||document.documentElement.scrollTop;e>300?(t.style.opacity="1",t.style.visibility="visible"):(t.style.opacity="0",t.style.visibility="hidden")}),t.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}();
</script>
</body>
</html>