Kā izmantot HTML teksta krāsu tagus

Autors: Monica Porter
Radīšanas Datums: 21 Martā 2021
Atjaunināšanas Datums: 27 Jūnijs 2024
Anonim
How to Change Text Color in HTML
Video: How to Change Text Color in HTML

Saturs

Šis raksts parādīs, kā mainīt fonta krāsu HTML dokumentos. Lai gan fontu tagi HTML ir novecojuši, varat izmantot CSS, lai pievienotu krāsu HTML lapas tekstam. Ja izmantojat vecāku HTML versiju, pēc vajadzības varat izmantot HTML fonta tagu.

Soļi

1. metode no 2: izmantojiet HTML tagus

  1. Izveidojiet fontu tagus. Kartīšu komplekts teksta priekšā, kuru vēlaties mainīt. Novietojiet noslēguma karti aiz teksta.
    • Piemēram:
      Šis teksts būs zils.

  2. Pievienojiet krāsu atribūtus. Ievietojiet krāsa = "" fonta atvēršanas cilnē. Vēlamā krāsa būs pēdiņās.
    • Piemēram:
      krāsa = ""Šis teksts būs zils.

  3. Izvēlieties krāsas nosaukumu. Krāsas nosaukums vienmēr ir viens vārds bez atstarpēm. Izmēģiniet kaut ko vienkāršu, piemēram, "zils" (zils), "sarkans" (sarkans) vai aprakstošu nosaukumu, piemēram, "gaiši zils" vai "tumši zils" (tumši zils). Lai iegūtu citas iespējas, meklējiet atpazīto krāsu atslēgvārdu sarakstu, kurā ietilpst “sarkanbrūns” (tumši brūns), “tērauda zils” (pelēks zaļš) un “kaļķis” (gaiši dzeltens).
    • Piemēram:
      Šis teksts būs zils.

  4. Izmantojiet sešstūra krāsu kodus. HTML ļauj izvēlēties no miljoniem krāsu, taču ne visām krāsām ir nosaukums. Tā vietā viņi izmanto sešzīmju kodu, kas rakstīts ar heksadecimālu. Tīmeklī ir daudz vietņu, kurās ir uzskaitīti sešstūra krāsu kodi vai ļaut jums ekrānā izvēlēties krāsu un parādīt sešstūra vērtību. Šis kods sākas ar # zīmi un sastāv no sešām rakstzīmēm, ieskaitot skaitļus 0–9 vai burtu A – F.
    • Kods # FF0000 apzīmē sarkano krāsu.
    • Šis kods rada zaļu tekstu.
    • Šis kods rada zilu tekstu.
  5. Eksperimentējiet ar RGB vērtībām. Lai varētu izmantot tiešsaistes krāsu atlasītāju, jums nav jāzina, kā darbojas sešstūra krāsu kodēšana. Tomēr, ja vēlaties pieredzi, varat sākt ar pamatiem:
    • Katrs sešu rakstzīmju kods ir sadalīts vērtībās sarkana, zaļa (zaļa) un zila ("RGB"). Piemēram, kods # FF0000 nozīmē "sarkans: FF zaļš: 00 zils: 00".
    • Lai mainītu sarkanās krāsas daudzumu, mainiet pirmās divas rakstzīmes. Varat izmantot jebkuru vērtību no 00 (bez sarkanā) līdz 99 (nedaudz sarkanā krāsā) vai burtiem AA (sarkanīgi) līdz FF (maksimālais sarkanās krāsas daudzums).
    • Izmantojiet to pašu sistēmu, lai mainītu vērtību uz zaļu (divas vidējās rakstzīmes) vai zilu (pēdējie divi cipari).
  6. Padziļināta heksu krāsu kodēšanas izpratne. Lai izvēlētos pareizo krāsu, jums jāzina šādi divi jēdzieni:
    • Katras trīs krāsu vērtības ir divi cipari. Ja vēlaties veikt mazāk pielāgojumu, vienkārši nomainiet otro ciparu. Piemēram, # 850000 un # 890000 ir diezgan līdzīgi, un # A50000 būs mazliet gaišāks.
    • Apvienotās RGB vērtības ir vienādas ar krāsu sistēmu plus. Sarkana un zaļa radīs dzeltenu krāsu; zilā un zaļā formā ir ciāns; Sarkans un zils radīs bordo krāsu.
    reklāma

2. metode no 2: izmantojiet iekļauto CSS elementu

  1. HTML tagā ievietojiet stila atribūtu. Rekvizīti style = "" ļauj izmantot CSS HML dokumentos. Šeit ir vienkāršs veids, kā iestatīt fonta krāsu, pat ja nezināt par CSS. Mēģiniet iestatīt stila atribūtu vienam no HTML tagiem:
  2. Krāsu apzīmējums. Ievietojiet krāsa: ar krāsu nosaukumu vai heksadecimālo kodu pēdiņās. Lai iegūtu sīkāku informāciju par nosaukumiem un krāsu kodiem, skatiet iepriekš aprakstīto metodi vai izmēģiniet šādus piemērus:
    • Šis kods ir sarkans teksts.
    • Šis kods rada tumši olīvu zaļu krāsu.
    • CSS atbalsta trīsciparu saīsināšanu. Krāsu kods 745 apzīmē 774455.
  3. Izmantojiet CSS klases ar burtveidoliem, kurus bieži lietojat. Ja vēlaties stilizēt katru satura fragmenta attēlu parakstu vai virsrakstu lielā tīmekļa lapā, viss kods nav jāraksta atkal un atkal. Tā vietā teksta sākumā definējiet CSS klasi, lai katru reizi, kad vēlaties izmantot šo stilu, jūs varat piezvanīt klasei tikai ar vienu stenogrammu. Šeit ir piemērs, kas parāda dažus jaunus stila atribūta lietojumus:
    • Sadaļā HTML dokumenta ielīmējiet šo kodu:
    • Pēc tam teksta pamattekstā izmantojiet atribūtu, lai pievienotu šo stilu kā elementu. Piemēram,

      šo punktu

      tumši zaļš, liels kursīvs (ar roku rakstīts) fonts.
    • Ņemiet vērā, ka burtveidola aprakstam var izmantot jebkuru vārdu, nevis “iedomātā”.
    reklāma

Padoms

  • Jums vajadzētu mēģināt padarīt savu lapu viegli lasāmu. Gaišas teksta krāsas būs grūti nolasīt uz balta, un tumšas teksta krāsas būs grūti nolasīt uz melna.
  • Vecākos datoros tiek rādīts 65 000 krāsu ierobežojums, savukārt vecākos datoros 256 krāsu ierobežojums. Tomēr vairāk nekā 99% interneta lietotāju varēs redzēt jūsu norādīto krāsu.

Brīdinājums

  • Fontu elements netiek atbalstīts XHTML 1.0 Strict DTD standartā.