Ինչպես html-ում թվին ինդեքս ավելացնել: Html-ն այն է, թե ինչպես պատրաստել տեքստը մեծատառով css

HTML պիտակներ և - Բաժանորդագրման և վերնագրի տեքստի սահմանում և օգտագործում

Պիտակը սահմանում է ենթատեքստի տեքստը: Ենթագծային տեքստը բարձրության կեսն է և հայտնվում է բազային գծի տակ: Միջգծային տեքստը կարող է օգտագործվել քիմիական բանաձևեր գրելիս, օրինակ՝ H 2 O:

Պիտակը նշում է վերնագրի տեքստը: Գերգրառման տեքստը բարձրության կեսն է և հայտնվում է բազային գծի վերևում: Գերգրառման տեքստը կարող է օգտագործվել ծանոթագրություններ գրելիս, օրինակ՝ WWW:

Բրաուզերի աջակցություն

Պիտակներն աջակցվում են բոլոր հիմնական բրաուզերների կողմից:

Տարբերությունները HTML-ի և XHTML ստանդարտ հատկանիշների միջև

DTD սյունակում նշվում է, թե որ փաստաթղթում է թույլատրված HTML 4.01/XHTML 1.0 DTD հատկանիշը: S=Խիստ, T=Անցումային և F=Շրջանակային հավաքածու:

Պիտակներն աջակցում են հետևյալ ստանդարտ հատկանիշներին.

Հատկանիշի արժեքի նկարագրություն DTD

դաս	դասի_անուն	Նշում է տարրի դասի անվանումը	STF
ռեժ	rtl լտր	Նշում է տարրի բովանդակության տեքստի ուղղությունը	STF
id	նույնացուցիչ	Նշում է տարրի եզակի նույնացուցիչ	STF
լեզու	լեզու_կոդ	Նշում է տարրի բովանդակության լեզվի կոդը	STF
ոճը	ոճ_սահմանում	Նշում է տարրի ներդիր ոճը	STF
վերնագիր	տեքստը	Ցույց է տալիս լրացուցիչ տեղեկություններտարրի մասին	STF
xml: lang	լեզու_կոդ	Սահմանում է XHTML փաստաթղթերում տարրերի բովանդակության լեզվական կոդը	STF

Լրացուցիչ տեղեկություններ ստանդարտ հատկանիշների մասին:

Իրադարձության հատկանիշներ

Նշեք և աջակցեք հետևյալ իրադարձությունների ատրիբուտներին.

Հատկանիշի արժեքի նկարագրություն DTD

onclick	սցենար	Սցենարը գործարկվել է մկնիկի սեղմումով	STF
ondblclick	սցենար	Կրկնակի սեղմեք սցենար	STF
onmousedown	սցենար	Սկրիպտ, որը պետք է գործարկվի, երբ սեղմված է մկնիկի կոճակը	STF
onmousemove	սցենար	Սկրիպտ, որը պետք է գործարկվի, երբ մկնիկի ցուցիչը տեղափոխվի	STF
onmouseout	սցենար	Սկրիպտ, որը պետք է գործարկվի, երբ մկնիկի ցուցիչը շարժվում է տարրից դուրս	STF
նավարկելու վրա	սցենար	Սկրիպտը գործարկվում է, երբ մկնիկի ցուցիչը շարժվում է տարրի վրայով	STF
onmouseup	սցենար	Սկրիպտ, որը պետք է գործարկվի, երբ մկնիկի կոճակը թողարկվի	STF
onkeydown	սցենար	Սցենարն աշխատում է ստեղնաշարի վրա	STF
կոճակի սեղմումով	սցենար	Սկրիպտը գործարկվում է, երբ ստեղնը սեղմված է, այնուհետև թողարկվում է	STF
onkeyup	սցենար	Սկրիպտ, որը պետք է գործարկվի, երբ բանալին բացվի	STF

Լրացուցիչ տեղեկությունների մասին

Վերջին վիդեո դասում մենք սովորեցինք, թե ինչպես ջնջել և ավելացնել նոր տեղեկություններ նոր տարբերակ HTML փաստաթուղթ՝ այս մասին հաղորդելիս որոնման համակարգերև վիզուալ ընդգծում, որպեսզի այցելուները նույնպես տեսնեն փոփոխությունները: Դրա համար մենք օգտագործեցինք del և ins թեգերը:

Այս վիդեո ձեռնարկում մենք շարունակում ենք HTML փաստաթղթում տեքստի ձևաչափման թեման: Մենք կդիտարկենք երկու HTML պիտակներ, որոնք ցույց են տալիս տեքստի վերնագիրը և ենթակետը:

Sup HTML թեգը HTML-ում տեքստի վերնագիրն է:

HTML թեգը նախատեսված է HTML-ում տեքստի վերնագիրը նշելու համար: Որոշ կայքերի թեմաներում այս պիտակը պարզապես անփոխարինելի կլինի: Օրինակ, եթե ունեք կամ պլանավորում եք կայք՝ կապված որևէ բանաձևի հետ՝ մաթեմատիկական կամ քիմիական: Կամ, եթե դուք ունեք շինարարության հետ կապված կայք, ապա պիտակը շատ օգտակար կլինի և կօգնի հոդվածներ ֆորմատավորելիս, բանաձևեր կամ որևէ քանակություն գրելիս, օրինակ՝ քառակուսի մետր շինարարական թեմաներում։

Բայց եթե ձեր կայքը չի առնչվում թվարկված թեմաներին, դա չի նշանակում, որ պիտակը օգտակար չի լինի։ Բավական է ցույց տալ երևակայություն և սրամտություն և գտնել այս տարրի կիրառումը:

HTML ենթապիտակը HTML-ում տեքստի ենթագիր է:

Ինչ վերաբերում է HTML պիտակին, ապա այն հակառակն է թեգին և պատասխանատու է տեքստի ենթատեքստը նշելու համար։ Բաժանորդային տեքստը կարող է օգտագործվել բանաձևեր կամ մաթեմատիկական հավասարումներ գրելիս: Բայց բացի սրանից, գուցե դուք կարող եք գտնել պիտակի այլ կիրառումներ:

Հաջորդ Տեսադասը նվիրված է ևս երկու թեգերի, որոնք որոշ իրավիճակներում կարող են պարզապես անփոխարինելի լինել։ Ավելին, նրանք ի վիճակի են ոչ միայն ֆորմատավորել տեքստը, օրինակ՝ հոդվածում, այլ նաև էջի դասավորության ժամանակ կայքում տարբեր տեղեկություններ նշելիս։ Թեգերից մեկն իրականացնում է թարգմանությունը HTML, իսկ երկրորդը հորիզոնական գիծ է քաշում։

Փոքրատառի փոխակերպում փոքրատառև առաջին մեծատառը՝ օգտագործելով CSS(8)

CSS-ում գլխարկի դրույթի տարբերակ չկա: Այլ պատասխաններ, որոնք առաջարկում են տեքստի փոխակերպում. մեծատառով գրել, սխալ են, քանի որ այս տարբերակն օգտագործվում է ամեն բառ ամեն բառի դիմաց .

Այստեղ կոպիտԴա անելու միջոցն այն է, եթե ցանկանում եք, որ յուրաքանչյուր տարրի առաջին տառը լինի մեծատառ, բայց դա հաստատ իրական սահմաններին մոտ չէ.

P (տեքստի փոխակերպում. փոքրատառ; ) p:առաջին տառ (տեքստի փոխակերպում. մեծատառ;)

ՍԱ ՕՐԻՆԱԿԱՆ ԴԱՍԱԴԱՍՈՒԹՅՈՒՆ Է.

ՍԱ ԵՎՍ ՄԵԿ ՕՐԻՆԱԿ ՊԱՏԱՍԽԱՆՈՒԹՅՈՒՆ Է։

ԵՎ ՍԱ ՈՒՐԻՇ Է, ԲԱՅՑ ԿԼԻՆԻ ԱՄԲՈՂՋՈՒԹՅԱՆ ՓՈՔՐատառ:

Ինչպե՞ս փոխարկել UPPERCASE տառը փոքրատառի և մեծատառի առաջին տառը յուրաքանչյուր նախադասության համար, ինչպես ցույց է տրված ստորև՝ օգտագործելով միայն CSS:

From: ՍԱ ՕՐԻՆԱԿ ԴԻՄՈՒՄ Է:

Դեպի: Սա մոտավոր նախադասություն է:

Դուք չեք կարող դա անել միայն CSS-ով: Գոյություն ունի text-transform հատկանիշ, բայց այն չի ընդունում միայն ոչ մեկը, մեծատառով գրեք մեծատառերը, մեծատառերը, փոքրատառերը և ժառանգեք:

Դուք կարող եք փնտրել JS լուծում կամ սերվերի կողմի լուծում:

Եթե դուք կարող եք բոլոր նիշերը փոքրատառ դարձնել սերվերում, ապա կարող եք կիրառել.

Տեքստ-փոխակերպում. մեծատառ

Չեմ կարծում, որ տեքստի փոխակերպումը կաշխատի մեծատառերով որպես մուտքագրում:

Եթե ցանկանում եք օգտագործել դրա համար, չի աշխատի, կամ textarea-ի համար պետք է օգտագործել Javascript

ֆունկցիա capitaliseName() ( var str = document.getElementById("name").value; document.getElementById("name").value = str.charAt(0).toUpperCase() + str.slice(1);)

որը պետք է լավ աշխատի կամ

Արդեն մի քանի դասերի ընթացքում մենք ավելի բարդ ենք դառնում CSS-ի միջոցով տեքստի ձևաչափման հարցում, և այս անգամ մենք սովորում ենք, թե ինչպես փոխել տեքստի մեծատառերը: Այս առումով, կասկադային ոճային թերթիկները մեզ համար շատ լայն հնարավորություններ են բացում, իսկ ավելի ճշգրիտ լինելու համար մենք կարող ենք.

Ցուցադրել ամբողջ տեքստը մեծատառերով;
Ընտրեք ամբողջ տեքստը փոքրատառերով;
Համոզվեք, որ յուրաքանչյուր բառի առաջին տառը սկսվում է մեծատառով:

«Իհարկե, այս ամենը լավ է, բայց ե՞րբ կարող է դա անհրաժեշտ լինել»: -հարցնում ես։ Եկեք պատկերացնենք մի իրավիճակ, երբ դուք պետք է ցուցադրեք ցանկի բոլոր տարրերը մեծատառերով: Դա անելու համար անհրաժեշտ չէ մուտքագրել դրանք, ներառյալ CapsLock ստեղնը, կամ սեղմած պահելով Shift կոճակը: Բավական է ցուցակի բոլոր տարրերը դնել մեծատառով ցուցադրելու համար՝ ստեղծելով համապատասխան կանոն CSS ֆայլում: Եվ սա շատ հնարավոր իրավիճակներից միայն մեկն է:

տեքստի փոխակերպման հատկություն

Մենք կվերահսկենք տեքստի մեծությունը՝ օգտագործելով text-transform հատկությունը: Այն ունի 4 հիմնական արժեք՝ մեծատառ (մեծատառ), փոքրատառ (փոքրատառ), մեծատառ (բառի յուրաքանչյուր առաջին տառի համար մեծատառ, մյուս արժեքները չեն փոխվում), ոչ մեկը (ձևաչափումը չի կիրառվում) . Առաջին հայացքից այս ամենը կարող է ձեզ շատ բարդ թվալ։

Գլխավորը խուճապի չմատնվելն է...

Բայց գործնականում ամեն ինչ բավականին պարզ է, ինչպես հիմա կտեսնեք: Հիմնական բանը ճիշտ ընտրիչ ընտրելն է, քանի որ տեքստի փոխակերպման հատկության արժեքները ժառանգվում են:

Մեծատառով գրել

Առաջին հերթին առաջարկում եմ ամբողջ տեքստը դնել մեծատառերի վրա, ինչի համար ստեղծում ենք հետևյալ CSS կանոնը.

Տեքստ (տեքստի փոխակերպում. մեծատառ; )

Սկզբունքորեն, ոչ մի բարդ բան չկա, մենք պարզապես օգտագործեցինք մեծատառ արժեքը: Ինչպես ասում են՝ ամեն ինչ ինտուիտիվ է։ Ահա թե ինչ տեսք ունի այն իրական կյանքում.

Բոլորը մեծատառով... Փոքրատառ - կիրառել բոլորին

Հաջորդ քայլը ամենուր փոքրատառերը կիրառելն է՝ գրելով հետևյալը.

Տեքստ (տեքստի փոխակերպում. փոքրատառ;)

Ինչպես հավանաբար արդեն կռահեցիք, երկու իմաստները, որոնք մենք հենց նոր հանդիպեցինք, որոշ չափով հականիշներ են: Իսկ ստորև բերված նկարազարդում կարող եք տեսնել նորաստեղծ գույքի արդյունքը։

Փոքրատառերը միացված վեբ էջ Մենք նշում ենք յուրաքանչյուր բառի առաջին տառը մեծատառով

Դա անելու համար մենք պարզապես պետք է օգտագործենք համապատասխան արժեքը.

Տեքստ (տեքստի փոխակերպում. մեծատառ.)

Ես չգիտեմ, թե որքան հաճախ եք օգտագործելու նման CSS կանոնը, բայց ձեզ չի խանգարի իմանալ նման հնարավորության մասին, հատկապես ոչ աննշան խնդիրներ լուծելիս: Արդյունքը կարելի է տեսնել ստորև ներկայացված նկարում:

Տեքստը մեծատառ կիրառելուց հետո

Վերջապես, եկեք արագ նայենք վերջին արժեքին` ոչ մեկը: Ինչպես արդեն ասացի, այն կարող է օգտագործվել ծնողից ժառանգությունը չեղարկելու համար: Օրինակ, եկեք պատկերացնենք, որ մենք գործում ենք բոլոր նախորդ կանոնները, և պարբերությունների համար մենք պետք է չեղարկենք դրանք, դրա համար գրում ենք հետևյալը.

P (տեքստի փոխակերպում. ոչ մեկը;)

Համարձակվում եմ ենթադրել, որ ձեզ համար ամեն ինչ պարզ է, եթե ոչ, ձեր հարցերը տվեք մեկնաբանություններում։ Եվ դա ինձ համար ամեն ինչ է: Հուսով եմ, որ այս CSS ձեռնարկը օգտակար էր ձեզ համար: Եթե այո.

Վերահաստատել այս հոդվածը սոցիալական ցանցերորպեսզի ավելի շատ մարդիկ օգտվեն դրանից;
Բաժանորդագրվեք իմ տեղեկագրին, որպեսզի բաց չթողնեք օգտակար և հետաքրքիր բլոգային գրառումները:

Այստեղ ես հրաժեշտ չեմ տալիս ձեզ: Շնորհակալություն ուշադրության համար և կհանդիպենք հաջորդ հրապարակումներում:

Տեքստի համեմատ ինդեքսը նիշերի տեղաշարժն է բազային գծի նկատմամբ վեր կամ վար: Կախված օֆսեթի դրական կամ բացասական արժեքից, ինդեքսը կոչվում է համապատասխանաբար վերին կամ ստորին: Դրանք ակտիվորեն օգտագործվում են մաթեմատիկայի, ֆիզիկայի, քիմիայի և չափման միավորներ նշանակելու համար: HTML-ն առաջարկում է ինդեքսի ստեղծման երկու տարր՝ (անգլերեն վերնագրից) - վերնագիր և (անգլերեն subscript-ից) - ենթագիր: Այս բեռնարկղերից մեկում տեղադրված տեքստը նշանակված է ավելի փոքր, քան հիմնական տեքստը և վեր կամ վար է փոխվում դրա համեմատ: Օրինակ 1-ը ցույց է տալիս կիսվելովնշված տարրերն ու ոճերը՝ տեքստի տեսքը փոխելու համար:

Օրինակ 1. Ստեղծել վերնագիր և ենթագիր

Վերնագիր և ենթագիր .formula ( տառաչափ՝ 1.4em; /* Բանաձևի տեքստի չափս */ ) sup, sub ( տառատեսակի ոճը՝ շեղ; /* շեղ */ գույնը՝ կարմիր; /* նիշերի կարմիր գույնը */ ) ենթ. (գույնը՝ կապույտ; /* Նիշերի կապույտ գույնը */ )

Երկրորդ աստիճանի մակերեսի բնորոշ հավասարում

λ3 - I1λ2 + I2λ - I3 = 0

Օրինակում և՛ ենթատեքստը, և՛ վերնագիրը հայտնվում են միաժամանակ: Ինդեքսի տառատեսակի ոճը փոխելու համար օգտագործվում են ոճեր, որոնք սահմանում են միատեսակ դիզայն (նկ. 1):

Բրինձ. 1. Ցուցանիշների դիտում ոճերը կիրառելուց հետո

Դուք կարող եք ընդհանրապես հրաժարվել դրանք օգտագործել հօգուտ ոճերի: Այս տարրերի անալոգը ուղղահայաց հավասարեցման հատկությունն է, որն առաջացնում է տեքստի ուղղահայաց տեղաշարժը նշված հեռավորությամբ: Մասնավորապես, օրինակ 2-ում արժեքը 0.8em է վերնագրի համար և -0.5em էստորագրի համար: Em-ը հարաբերական միավոր է, որը հավասար է ընթացիկ տառատեսակի չափին: Օրինակ, 0.5em ցույց է տալիս, որ տեքստը պետք է տեղափոխվի տառաչափի կեսով:

Օրինակ 2. Օգտագործելով ոճեր՝ ինդեքսները կառավարելու համար

Վերնագիր և ենթագիր .բանաձև ( տառաչափ՝ 1.6em; /* Տեքստի չափ */ տառատեսակի ոճ՝ շեղ; /* շեղ ոճ */ ) .sup, .sub ( տառատեսակի ոճ՝ նորմալ; /* Նորմալ ոճ * / տառատեսակի չափը՝ 0.6em; ուղղահայաց հավասարեցում.

n աստիճանի բազմանդամ

f(x) = a0 + a1 x + ... + an-1 xn-1 + an xn

Օրինակում բանաձևն ինքնին ցուցադրվում է մեծացված չափերով, վերնագրի նշանները դրված են կարմիր, իսկ ստորինները՝ կապույտ (նկ. 2):

Խմբագրի ընտրություն