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="/python-file-handling-programs/">Programmi Per La Gestione Dei File Python</a> </li><li> <a href="/java-lang-package/">Pacchetto Java-Lang</a> </li><li> <a href="/java-i-o/">I/O Java</a> </li><li> <a href="/software-engineering/">Ingegneria Software</a> </li><li> <a href="/c-inheritance/">Ereditarietà C++</a> </li><li> <a href="/css-questions/">Domande Css</a> </li><li> <a href="/maths-calculators/">Calcolatrici Matematiche</a> </li><li> <a href="/dbms/">Dbms</a> </li><li> <a href="/docker-container/">Contenitore Docker</a> </li><li> <a href="/linux/">Linux</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">Differenza tra Falco e Aquila</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Differenza tra Falco e Aquila con elenco delle principali differenze ed esempi in tempo reale tra cui immagini, cane, gatto, lordo, netto, Java, database, scienza, generale, inglese ecc.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/difference-between-hawk"> <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="/df-command-linux-with-examples">Comando df in Linux con esempi</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/abs-python">abs() in Python</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/when-i-click-my-mouse">Quando faccio clic con il mouse, a volte faccio doppio clic</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-convert-int-bytes-python">Come convertire Int in byte in Python?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/c-copy-constructor">Costruttore di copia C++</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="/add-elements-array-java">Java aggiungendo a un array</a>
</li><li><a href="/difference-between-list">list vs impostato in Java</a>
</li><li><a href="/string-concatenation-java">concatenazione di stringhe</a>
</li><li><a href="/structure">cos'è la struttura nella struttura dei dati</a>
</li><li><a href="/java-convert-string-int">stringa in numero intero</a>
</li><li><a href="/java-arraylist">elenco di array in Java</a>
</li><li><a href="/alphabet-numbers">alfabeto come numeri</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="//da.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>