Շեղ տառատեսակի պիտակ: HTML շեշտադրում. Տեքստը դարձրեք թավ, շեղ և գունավոր: Որոնք են css հատկությունները շեղ տեքստի համար
Ընթացիկ հոդվածում մենք կխոսենք այն մասին, թե ինչպես պետք է ընդգծել տեքստը: շեղատառերով HTML. Ինչպես թավ տեքստի դեպքում, այնպես էլ շեղ տեքստը կարելի է պատրաստել երեք եղանակով.
- Նշել ես HTML;
- Նշել em HTML;
- CSS հատկություն տառատեսակի ոճ.
Եկեք քննարկենք բոլոր երեք տարբերակները, թե ինչպես կարելի է շեղագիր գրել HTML-ում, քննարկենք այս հարցի նրբությունները և թե որ մեթոդներն են ավելի հարմար և ճիշտ օգտագործել որոշակի իրավիճակներում:
Շեղ տեքստ՝ պիտակ
Նշել ես(շեղ), պիտակի անալոգիայով բՀամար թավ տեքստ, օգտագործվում է շեղ տեքստը ֆիզիկապես ընդգծելու համար (նշանակում է, որ փոխվում է միայն տեքստի ոճը)։ Tag հավելված ես:
Կայքի ստեղծող «Nubex»
Այսպիսով, տեքստի ցանկալի հատվածը տեղադրվում է պիտակների միջև .
Շեղ տեքստ՝ պիտակ
Չնայած պիտակը եսմնում է ուժի մեջ, կայքի օպտիմալացման տեսանկյունից ավելի լավ է օգտագործել պիտակը emընդգծել տեքստի տրամաբանորեն կարևոր հատվածները: Սա նշանակում է, որ որոնման ռոբոտները հաշվի են առնում պիտակների միջև տեղադրված տեքստի կարևորությունը։ :
Կայքի ստեղծող «Նուբեքս»
Արդյունք:
Կայքի ստեղծող «Նուբեքս»
Բայց մի մոռացեք, որ տեքստը կցված է թեգերի մեջ եսԵվ em, թեև դրանք ցուցադրվում են գրեթե նույն կերպ (բոլոր ժամանակակից բրաուզերներում), դրանք ըստ էության այնքան էլ նույնական չեն, ինչպես նշվեց վերևում: Հետևաբար, անհրաժեշտության դեպքում անհրաժեշտ է օգտագործել պիտակներ em HTML-ը շրջանակում է տեքստի կարևոր հատվածները և կիրառում է տեսողական շեղ ոճավորում՝ օգտագործելով թեգ եսկամ CSS ոճերը: Այժմ տեսնենք, թե ինչպես օգտագործել CSS ոճերը տեքստը շեղելու համար:
Շեղ տեքստ CSS-ով
CSS-ում տառատեսակի ցուցադրման ոճերը սահմանելու համար օգտագործեք հատկությունը տառատեսակի ոճ, որը կարող է վերցնել արժեքները. թեք(շեղ տեքստ), շեղ(շեղագիր) և նորմալ(սովորական տառատեսակ):
Արժե հիշել դա շեղտառատեսակ և հակվածդրանք, ըստ էության, նույնը չեն: Շեղագիրհատուկ տառատեսակ է, որը նման է ձեռագիր տեքստին, և հակվածձևավորվում է սովորական տառատեսակը դեպի աջ թեքելով:
Հատկանիշի կիրառում տառատեսակի ոճգործնականում.
Մեր կայքերը իսկապես հսկայական քայլվեբ մշակման մեջ:
Մենք դա անում ենք իրականում որակկայքեր.
Բայց դուք պետք է հիշեք, որ որոշ բրաուզերներ տեքստ են գրում սեփականության հետ տառատեսակի ոճը՝ թեք;կարող է մեկնաբանվել ոչ թե որպես շեղ տեքստ, այլ որպես շեղ:
Բարև սիրելի բլոգի ընթերցողներ: Այս հոդվածը կխոսի տեքստի ձևաչափման պիտակներ. Ակնառու օրինակներ են տեքստի թավ կամ շեղ ձևավորումը: Կդիտարկենք նաև որոշ թեգերի ազդեցությունը կայքի ներքին օպտիմալացման և դրանք գրելու կանոնների վրա։ Այդ մասին կարող եք կարդալ ստորև ներկայացված հոդվածում։ Ի դեպ, տեքստի ձևավորման նմանատիպ տարրեր կարող եք գտնել բազմաթիվ տեքստային խմբագրիչներում, օրինակ՝ Word-ում։
Թեգերը բաժանվում են 2 տեսակի՝ բլոկ և ներդիր։ Առաջինն օգտագործելիս կարող եք փոխել տեքստի մի մասի բովանդակությունը (տողեր, առանձին հատվածներ կամ բառեր), իսկ վերջինները՝ . Ձևաչափման պիտակները, որոնք մենք կանդրադառնանք այս հոդվածում, հիմնականում ներդիր են:
Թեգերի գրման կանոններն ու կարգը
Դուք արդեն գիտեք, թե ինչ են բացման և փակման պիտակները: Եթե ոչ, ապա կարդացեք հոդվածը այս նյութի հենց սկզբում: Մի խոսքով, կան երկու տեսակի պիտակներ՝ միայնակ (օրինակ՝ տողերի ընդմիջում) և կոնտեյներ (զույգված): Այսպիսով, տեքստի ձևաչափման բոլոր թեգերն են զուգավորված. Սա նշանակում է, որ ցանկացած տարր ունի բացման և փակման պիտակ, և ընդգծումը պետք է տեղադրվի նրանց միջև: Օրինակ, արտահայտության ճիշտ ընտրությունը կունենա հետևյալ տեսքը. Ընտրություն
Երբ զննարկիչը մշակում է այս հատվածը, կտեսնեք հետևյալ տեքստը. Ընտրված հատված.Ի դեպ, բոլոր պիտակները չեն ցուցադրվում RSS հոսքում ():
Թեգերը գրելիս գլխավորը չմոռանալ փակել դրանք։ Հակառակ դեպքում, էջի ամբողջ տեքստը կլինի թավ (պիտակով օրինակում ) Բայց կան դեպքեր, երբ անհրաժեշտ է ընտրել որոշակի հատված միաժամանակ և՛ թավ, և՛ շեղ տառերով: Բայց այս գործողությունը կատարող պիտակ չկա: Այս իրավիճակից միայն մեկ ելք կա՝ միաժամանակ օգտագործեք երկու թեգ: Կարևոր չէ, թե ինչ հերթականությամբ եք դրանք օգտագործում։ Հետևաբար, տեքստը գրելով հետևյալ պիտակներով.
Ընտրություն
կամ այսպես.
Ընտրություն
Դու դեռ ստանում ես Ընտրություն շեղ և միևնույն ժամանակ համարձակ: Սակայն նախընտրելի է օգտագործել առաջին տարբերակը, քանի որ ի սկզբանե այն միակն էր ու ճիշտը։ Նաև մի մոռացեք, որ յուրաքանչյուր զննարկիչ կարող է տարբեր կերպ մշակել պիտակները (), կախված պարամետրերից: Հիմա եկեք անցնենք հենց ձևաչափման պիտակներին:
Տեքստը դարձնելով թավ և շեղ - թեգեր , , Եվ
Տեքստի ձևաչափման ամենահայտնի պիտակները՝ ընդգծելով այն համարձակԵվ շեղատառերով. Սովորաբար դրանք օգտագործվում են ցանկացած բեկորին կարևորություն տալու համար։ Առաջին դեպքը ծառայում է պարունակող հատվածի ընտրությանը օգտակար տեղեկատվությունկամ հիմնաբառեր: Շեղատառերը ծառայում են նույն նպատակին, ինչ թավ տեքստը, սակայն տեղեկատվությունը պակաս կարևոր է, քանի որ շեղատառերը ավելի քիչ տեսանելի են հիմնական տեքստի ֆոնի վրա, քան թավ տեքստը:Սկսենք նրանից տեքստը թավ դարձնելով. Այս գործողության համար օգտագործվում են երկու պիտակներ − Եվ . Տարբերությունները մեջ տեսքըՈչ Չնայած, հաշվի առնելով, որ յուրաքանչյուր զննարկիչ կարող է տարբեր կերպ մեկնաբանել յուրաքանչյուր տարր, դուք պետք է կարողանաք տեսնել որոշ տարբերություններ: Ահա թե ինչ տեսք ունի պիտակների տեքստը Եվ զննարկչի կողմից արդեն մշակված ձևով.
Տեքստը ուժեղ պիտակներով
Տեքստը b թեգերում
Եվ ահա, թե ինչ տեսք ունեն այս երկու տողերը էջի սկզբնական կոդում.
Տեքստը ուժեղ պիտակներով Տեքստը b թեգերում
Նույն իրավիճակը կարող ենք դիտարկել նաև դեպքում շեղ պիտակներ Եվ . Փորձեք գտնել տարբերությունները երկու օրինակների միջև.
Տեքստ em tags-ում
Տեքստը թեգերում I
Եվ ահա աղբյուր:
Տեքստ em tags-ում Տեքստը թեգերում I
Այսպիսով, ընտրության դիտարկված թեգերը թավ և շեղ տառերով իրականում չեն տարբերվում, բայց ինչու՞ է մեզ անհրաժեշտ, օրինակ, պիտակը եթե կա ? Ի վերջո, վերջինս պարունակում է ընդամենը մեկ նիշ (չհաշված փակագծերը) և, հետևաբար, ավելի հեշտ է գրել։ Եվ բանն այն է, որ պիտակները Եվ ազդել. Եթե դուք շրջապատում եք հիմնաբառերը այս պիտակներով, դա դրական ազդեցություն կունենա կայքի առաջխաղացման վրա: Հիմնական բանը չանցնել այն. տեքստը պետք է ունենա առավելագույնը 5% թավ տեքստ պիտակի մեջ: , և նույնքան շեղ տառեր պիտակի մեջ .
Եթե դուք պարզապես ցանկանում եք ընդգծել տեքստի ինչ-որ կետ, ապա օգտագործեք պիտակը կամ . Ընդհանրապես, կարծում եմ, որ որոնողական համակարգերը նույնպես ավելի կարևոր են համարում այս թեգերի տեքստը, բայց շարունակ ներքին օպտիմալացումդրանք դեռ ավելի քիչ ազդեցություն ունեն, քան Եվ .
Նշեք տեքստի կտրվածքի պիտակները − , Եվ
Հիմա եկեք տեսնենք մի քանի պիտակներ, որոնք օգտագործում են հարված տեքստի ձևավորման մեջ: Ձեզ համար ամենահայտնին տեքստային խմբագիրներ — հատկորոշել
կամ ընդգծել. Այս թեգը չի ազդում վարկանիշի վրա (որքան գիտեմ), բայց դա կօգնի ընդգծել որոշ տեքստ և կենտրոնանալ դրա վրա: Ես օրինակ բերեցի այս թեգը մի փոքր ավելի բարձր օգտագործելու օրինակ։ Եվս երկու նմանատիպ պիտակներ - Եվ . Երկուսն էլ կատարում են գծանշման տեքստի գործառույթը։ Դուք կարող եք օգտագործել այս թեգը ցանկացած իրավիճակում. եթե դուք թարմացնում եք փաստաթուղթը (ավելի ճիշտ դրա մի մասը), կարող եք հատել հինը և ավելացնել նորը; եթե պատրաստվում եք գրել ինչ-որ բան, որը շեղվում է նյութի թեմայից. մի բան, որը չի համապատասխանում բարոյական և էթիկական չափանիշներին:
Այս երկու թեգերի տարբերությունները միայն դրանց մեջ են գրելը, որի արդյունքում նախընտրելի է օգտագործել առաջինը, քանի որ նախ՝ գրելն ավելի հարմար է, երկրորդ՝ ձեր էջում ավելի քիչ HTML կոդ կլինի, և որոնիչները սիրում են դա։
Նշել և ատրիբուտներ՝ տեքստի տառատեսակի կարգավորումներ
Այժմ հաշվի առեք մի պիտակ, որը չի օգտագործվում առանց ատրիբուտների: Դրանով դուք կարող եք պարամետրեր սահմանել տեքստի որոշակի հատվածի համար: Ընդհանուր առմամբ, այժմ նախընտրելի է օգտագործել (կասկադային ոճային թերթիկներ), քանի որ օգտագործելով դրանք, դուք կարող եք մեծապես նվազեցնել էջի ամբողջ HTML կոդը: Այսպիսով, հաշվի առեք նույն պիտակը . Նրա համար ամեն ինչ կա երեք հատկանիշ.
- դեմքը- ինքնին տառատեսակը: Օրինակ, Arial, Courier կամ Verdana: Դուք կարող եք թվարկել մի քանիսը, քանի որ. ոչ բոլոր օգտատերերն ունեն տառատեսակների ընդարձակ շարք, և մի քանիսը դեմքի հատկանիշում գրելով՝ զննարկիչը կկարողանա ընտրել, թե որն է օգտագործել, ավելի ճիշտ՝ որն է առկա համակարգում.
- չափըհատկանիշ է, որը սահմանում է տեքստի չափը: Այն կարող է արտահայտվել ինչպես կամայական միավորներով, այնպես էլ պիքսելներով.
- գույն- տեքստի գույնը: Այս հատկանիշը կարող է օգտագործվել ինչպես HTML գունային կոդերում, այնպես էլ բանավոր: Առաջինները նման են #FFFFFF (որտեղ F-ը ցանկացած թիվ կամ տառ է A-ից մինչև F), մինչդեռ երկրորդները գրված են պարզ բառերով(օրինակ, կարմիր - կարմիր):
Ահա թե ինչ տեսք ունի պիտակի տեքստը օգտագործելով յուրաքանչյուր հատկանիշ.
Այս տեքստը 6px է
Այս տեքստը կարմիր է Այս տեքստը Arial տառատեսակով է Այս տեքստը կարմիր է և 5px չափի:Եվ ահա թե ինչ կտեսնեք գրված կոդը մշակելուց հետո. 
Բլոկի տեքստի ձևավորման տարրեր - վերնագրեր -, պարբերություն
, պարբերություն
Ի վերջո, մենք կանդրադառնանք բլոկի տարրերին, որոնք օգտագործվում են գրեթե յուրաքանչյուր փաստաթղթում: Սրանք վերնագրերի և պարբերությունների պիտակներ են: Դիտարկենք առաջինը. Վերնագրերը գալիս են 6 տեսակի և յուրաքանչյուրն ունի իր սեփական պիտակը: Յուրաքանչյուր տեսակ ունի միայն իր սերիական համարը և գրանցվում է պիտակների միջոցով:
, ,..., . Ահա թե ինչ տեսք ունեն բոլոր վերնագրերը մշակելիս.
. Ահա թե ինչ տեսք ունեն բոլոր վերնագրերը մշակելիս.
Վերնագրի բառից հետո թիվը համապատասխանում է պիտակի թվին
Այժմ խոսենք պարբերության ընտրության պիտակի մասին
Այս պիտակի գործառույթն է դատարկ տողով տեքստը բաժանել նմանատիպ այլ տեքստերի միջև: Եթե նայեք որևէ փաստաթղթի աղբյուրի կոդը, կարող եք տեսնել հետևյալը.
Կանաչ ուղղանկյունները պարունակում են մեկ պարբերություն, կարմիր ուղղանկյունները՝ մեկ այլ պարբերություն։ Եվ ահա, թե ինչպես է այս կոդը նայում զննարկչի կողմից մշակվելուց հետո (սլաքը ցույց է տալիս դատարկ գիծ).
Արդյունքում մենք ստանում ենք մի պարբերության բավականին նկատելի տարանջատում մյուսից, ինչը ձեռնտու է՝ կարդալն ավելի հարմար է դառնում։
Այս մասին հոդվածի վերջն է փաստաթղթերի ձևաչափման պիտակներ. Կան շատ ավելին, քան ես նկարագրել եմ այս հոդվածում: Պարզապես ոմանց պետք է բավականին շատ ասել, ինչի արդյունքում նրանց կնվիրվեն առանձին հոդվածներ՝ ամբողջական ակնարկով։!
կամ ուսումնասիրել թեգերը, որոնք ֆորմատավորում են HTML տեքստը
Ձեր ուշադրությունը ներկայացվում է ձեռնարկի հիմնական և ամենապարզ դասերից մեկին:
- HTML տեքստինտերնետ էջերի մեծ մասի հիմնական բաղադրիչն է:
- Հիմնաբառերով HTML էջի մարմնումօգտվողները կարող են գտնել ձեր կայքը:
- HTML տեքստկարող է լինել ցանկացած չափի և գույնի, որը ցանկանում եք: Կարող եք նաև սահմանել տառատեսակի տեսակը և դրա ծավալը:
- HTML տառատեսակի չափըսովորաբար սահմանվում է պիքսելներով:
- HTML տեքստի ձևաչափումլայնորեն տարածված, օգտագործվում են ֆորմատավորման պիտակներ։
Տես ներքեւում թեգեր, որոնք ձևավորում են HTML տեքստը:
- պիտակներ → համարձակ HTML տեքստ(թավ տառատեսակ):
- պիտակներ → համարձակ HTML տեքստ(թավ տառատեսակ):
- պիտակներ → միատարածություն HTML տեքստ(monospace տառատեսակ):
- պիտակներ
- պիտակներ → միատարածություն HTML տեքստ(monospace տառատեսակ):
- պիտակներ → HTML տեքստ, չափը սովորականից մեծ է (մեծ տառատեսակ)։
- պիտակներ → HTML տեքստ, չափը սովորականից փոքր է (փոքր տպագիր)։
- պիտակներ → թեք HTML տեքստ(շեղ տառատեսակ):
- պիտակներ → թեք HTML տեքստ(շեղ տառատեսակ):
- պիտակներ → թեք HTML տեքստ(շեղ տառատեսակ):
- պիտակներ → ընդգծված HTML տեքստ(ընդգծված տառատեսակ):
- պիտակներ
- պիտակներ → HTML տեքստ(տառատեսակ) ենթատեքստով:
- պիտակներ → HTML տեքստ(տառատեսակ) վերնագրով:
HTML տեքստի ձևաչափում. գծանշված, ընդգծված տեքստ
Արդյունք՝ ... monospace տառատեսակ
Արդյունք․․․․ տառաչափը սովորականից մեծ
Արդյունք: ... շեղ տառատեսակ
Արդյունք՝ տառատեսակ տեքստ (տառատեսակ)
Արդյունք՝ վերնագիր
C Վերևում ներկայացված ձևաչափման մեթոդները պետք է օգտագործվեն միայն տեքստի փոքր հատվածների համար: վայելել cssեթե ցանկանում եք որոշակի տառատեսակ սահմանել ամբողջ էջի համար, կամ, օրինակ, մի քանի տողերի համար։
html-ում տառաչափը կարևոր դեր է խաղում։ Այն հրավիրում է օգտագործողի ուշադրությունը կարեւոր տեղեկություններտեղադրված է կայքի էջում։ Թեեւ կարեւոր է ոչ միայն տառերի չափը, այլեւ դրանց գույնը, հաստությունը եւ նույնիսկ ընտանիքը։
Թեգեր և ատրիբուտներ html տառատեսակների հետ աշխատելիս
Հիպերտեքստային լեզուն ունի տառատեսակների հետ աշխատելու գործիքների մեծ փաթեթ: Ի վերջո, տեքստի ձևաչափումը html-ի հիմնական խնդիրն է:
HTML լեզվի ստեղծման պատճառը բրաուզերների կողմից տեքստի ֆորմատավորման կանոնների ցուցադրման խնդիրն էր։
Դիտարկենք այն թեգերը, որոնք օգտագործվում են html-ում տառատեսակների հետ աշխատելու համար և դրանց ատրիբուտները: Հիմնականը պիտակն է . Օգտագործելով դրա ատրիբուտների արժեքները, կարող եք սահմանել տառատեսակի մի քանի բնութագրեր.
- գույն - սահմանում է տեքստի գույնը;
- չափը – տառաչափը սովորական միավորներով:
Աջակցվում է 1-ից 7-ի դրական հատկանիշի արժեքը:
- դեմք - օգտագործվում է տեքստի տառատեսակի ընտանիքը սահմանելու համար, որը պետք է օգտագործվի պիտակի ներսում . Աջակցվում են բազմաթիվ արժեքներ՝ բաժանված ստորակետերով:
Ձևաչափվում է միայն այն տեքստը, որը գտնվում է զուգակցված տառատեսակի պիտակի մասերի միջև:Տեքստի մնացած մասը ցուցադրվում է լռելյայն տառատեսակով:
Նաև html-ում կան մի շարք զուգակցված պիտակներ, որոնք սահմանում են միայն մեկ ձևաչափման կանոն։ Դրանք ներառում են.
- - սահմանվում է html-ում համարձակ տառատեսակ. Նշել գործողությամբ նման է նախորդին;
- - չափը ավելի մեծ է, քան լռելյայն;
- - ավելի փոքր տառաչափ;
- - շեղ տեքստ (շեղ): Նմանատիպ պիտակ ;
- - տեքստ ընդգծումով;
- խաչված;- — տեքստի ցուցադրում միայն փոքրատառով.
- - մեծատառով.
պարզ տեքստ
Մանրապատկեր
Մանրապատկեր
Սովորականից ավելին
Սովորականից քիչ
Շեղագիր
Շեղագիր
Ընդգծումով
Strikethrough
Ոճի հատկանիշի հնարավորություններ
Բացի նկարագրված թեգերից, html-ում տառատեսակը փոխելու ևս մի քանի եղանակ կա: Դրանցից մեկն է օգտագործել ընդհանուր ոճ հատկանիշը: Օգտագործելով դրա հատկությունների արժեքները, կարող եք սահմանել տառատեսակի ցուցադրման ոճը.
1) font-family - հատկությունը սահմանում է տառատեսակների ընտանիքը: Հնարավոր է թվարկել բազմաթիվ արժեքներ։
html-ի տառատեսակը հաջորդ արժեքով փոխելը տեղի կունենա, եթե նախորդ ընտանիքը սահմանված չէ օպերացիոն համակարգօգտագործող.
Գրելու շարահյուսություն.
տառատեսակի ընտանիք՝ տառատեսակի անուն [, տառատեսակի անուն[, ...]]
2) font-size - չափը սահմանվում է 1-ից 7: Սա html-ում տառատեսակի մեծացման հիմնական ուղիներից մեկն է:
Գրելու շարահյուսություն.
տառաչափ՝ բացարձակ չափ | հարաբերական չափը | արժեքը | տոկոսներ | ժառանգել
Կարող եք նաև սահմանել տառատեսակի չափը.
- Փիքսելներով;
- Բացարձակ մեծությամբ ( xx-փոքր, x-փոքր, փոքր, միջին, մեծ);
- Տոկոսներով;
- Կետերում (pt).
տառաչափ՝ 7
տառատեսակի չափը՝ 24px
Տառատեսակի չափը՝ x-large
տառատեսակի չափը՝ 200%
տառաչափ՝ 24 pt
3) տառատեսակի ոճ - սահմանում է տառատեսակի ոճը: Շարահյուսություն:
տառատեսակի ոճը՝ նորմալ | շեղ | թեք | ժառանգել
Արժեքներ:
- նորմալ - նորմալ ուղղագրություն;
- շեղ - շեղ
- թեք - աջ թեքությամբ տառատեսակ;
- ժառանգել - ժառանգում է մայր տարրի ուղղագրությունը:
Օրինակ, թե ինչպես փոխել տառատեսակը html-ում՝ օգտագործելով այս հատկությունը.
տառատեսակի ոճը՝ ժառանգել
տառատեսակի ոճը՝ շեղ
տառատեսակի ոճը՝ նորմալ
font-style:շեղ
4) font-variant - բոլոր մեծատառերը վերածում է մեծատառերի: Շարահյուսություն:
տառատեսակ-տարբերակ՝ նորմալ | փոքր գլխարկներ | ժառանգել
Օրինակ, թե ինչպես փոխել տառատեսակը html-ում այս հատկությամբ.
տառատեսակ-տարբերակ՝ ժառանգել
տառատեսակ-տարբերակ:նորմալ
font-variant:small-caps
5) font-weight - թույլ է տալիս սահմանել տեքստի գրության հաստությունը (հագեցվածությունը): Շարահյուսություն:
տառատեսակ-քաշը՝ թավ|ավելի համարձակ|թեթև|նորմալ|100|200|300|400|500|600|700|800|900
Արժեքներ:
- bold - սահմանում է html տառատեսակը bold;
- համարձակ - ավելի համարձակ համեմատ նորմալ;
- ավելի թեթև - նորմալի համեմատ ավելի քիչ հագեցած;
- նորմալ - նորմալ ուղղագրություն;
- 100-900 - սահմանում է տառատեսակի հաստությունը թվային առումով:
տառատեսակ-քաշ՝ թավ
font-weight:ավելի համարձակ
տառատեսակի քաշը՝ ավելի թեթև
տառատեսակ-քաշ՝ նորմալ
տառատեսակի քաշը՝ 900
տառատեսակի քաշը՝ 100
տառատեսակի հատկությունը և html տառատեսակի գույնը
Տառատեսակը կոնտեյների մեկ այլ հատկություն է: Ներքին, այն միավորում էր մի քանի հատկությունների արժեքները, որոնք նախատեսված են տառատեսակները փոխելու համար: Տառատեսակի շարահյուսություն.
տառատեսակ՝ տառաչափի չափ տառատեսակ-ընտանեկան | ժառանգել
Նաև համակարգի կողմից օգտագործվող տառատեսակները տարբեր հսկիչների պիտակներում կարող են սահմանվել որպես արժեք.
- վերնագիր - կոճակների համար;
- պատկերակ - սրբապատկերների համար;
- մենյու - մենյու;
- հաղորդագրություն-արկղ - երկխոսության տուփերի համար;
- փոքր վերնագիր - փոքր հսկիչների համար;
- status-bar - կարգավիճակի տառատեսակ:
տառատեսակ:պատկերակ
տառատեսակ:վերնագիր
տառատեսակ: մենյու
տառատեսակ:հաղորդագրություն-արկղ
փոքր վերնագիր
տառատեսակ:status-bar
Նոր Ռոման", Times, serif">font:italic 50px bold "Times New Roman", Times, serif
Տառատեսակի գույնը html-ում սահմանելու համար կարող եք օգտագործել գույնի հատկությունը։ Այն թույլ է տալիս սահմանել գույնը, ինչպես հիմնաբառ, և rgb ձևաչափով։ Եվ նաև տասնվեցական կոդի տեսքով։
Ողջույններ ընկերներ:
Հերթական երկար ընդմիջումից հետո հիշեցի, որ վաղուց տող չեմ գրել։ Իհարկե, դրա համար կան պատճառներ, քանի որ միշտ ինչ-որ պատճառ կա ինքներդ ձեզ համար արդարացումներ գտնելու համար, այնպես չէ՞: Իրականում ամեն օր անում եմ Video Course-ը, որի մասին արդեն մի երկու անգամ նշել եմ, բայց առայժմ դրա մասին ավելին չեմ ասի, շուտով ամեն ինչ կիմանաք։
Այնպես որ, քանի որ մտքովս չի անցել, ինչի մասին կարող ես գրել։ Ես որոշեցի նայել վիճակագրությունը, թե ինչ հետաքրքրություններ ունեն Runet-ի օգտատերերը՝ կապված HTML-ի, WordPress-ի, DLE-ի և նմանատիպ թեմաների հետ։ Իսկ գիտե՞ք ինչ. Գրելու ավելին կա: Բոլոր հարցերը, որոնք ես գտա, կարծես թե ունեն պատասխաններ, բայց ոչ միշտ հասկանալի ձևով: Եվ ընդհանրապես հետաքրքիր դարձավ նման բան գրելը։
Եկեք այսօր խոսենք HTML-ի մասին: Մասնավորապես, ինչպես տեքստը դարձնել համարձակ և շեղ, ինչպես նաև խոսել ընդգծման մասին:
Տեքստը թավ դարձրեք:
Տեքստը համարձակ դարձնելու համար ձեզ հարկավոր չէ որևէ բանով խելացի լինել: css ոճերըկամ հանդես գալ որոշ այլ բարդություններով: HTML-ն արդեն ունի այս հնարավորությունը: Միևնույն ժամանակ, մենք կարող ենք ոչ միայն տեքստը դարձնել համարձակ, այլ նաև ընտրության օգնությամբ որոշակի շեշտադրումներ կատարել դրա վրա։ Շեշտը կարելի է դնել որոնման համակարգերկամ որևէ հատուկ բրաուզեր կամ ծրագիր: Հիմնական բանը չպետք է չափազանցել հոդվածում կամ ինչ-որ տեղեկատվություն պարունակող էջի վրա տեքստի շեշտադրմամբ, քանի որ դա կարող է վնասակար ազդեցություն ունենալ առնվազն այս HTML էջի առաջխաղացման վրա:
Այսպիսով, տեքստը պարզապես համարձակ դարձնելու համար մենք կարող ենք օգտագործել պիտակը . Այս պիտակը վերաբերում է ֆիզիկական նշագրման տարրերին, մինչդեռ տեքստը սահմանում է որպես թավ, առանց դրա վրա որևէ շեշտադրման: Այս թեգը զուգակցված է, ինչը նշանակում է, որ այն ունի և՛ բացման, և՛ փակման պիտակ: Բացի այդ, քանի որ տարրը ներկառուցված է, այն պետք է լինի բլոկի մակարդակի տարրում, ինչպիսին է
Կոդի օրինակ.
մանրապատկեր
Արդյունք:
մանրապատկեր
Տվյալ դեպքում մենք պարզապես տեքստը դարձրեցինք համարձակ և վերջ։
Բայց պատահում է, որ մեզ պետք է ոչ միայն ընդգծել տեքստը, այլ կենտրոնանալ դրա վրա: Դրա համար մենք կարող ենք օգտագործել տրամաբանական նշագրման պիտակը . Ոչ միայն այս պիտակով ընդգծված տեքստն ավելի մեծ կշիռ ունի որոնման համակարգերի համար: Բայց տեսականորեն այն պետք է տարբերվի պիտակից խոսքի բրաուզերներում, ինչպիսիք են ինտոնացիան: Սակայն ոչ հաստատել, ոչ հերքել կարող եմ այս տեղեկությունը, Այդպե՞ս է։
Այս դեպքում ամեն ինչ ճիշտ նույնն է, ինչ գործի դեպքում, պարզ ընտրությամբ թավով, միայն մենք շեշտադրում ենք անում, և ոչ միայն ընտրություն:
Կոդի օրինակ.
Արդյունք:
Ամեն ինչ բավականին պարզ է, այնպես չէ՞:
Շեղեք տեքստը:
Այս դեպքում ամեն ինչ ավելի բարդ չէ, քան առաջինում։ Եվ մեր վիճակը ճիշտ նույնն է. Մենք կարող ենք ընդգծել տեքստը երկու տարբերակով HTML-ում: Կրկին օգտագործելով ֆիզիկական նշագրման թեգ կամ տրամաբանական նշագրման թեգ, որի օգնությամբ մենք կրկին կենտրոնանում ենք ընտրված տեքստի վրա:
Տեքստը շեղ դարձնելու համար մենք օգտագործում ենք պիտակը . Այս տարրը զուգակցված է և ներկառուցված, ինչը մեզ հուշում է, որ մենք պետք է օգտագործենք և՛ բացման, և՛ փակման պիտակը: Եվ նաև այն պետք է օգտագործվի բլոկի տարրի ներսում: Եվ այս դեպքում ամենահարմար բլոկի տարրը պարբերության թեգն է։
Կոդի օրինակ.
տեքստը շեղատառով
Արդյունք:
տեքստը շեղատառով
Եվ իհարկե, մենք կարող ենք միաժամանակ ընդգծել տեքստը՝ այն շեղապատկելով՝ օգտագործելով թեգը . Այս տարրըինչպիսիք են , բացառությամբ, որ տեքստը թավի փոխարեն շեղված է:
Կոդի օրինակ.
տեքստը, որի վրա կենտրոնացել ենք
Արդյունք:
տեքստը, որի վրա կենտրոնացել ենք
Եվ վերջին բանը, որի մասին կցանկանայի խոսել այսօր, տեքստը գույնով ընդգծելն է:
Ցավոք, մենք չունենք պիտակ՝ HTML-ում գույնով տեքստը ընդգծելու համար: Բայց, այնուամենայնիվ, այս մեթոդում ոչ մի բարդ բան չկա:
Այսպիսով, տեքստի որոշակի հատվածը գույնով ընդգծելու համար մենք կարող ենք տեքստի ցանկալի մասը փաթաթել պիտակով. , որը ընդհանուր թեգ է և օգտագործվում է բլոկի տարրի ներսում։ Մեր դեպքում բլոկի տարրը պիտակն է Բայց ավելացրեք բավարար չէ. Դուք նաև պետք է նշեք ոճի պարամետրը, որը թույլ է տալիս ավելացնել CSS հատկություններանհրաժեշտ տեքստը, նշեք ինքնին սեփականությունը (գույնը), որը կօգնի որոշակի գույն սահմանել: Եվ վերջապես, տրամադրեք արժեք գույնի հատկության համար: Բայց կարող է հարց առաջանալ. «Ի՞նչ նշել»: Դուք պետք է նշեք այն գույնի HTML կոդը, որով մենք ցանկանում ենք «ներկել» տեքստը: HTML գունային կոդերը կարելի է գտնել: Այժմ, որպեսզի ավելի պարզ լինի, եկեք նայենք մի օրինակի: Կոդի օրինակ.
տեքստ՝ ընդգծելու համար գույն
Այս դեպքում մենք առանձնացնում ենք մեկ բառ՝ գույն։ Ուզում եմ նաև նշել, որ զույգ է, և մենք պետք է փակենք այն այնտեղ, որտեղ պետք է ավարտվի գույքը:
Արդյունք:
տեքստ՝ ընդգծելու համար
Նման պարզ ձևերով մենք կարող ենք շահարկել մեր էջի տեքստը: Ուզում եմ նաև նշել, որ այն ամենը, ինչի մասին մենք հենց նոր խոսեցինք, աշխատում է ինչպես WordPress-ի, այնպես էլ DLE-ի վրա, քանի որ ցանկացած շարժիչ օգտագործում է HTML էջերը ցուցադրելու համար: Այդ իսկ պատճառով HTML-ը կարելի է անվանել ցանկացած կայքի հիմք՝ անկախ նրանից, թե ինչ CMS ունեք։
Հուսով եմ, որ ամեն ինչ պարզ բացատրել եմ։
Հաջողություն ընկերներ: Շուտով... Հետաքրքիր նորություններ կլինեն...
