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> <br /> <div id="container-4ae8242bd8e42d94c5c0bf390d5144e6"></div><br /> <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><!--//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="/tally-tutorial/">Tutorial Sul Conteggio</a> </li><li> <a href="/java-files/">File Java</a> </li><li> <a href="/python-string/">Stringa Di Pitone</a> </li><li> <a href="/merge-sort/">Unisci Ordinamento</a> </li><li> <a href="/selenium-tutorial/">Tutorial Sul Selenio</a> </li><li> <a href="/max-heap/">Heap Massimo</a> </li><li> <a href="/java-array-programs/">Programmi Array Java</a> </li><li> <a href="/windows-10-tricks/">Trucchi Per Windows 10</a> </li><li> <a href="/hash/">Hash</a> </li><li> <a href="/c-keyword/">Parola Chiave C</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Miglior analisi dei personaggi: Myrtle Wilson - Il grande Gatsby</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Chi è l'amante di Tom? Scopri tutto ciò che devi sapere su Myrtle Wilsons in Il grande Gatsby, con citazioni e analisi dei personaggi.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/best-character-analysis-1311062"> <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="/hasse-diagrams">Diagrammi di Hasse</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-insert-graph-chart-word">Come inserire un grafico/diagramma in Word</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/mathematical-functions-in-python-set-3-trigonometric-and-angular-functions">Funzioni matematiche in Python | Set 3 (Funzioni trigonometriche e angolari)</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/nested-if-else-statement-c">Istruzione if else nidificata in C</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/localhost-8080">Host locale 8080</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="/how-check-data-type-java">tipo Java di variabile</a>
</li><li><a href="/mysql-show-users-list-all-users">mostra agli utenti mysql</a>
</li><li><a href="/typescript-set">insieme di dattiloscritti</a>
</li><li><a href="/npm-clear-cache">rimuovere la cache npm</a>
</li><li><a href="/difference-between-cinnamon">cannella contro mate</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="//uk.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>
</body>
</html>