Verander die kleur van 'n lettertipe in html

Hierdie handleiding sal jou leer hoe om die kleur van `n lettertipe in jou HTML-dokument te verander. Alhoewel die `font`-merker in HTML5 afgekeur is, kan jy CSS gebruik om kleur by die teks van `n HTML-bladsy te voeg. As jy met `n ouer weergawe van HTML werk, kan jy die `font`-merker in HTML gebruik waar nodig.

Trappe

Metode 1 van 2: Gebruik CSS

Prent getiteld 122247 1 1
1. Kies `n kleur vir jou teks. Alhoewel jou verstekkleure (bv., "rooi") vir jou teks, moet jy `n HTML-kleurgenerator gebruik vir die meer genuanseerde skakerings:
  • Gaan nahttps://www.w3skole.com/colors/colors_picker.asp in jou rekenaar se webblaaier.
  • Kies die verstekkleur wat jy wil gebruik uit die seshoek bo-aan die bladsy.
  • Blaai na die skakering wat jy wil gebruik aan die regterkant van die bladsy.
  • Skryf die kode van ses syfers en letters regs van die gekose kleur neer.
Prent getiteld 122247 2 1
2. Maak jou HTML-dokument oop. Dit moet die dokument wees waarvoor jy die lettertipekleur wil verander.
Het nog nie `n HTML-dokument nie, maak eers een voor jy voortgaan.
Prent getiteld 122247 3 1
3. Soek die teks wat jy wil inkleur. Blaai deur jou dokument totdat jy die paragraaf, opskrif of ander deel van die teks kry wat jy wil inkleur.
Prent getiteld 122247 4 1
4. Let op die etikette van die teks. Byvoorbeeld, as dit `n kopskrif is, sal jy sien "
Prent getiteld 122247 5 1
5. Voeg die etikette by "kop" en "styl" voeg boaan die dokument by. tipe onder die etiket "↵ Tik in, tik onder die etiket "↵ Voer en tik die eindmerkers vir albei in. Die eindresultaat moet iets soos volg lyk:
Prent getiteld 122247 6 1
6. Tik die "kleur" styl tag. Klik in die spasie tussen die etikette "rooi vervang met jou gewenste kleurkode en "
Prent getiteld 122247 7 1
7. Bekyk jou dokument. Jou bladsyopskrif moet iets soos volg lyk:
Prent getiteld 122247 8 1
8. Het dieselfde kleur vir die `liggaam` teks. As jy alle teks in die liggaam van jou dokument dieselfde kleur wil maak, voer die volgende kode in, waar jy swart vervang met jou voorkeur-html-kleur:
liggaam {kleur: swart; }

Metode 2 van 2: Gebruik HTML-etikette

Prent getiteld 122247 9 1
1. Kies `n kleur vir jou teks. Alhoewel jou verstekkleure (bv., "rooi") vir jou teks, moet jy `n HTML-kleurgenerator gebruik vir die meer genuanseerde skakerings:
  • Gaan nahttps://www.w3skole.com/colors/colors_picker.asp in jou rekenaar se webblaaier.
  • Kies die verstekkleur wat jy wil gebruik uit die seshoek bo-aan die bladsy.
  • Blaai na die skakering wat jy wil gebruik aan die regterkant van die bladsy.
  • Skryf die kode van ses syfers en letters regs van die gekose kleur neer.
Beeld getiteld 122247 10 1
2. Maak jou HTML-dokument oop. Dit moet die dokument wees waarvoor jy die lettertipekleur wil verander.
Het nog nie `n HTML-dokument nie, maak eers een voor jy voortgaan.
Prent getiteld 122247 11 1
3. Soek die teks wat jy wil inkleur. Blaai deur jou dokument totdat jy die paragraaf, opskrif of ander deel van die teks kry wat jy wil inkleur.
Prent getiteld 122247 12 1
4. Voeg die beginmerker by "lettertipe" asseblief. Klik dadelik regs van die teks wat jy wil herkleur, en tik die volgende in (waar jy rooi vervang met jou gekose HTML-kleur):
Beeld getiteld 122247 13 1
5. sluit die "lettertipe" merker. Klik dadelik regs van die teks wat jy wil herkleur, en tik .

Wenke

  • `n Heksadesimale HTML-kleurkode bestaan ​​uit die volgende dele: Die eerste twee karakters verwys na die skakerings van rooi, die tweede na groen en die derde na blou. Jy kan enigiets van `00` tot `99` gebruik. om aan te dui hoeveel van elke kleur jy benodig -- `FF` is die maksimum waarde van daardie kleur (byvoorbeeld: "0000 FF" is suiwer blou).
  • Probeer om jou bladsy duidelik leesbaar te maak. Ligte kleure op `n ligte agtergrond is moeilik om te lees, so ook donker kleure op `n donker agtergrond.
  • Ou uitstallings is beperk tot ongeveer 65.000 kleure, en baie ou skerms is beperk tot 256 kleure. Meer as 99% van internetgebruikers sal egter enige kleur kan sien wat jy kies.

Waarskuwings

  • Die `font`-element word nie in XHTML 1 ondersteun nie.0 Streng DTD.

Оцените, пожалуйста статью