Kaip naudoti HTML teksto spalvų žymes

Autorius: Monica Porter
Kūrybos Data: 21 Kovas 2021
Atnaujinimo Data: 27 Birželio Birželio Mėn 2024
Anonim
How to Change Text Color in HTML
Video.: How to Change Text Color in HTML

Turinys

Šis straipsnis parodys, kaip pakeisti HTML dokumentų šrifto spalvą. Nors šriftų žymos HTML yra pasenusios, galite naudoti CSS, kad pridėtumėte spalvų prie HTML puslapio teksto. Jei naudojate senesnę HTML versiją, galite naudoti HTML šrifto žymą, jei reikia.

Žingsniai

1 metodas iš 2: naudokite HTML žymas

  1. Sukurkite šriftų žymes. Kortelių rinkinys priešais tekstą, kurio spalvą norite pakeisti. Padėkite uždarymo kortelę už teksto.
    • Toks kaip:
      Šis tekstas bus mėlynas.

  2. Pridėti spalvų atributus. Įdėti spalva = "" į šrifto atidarymo skirtuką. Norima spalva bus kabutėse.
    • Pavyzdžiui:
      spalva = ""Šis tekstas bus mėlynas.

  3. Pasirinkite spalvos pavadinimą. Spalvos pavadinimas visada yra vienas žodis be tarpų. Išbandykite ką nors paprasto, pavyzdžiui, „mėlyna“ (mėlyna), „raudona“ (raudona) arba aprašomąjį pavadinimą, pavyzdžiui, „šviesiai mėlyna“ arba „tamsiai mėlyna“ (tamsiai mėlyna). Norėdami rasti daugiau galimybių, ieškokite atpažintų spalvų raktinių žodžių sąrašo, kuriame yra „kaštoninė“ (tamsiai ruda), „plieno mėlyna“ (pilka žalia) ir „kalkė“ (šviesiai geltona).
    • Toks kaip:
      Šis tekstas bus mėlynas.

  4. Naudokite šešiakampius spalvų kodus. HTML leidžia pasirinkti iš milijonų spalvų, tačiau ne visos spalvos turi pavadinimą. Vietoj to jie naudoja šešių ženklų kodą, parašytą šešioliktainiu skaičiumi. Žiniatinklyje yra daugybė svetainių, kuriose pateikiami šešiakampių spalvų kodai arba leidžiama pasirinkti spalvą ekrane ir rodyti šešiakampę vertę. Šis kodas prasideda # ženklu ir turi šešis simbolius, įskaitant skaičius 0–9 arba raidę A – F.
    • Kodas # FF0000 reiškia raudoną spalvą.
    • Šis kodas sukuria žalią tekstą.
    • Šis kodas sukuria mėlyną tekstą.
  5. Eksperimentuokite su RGB reikšmėmis. Kad galėtumėte naudoti internetinį spalvų rinkiklį, neturite žinoti, kaip veikia šešiakampis spalvų kodavimas. Tačiau jei norite patirties, galite pradėti nuo pagrindų:
    • Kiekvienas šešių ženklų kodas yra padalintas į raudonos, žalios (žalios) ir mėlynos („RGB“) reikšmes. Pavyzdžiui, kodas # FF0000 reiškia „raudona: FF žalia: 00 mėlyna: 00“.
    • Norėdami pakeisti raudonos spalvos kiekį, pakeiskite pirmuosius du simbolius. Galite naudoti bet kokią vertę nuo 00 (be raudonos) iki 99 (šiek tiek raudonos) arba raides AA (rausvai) iki FF (didžiausias raudonos spalvos kiekis).
    • Naudokite tą pačią sistemą, jei norite pakeisti vertę į žalią (du viduriniai ženklai) arba mėlyną (du paskutiniai skaitmenys).
  6. Išsiaiškinkite šešiakampių spalvų kodus. Norėdami pasirinkti teisingą spalvą, turite žinoti šias dvi sąvokas:
    • Kas trys spalvų vertės yra du skaitmenys. Jei norite atlikti mažiau koregavimų, tiesiog pakeiskite antrąjį skaitmenį. Pavyzdžiui, # 850000 ir # 890000 yra gana panašūs, o # A50000 bus šiek tiek ryškesni.
    • Sujungtos RGB vertės yra lygios spalvų sistemai plius. Raudona ir žalia spalva taps geltona; mėlyna ir žalia forma yra žydra; Raudona ir mėlyna bus bordo spalvos.
    skelbimas

2 metodas iš 2: naudokite tiesioginį CSS elementą

  1. Įterpkite stiliaus atributą į HTML žymą. Savybės style = "" leidžia naudoti CSS HML dokumentuose. Štai paprastas būdas nustatyti šrifto spalvą, net jei nežinote apie CSS. Pabandykite nustatyti stiliaus atributą vienai iš HTML žymių:
    • P žyma naudojama norint identifikuoti teksto dalį.

    • Žyma naudojama kuriant nuorodą.
    • Spustelėkite žymes, kad nuspalvintumėte dalį pastraipos, nekeisdami formato.
  2. Spalvų žymėjimas. Įdėti spalva: su spalvos pavadinimu arba šešioliktainiu kodu kabutėse. Norėdami gauti daugiau informacijos apie pavadinimus ir spalvų kodus, žr. Aukščiau pateiktą metodą arba išbandykite šiuos pavyzdžius:
    • Šis kodas yra raudonas tekstas.
    • Šis kodas sukuria tamsiai alyvuogių žalią spalvą.
    • CSS palaiko 3 skaitmenų sutrumpinimą. Spalvos kodas 745 reiškia 774455.
  3. Naudokite CSS klases su šriftais, kuriuos dažnai naudojate. Jei norite stilizuoti kiekvieno paveikslėlio antraštę ar pavadinimą turiniui, esančiam dideliame tinklalapyje, jums nereikės vėl ir vėl įvesti viso kodo. Vietoj to, teksto pradžioje apibrėžkite CSS klasę, kad kiekvieną kartą, kai norite naudoti tą stilių, galite paskambinti klasei tik vienu trumpiniu. Štai pavyzdys, parodantis keletą naujų stiliaus atributo naudojimo būdų:
    • Skyriuje HTML dokumento, įklijuokite šį kodą:
    • Tada teksto tekste naudokite atributą, kad pridėtumėte šį stilių kaip elementą. Toks kaip,

      šią pastraipą

      tamsiai žalias, didelis kursyvinis šriftas.
    • Atminkite, kad šriftui apibūdinti galite naudoti bet kokį žodį, o ne „išgalvotas“.
    skelbimas

Patarimas

  • Turėtumėte pabandyti padaryti savo puslapį lengvai skaitomą. Šviesias teksto spalvas bus sunku perskaityti ant baltos spalvos, o tamsias teksto spalvas - ant juodos spalvos.
  • Senesniuose kompiuteriuose rodoma 65 000 spalvų riba, o senesniuose - 256 spalvų. Tačiau daugiau nei 99% interneto vartotojų galės pamatyti jūsų nurodytą spalvą.

Įspėjimas

  • Šrifto elementas nepalaikomas XHTML 1.0 Strict DTD standarte.