Cum să schimbați culoarea textului în HTML

Ce să știi

  • Adăugați un atribut Style la etichetă: style = "color: #FFFFFF"
  • Adăugați o secțiune de stil la HTML.
  • Creați o foaie de stil CSS separată: culoare: #FFFFFF;

Acest articol explică modul de specificare a culorilor textului în HTML folosind trei metode diferite. De asemenea, explică modalitățile prin care puteți specifica culorile pe care le doriți pentru textul dvs.

3 moduri de a specifica culorile

În HTML, culorile pot fi specificate în câteva moduri:

  • Cel mai simplu este utilizarea unui Numele de culoare engleză ca verde sau cian. Dacă sarcina dvs. este simplă, acest lucru poate face truc, dar să fiți conștienți de faptul că vocabularul HTML în acest sens este limitat.
  • O altă abordare este stabilirea unui Valoarea culorii RGB, unde sunt date trei magnitudini, fiecare pentru intensitatea culorii compuse de roșu, verde și, respectiv, albastru. Utilizați valorile culorilor RGB pentru a regla umbrirea unei culori standard sau pentru a utiliza valoarea exactă pentru nuanța dorită.
  • Puteți furniza un
    instagram viewer
    valoarea culorii hex, care este un semn de lire sterline urmat de un șase cifre număr hexazecimal. Dacă vrei să fii precis cu culorile tale, parcurge acest traseu.

Programe de care aveți nevoie pentru schimbarea culorilor HTML

Setul minim de instrumente pentru modificarea culorii textului în HTML este un program pentru editarea codului HTML în sine și un browser pentru testarea acestuia. Puteți edita HTML într-un editor de text, un program simplu, cum ar fi Notepad care scrie text pur sau într-un editor de cod optimizat pentru procesarea sintaxei de programare. Nu puteți utiliza un procesor de text precum Microsoft Word, LibreOffice sau Google Docs, deoarece aceste programe inserează o formatare invizibilă numită caracterele de control care sunt incompatibile cu HTML.

Orice browser web poate afișa fișierul HTML pe care doriți să îl examinați. Accesați folderul care conține fișierul HTML și faceți clic pe acesta, iar browserul dvs. ar trebui să-l redea. Dacă nu, faceți clic dreapta pe fișier și deschideți-l într-un browser.

Metoda 1: Înfășurați textul în etichete cu stil color

Cea mai simplă tehnică de colorare a textului este adăugarea stil atributul și valoarea dorită, cuprinse în comun din culoare specificația cuvântului cheie și a culorii (codul hexazecimal, codul RGB sau numele), la eticheta HTML care înfășoară textul țintă.

Dacă doriți să reglați textul care este deja înfășurat într-o etichetă, cum ar fi o etichetă de paragraf, accesați eticheta de deschidere și introduceți următoarele înainte de unghiul de închidere: spaţiu, cuvantul stil, un semn egal și apoi, totul în interiorul unui set de ghilimele, culoare cuvânt cheie, colon, spaţiu și specificațiile de culoare pe care le doriți.

Editor de coduri cu secțiuni HTML și evidențiate în stânga și previzualizare HTML și rezultate evidențiate în dreapta

Dacă textul pe care îl modificați nu este încastrat între etichete - poate doriți doar să ajustați o parte din textul care locuiește într-un element - înfășurați-l în etichetele span și adăugați atributul style cu cuvântul cheie și specificația valorii culorii ca mai sus.

Editor de coduri cu secțiuni HTML și evidențiate în stânga și previzualizare HTML și rezultate evidențiate în dreapta

Metoda 2: Adăugați o secțiune de stil în antetul documentului HTML

În.

Numele etichetelor HTML aici sunt identice cu cele specificate în

secțiune dar fără paranteze unghiulare. De exemplu,.

specificat la.

Editor de coduri cu secțiuni HTML și evidențiate în stânga și previzualizare HTML și rezultate evidențiate în dreapta

Cu toate acestea, puteți stiliza HTML în funcție de clasă, care este ca o etichetă care se aplică pentru a selecta instanțele unei etichete din

secțiune. De exemplu, dacă doriți doar un anume.

eticheta să fie colorată, creați o clasă cu un nume personalizat cu perioadă de timp în

Editor de coduri cu secțiuni HTML și evidențiate în stânga și previzualizare HTML și rezultate evidențiate în dreapta

Metoda 3: Creați și conectați un document CSS separat

Cel mai organizat mod de a seta culoarea textului și o gamă infinită de alte stiluri este de a crea un separat Foaie de stil CSS și link către acesta în documentul HTML.

Plasați-vă stilurile, formatate exact așa cum ați face într-un.

Editor de coduri cu secțiuni HTML și evidențiate în stânga și previzualizare HTML și rezultate evidențiate în dreapta și un panou de editare CSS cu secțiuni evidențiate în partea de jos
instagram story viewer