Atribut de color de font HTML especifica el color del text del contingut dins etiqueta . L'atribut de color de font accepta a valor de color que volem aplicar a un text i es mostrarà a la pantalla amb aquest color esmentat.
Sintaxi:
>
Valors d'atribut:
- nom_color: Estableix el color del text utilitzant el nom del color. Per exemple: vermell .
- número_hexadecimal: Estableix el color del text mitjançant el codi hexadecimal de color. Per exemple: #0000ff .
- número_rgb: Estableix el color del text mitjançant el codi rgb. Per exemple: rgb(0; 153; 0) .
Nota: L'atribut color no és compatible amb HTML5 .
Exemple per definir el color de la lletra en HTML
Podem utilitzar el atribut de color del etiqueta de tipus de lletra per definir un color de lletra en HTML. Podem assignar un valor de color mitjançant a nom del color , codi hexadecimal , o Codi RGB .
Entenem-ho millor amb un exemple:
Exemple: En aquest exemple, obtenim el text amb colors mitjançant l'atribut color que té tres tipus diferents de valors. Hem utilitzat el valor del nom del color, el valor del codi hexadecimal i el valor del codi RGB per definir el color de la lletra de tres elements de text diferents.
HTML HTML |<font>color Títol de l'atribut> cap> <body> <font size='6' face='verdana' color='green'>techcodeview.com! font> <br> <font size='6' face='arial' color='#008000'>techcodeview.com! font> <br> <font size='6' color='rgb(128, 128, 0)'>techcodeview.com! font> body> html>>></pre> </code> <p dir='ltr'> <b> <strong>Sortida:</strong> </b> </p> <br /> <div id="container-4ae8242bd8e42d94c5c0bf390d5144e6"></div><br /> <p dir='ltr'> <img src='//techcodeview.com/img/html-attributes/40/html-font-color-attribute.webp' alt="font color html utilitzant l'atribut color"></p> <h3> <b> <strong>Navegadors compatibles</strong> </b> </h3><p dir='ltr'><span>Podeu veure els colors de lletra HTML establerts amb aquests navegadors. Els navegadors admeten l'atribut de color de l'etiqueta de font i mostren els canvis en el color del text.</span></p> <ul><li value='1'> <span>Google Chrome</span> </li><li value='2'> <span>Edge</span> <span> </span> </li><li value='3'> <span>Firefox</span> </li><li value='4'> <span>Òpera</span> </li><li value='5'> <span>Safari</span> </li></ul><p dir='ltr'><span>L'HTML és la base de les pàgines web, s'utilitza per al desenvolupament de pàgines web estructurant llocs web i aplicacions web. Podeu aprendre HTML des de principis seguint això</span> <span>Tutorial HTML</span> <span>i</span> <span>Exemples HTML</span> <span>.</span></p> <br></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="">Categoria</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/numpy-tutorial/">Tutorial Numpy</a> </li><li> <a href="/java-servlet/">Java-Servlet</a> </li><li> <a href="/c-functions/">C-Funcions</a> </li><li> <a href="/python-sys/">Python-Sys</a> </li><li> <a href="/c-manipulator/">Manipulador De C++</a> </li><li> <a href="/software-testing/">Proves De Programari</a> </li><li> <a href="/cpp-basics/">Cpp-Funcions Bàsiques</a> </li><li> <a href="/python-os-module/">Python-Os-Mòdul</a> </li><li> <a href="/gimp-tutorial/">Tutorial Gimp</a> </li><li> <a href="/environment/">Medi Ambient</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Còpia de matriu en Java</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Un portal d'informàtica per a frikis. Conté articles d'informàtica i programació ben escrits, ben pensats i ben explicats, proves i preguntes pràctiques/programació competitiva/entrevistes d'empresa.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/array-copy-java"> <i class="fa fa-external-link"></i> Llegir Més</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Articles D'Interès</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/singular-value-decomposition">Descomposició de valors singulars (SVD)</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-logout-from-gmail">Com tancar la sessió de Gmail</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/equality-inference-symbols-latex">Símbols d'igualtat i inferència en LaTeX</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/python-not-equal-operator">Operador Python NO IGUAL</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/whats-difference-between-ap-physics-1-131902">Quina diferència hi ha entre AP Physics 1, 2 i C? Quina hauries de prendre?</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">Entrades Populars</h2>
<div class="content">
<ul class="list"> <li><a href="/java-arrays">matriu en java</a>
</li><li><a href="/difference-between-dinner">diferència entre el sopar i el sopar</a>
</li><li><a href="/git-checkout">git checkout</a>
</li><li><a href="/difference-between-teaspoon">culleradeta vs cullerada</a>
</li><li><a href="/java-list-sort-method">llista java ordenada</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 Tots Els Drets Reservats | <a href="//sl.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Exempció De Responsabilitat</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Sobre Nosaltres</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Política De Privadesa</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>