HTML- ում տառատեսակի գույնի պիտակների օգտագործման 3 եղանակ

Բովանդակություն:

HTML- ում տառատեսակի գույնի պիտակների օգտագործման 3 եղանակ
HTML- ում տառատեսակի գույնի պիտակների օգտագործման 3 եղանակ

Video: HTML- ում տառատեսակի գույնի պիտակների օգտագործման 3 եղանակ

Video: HTML- ում տառատեսակի գույնի պիտակների օգտագործման 3 եղանակ
Video: Ինչպե՞ս հասնել նպատակներին և դառնալ հաջողակ (5 պարզ քայլ) 2024, Ապրիլ
Anonim

Այս wikiHow- ը սովորեցնում է ձեզ, թե ինչպես փոխել տառատեսակի գույնը ձեր HTML փաստաթղթում: Թեև HTML տառատեսակի պիտակը հնացած է HTML5- ում, կարող եք օգտագործել CSS ՝ ձեր HTML էջի տեքստին գույն ավելացնելու համար: Եթե աշխատում եք HTML- ի ավելի հին տարբերակով, անհրաժեշտության դեպքում կարող եք օգտագործել HTML տառատեսակի գունային պիտակը:

Քայլեր

Մեթոդ 1 -ից 2 -ը ՝ CSS- ի օգտագործումը

122247 1 1
122247 1 1

Քայլ 1. Ընտրեք գույն ձեր տեքստի համար:

Թեև կարող եք օգտագործել հիմնական գույները (օրինակ ՝ «կարմիր») ՝ ձեր տեքստը գունավորելու համար, ձեզ հարկավոր է օգտագործել HTML գույնի գեներատոր ՝ ավելի նուրբ երանգների համար.

  • Գնացեք https://www.w3schools.com/colors/colors_picker.asp ձեր համակարգչի վեբ դիտարկիչում:
  • Ընտրեք հիմնական գույնը, որը ցանկանում եք օգտագործել էջի վերևի վեցանկյունում:
  • Ոլորեք դեպի այն ստվերը, որը ցանկանում եք օգտագործել էջի աջ կողմում:
  • Նկատի ունեցեք ստվերի աջ կողմում գտնվող վեց նիշանի կոդը:
122247 2 1
122247 2 1

Քայլ 2. Բացեք ձեր HTML փաստաթուղթը:

Սա պետք է լինի այն փաստաթուղթը, որի համար ցանկանում եք փոխել տառատեսակի գույնը:

Եթե դեռ HTML փաստաթուղթ չունեք, նախքան շարունակելը ստեղծեք այն:

122247 3 1
122247 3 1

Քայլ 3. Գտեք այն տեքստը, որը ցանկանում եք գունավորել:

Ոլորեք ձեր փաստաթղթով մինչև չգտնեք պարբերությունը, վերնագիրը կամ տեքստի այլ ձև, որը ցանկանում եք գունավորել:

122247 4 1
122247 4 1

Քայլ 4. Նշեք տեքստի պիտակները:

Օրինակ, եթե տեքստը վերնագիր է, կտեսնեք »

«դրա դիմաց.

122247 5 1
122247 5 1

Քայլ 5. Փաստաթղթի վերևում ավելացրեք «գլուխ» և «ոճ» բաժինները:

Դուք դա կանեք ՝ մուտքագրելով «» պիտակի տակ, սեղմելով ↵ Enter, մուտքագրելով «» պիտակի տակ, երկու անգամ սեղմելով ↵ Enter և երկուսի համար փակման պիտակներ մուտքագրելով: Ձեր վերջնական արդյունքը պետք է լինի այսպիսին.

     
122247 6 1
122247 6 1

Քայլ 6. Մուտքագրեք «գույն» ոճի պիտակը:

Կտտացրեք «» պիտակների միջև ընկած տարածությանը, ապա մուտքագրեք հետևյալ ծածկագիրը (համոզվեք, որ կարմիրը փոխարինեք ձեր գունային կոդով և

«այն տեքստի հետ, որը ցանկանում եք գունավորել):


{գույնը `կարմիր; }

122247 7 1
122247 7 1

Քայլ 7. Վերանայեք ձեր փաստաթուղթը:

Ձեր էջի վերնագիրը պետք է ունենա այսպիսի տեսք.

     
122247 8 1
122247 8 1

Քայլ 8. Միավորեք մարմնի տեքստի գույնը:

Եթե ցանկանում եք ձեր փաստաթղթի ամբողջ տեքստը դարձնել նույն գույնը, մուտքագրեք հետևյալ ծածկագիրը ՝ ձեր նախընտրած գույնը փոխարինելով սևով.

մարմինը {գույնը ՝ սև; }

Մեթոդ 2 -ից 2 -ը ՝ HTML պիտակների օգտագործումը

122247 9 1
122247 9 1

Քայլ 1. Ընտրեք գույն ձեր տեքստի համար:

Թեև կարող եք օգտագործել հիմնական գույները (օրինակ ՝ «կարմիր») ՝ ձեր տեքստը գունավորելու համար, ձեզ հարկավոր է օգտագործել HTML գույնի գեներատոր ՝ ավելի նուրբ երանգների համար.

  • Գնացեք https://www.w3schools.com/colors/colors_picker.asp ձեր համակարգչի վեբ դիտարկիչում:
  • Ընտրեք հիմնական գույնը, որը ցանկանում եք օգտագործել վեցանկյունում ՝ էջի վերևում:
  • Ոլորեք դեպի այն ստվերը, որը ցանկանում եք օգտագործել էջի աջ կողմում:
  • Նկատի ունեցեք ստվերի աջ կողմում գտնվող վեց նիշանի կոդը:
122247 10 1
122247 10 1

Քայլ 2. Բացեք ձեր HTML փաստաթուղթը:

Սա պետք է լինի այն փաստաթուղթը, որի համար ցանկանում եք փոխել տառատեսակի գույնը:

Եթե դեռ HTML փաստաթուղթ չունեք, նախքան շարունակելը ստեղծեք այն:

122247 11 1
122247 11 1

Քայլ 3. Գտեք այն տեքստը, որը ցանկանում եք գունավորել:

Ոլորեք ձեր փաստաթղթով մինչև չգտնեք պարբերությունը, վերնագիրը կամ տեքստի այլ ձևը, որը ցանկանում եք գունավորել:

122247 12 1
122247 12 1

Քայլ 4. Ավելացրեք բաց «տառատեսակ» պիտակը:

Սեղմեք տեքստի անմիջապես ձախ կողմում, որը ցանկանում եք գունավորել, այնուհետև մուտքագրեք հետևյալը (համոզվեք, որ կարմիրը փոխարինեք ձեր նախընտրած գույնով).

122247 13 1
122247 13 1

Քայլ 5. Փակեք «տառատեսակ» պիտակը:

Կտտացրեք տեքստը, որը գունավորում եք տեքստի վերջի աջ կողմում, այնուհետև մուտքագրեք այնտեղ:

Այս տեքստը կարմիր է:

Նմուշ HTML կոդ

Image
Image

HTML տառատեսակի գույնի կոդ

Տեսանյութ - Այս ծառայությունից օգտվելով ՝ որոշ տեղեկություններ կարող են կիսվել YouTube- ի հետ:

Խորհուրդներ

  • Փորձեք ձեր էջը դյուրընթեռնելի դարձնել: Պայծառ գույները դժվար է կարդալ սպիտակ ֆոնի վրա, իսկ մուգ գույները ՝ սև ֆոնի վրա:
  • HTML գույնի կոդերը բաժանված են հետևյալ կերպ. Առաջին երկու նիշերը վերաբերում են կարմիր երանգներին, երկրորդ երկուսը `կանաչին, իսկ վերջին երկուսը` կապույտին: Դուք կարող եք օգտագործել «00» - ից մինչև «99» - ը ՝ նշելու, թե յուրաքանչյուր գույնից որքան եք ուզում. թվի փոխարեն «FF» օգտագործելն այդ գույնի առավելագույն քանակն է (օրինակ ՝ «0000FF» - ը հնարավորինս կապույտ կլինի):
  • Հին համակարգչային դիսփլեյները սահմանափակվում են մոտ 65,000 գույներով, իսկ շատ հին ցուցադրումները `256 -ով: Այնուամենայնիվ, ինտերնետից օգտվողների ավելի քան 99% -ը կկարողանա տեսնել ձեր նշած ցանկացած գույն:

Խորհուրդ ենք տալիս: