Attributo colore carattere HTML specifica il colore del testo del contenuto all'interno del file etichetta . L'attributo colore del carattere accetta a valore del colore che vogliamo applicare ad un testo e questo verrà visualizzato sullo schermo con quel colore indicato.
Sintassi:
>
Valori degli attributi:
- nome_colore: Imposta il colore del testo utilizzando il nome del colore. Per esempio: rosso .
- numero_esadecimale: Imposta il colore del testo utilizzando il codice esadecimale del colore. Per esempio: #0000ss .
- numero_rgb: Imposta il colore del testo utilizzando il codice RGB. Per esempio: RGB(0, 153, 0) .
Nota: L'attributo color non è supportato da HTML5 .
Esempio per impostare il colore del carattere in HTML
Possiamo usare il attributo colore del etichetta del carattere per impostare un colore del carattere in HTML. Possiamo assegnare un valore di colore usando a nome del colore , codice esadecimale , O Codice RGB .
Capiamolo meglio con l'esempio:
Esempio: In questo esempio, otteniamo il testo colorato utilizzando l'attributo color con tre diversi tipi di valori. Abbiamo utilizzato il valore del nome del colore, il valore del codice esadecimale e il valore del codice RGB per impostare il colore del carattere di tre diversi elementi di testo.
HTML HTML |<font>colore Attributo titolo> testa> <body> <font size='6' face='verdana' color='green'>techcodeview.com! carattere> <br> <font size='6' face='arial' color='#008000'>techcodeview.com! carattere> <br> <font size='6' color='rgb(128, 128, 0)'>techcodeview.com! carattere> corpo> html>></pre> </code> <p dir='ltr'> <b> <strong>Produzione:</strong> </b> </p> <p dir='ltr'> <img src='//techcodeview.com/img/html-attributes/40/html-font-color-attribute.webp' alt="colore del carattere html utilizzando l'attributo color"></p> <h3> <b> <strong>Browser supportati</strong> </b> </h3><p dir='ltr'><span>È possibile visualizzare i colori dei caratteri HTML impostati utilizzando questi browser. I browser supportano l'attributo color del tag font e visualizzano le modifiche nel colore del testo.</span></p> <ul><li value='1'> <span>Google Chrome</span> </li><li value='2'> <span>Bordo</span> <span> </span> </li><li value='3'> <span>Firefox</span> </li><li value='4'> <span>musica lirica</span> </li><li value='5'> <span>Safari</span> </li></ul><p dir='ltr'><span>L'HTML è il fondamento delle pagine Web, viene utilizzato per lo sviluppo di pagine Web strutturando siti Web e app Web. Puoi imparare l'HTML da zero seguendo questo</span> <span>Esercitazione sull'HTML</span> <span>E</span> <span>Esempi 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="">Categoria</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/javascript-date/">Data-Javascript</a> </li><li> <a href="/adobe/">Adobe</a> </li><li> <a href="/euler-totient/">Eulero-Totiente</a> </li><li> <a href="/linux-tutorial/">Tutorial Su Linux</a> </li><li> <a href="/python-string/">Stringa Di Pitone</a> </li><li> <a href="/html-tags/">Tag Html</a> </li><li> <a href="/competitive-programming/">Programmazione competitiva</a> </li><li> <a href="/java-tutorial/">Tutorial Java</a> </li><li> <a href="/law/">Legge</a> </li><li> <a href="/memory-management/">Gestione Della Memoria</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">Apri un file in Python</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Un portale di informatica per geek. Contiene articoli di informatica e programmazione ben scritti, ben pensati e ben spiegati, quiz e domande per colloqui pratici/competitivi/aziendali.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/open-file-python"> <i class="fa fa-external-link"></i> Per Saperne Di Più</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Articoli Interessanti</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/arrays-in-java">Array in Java</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/best-crucible-act-3-summary-1311590">Miglior riepilogo dell'Atto 3 del Crogiolo</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/android-activity-lifecycle">Ciclo di vita delle attività Android</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/ascii-table-c">Tabella ASCII in C</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-are-comments-css">Cosa sono i commenti nei CSS?</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">Messaggi Popolari</h2>
<div class="content">
<ul class="list"> <li><a href="/computer-network-architecture">architettura di rete</a>
</li><li><a href="/java-convert-string-int">stringa un int</a>
</li><li><a href="/computer-network-tutorial">reti di computer</a>
</li><li><a href="/java-tostring-method">metodo tostring in Java</a>
</li><li><a href="/spring-mvc-tutorial">mvc nel quadro primaverile</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 Tutti I Diritti Riservati | <a href="//ro.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Disclaimer</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Chi Siamo</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politica Sulla Riservatezza</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>