Այսօր ես ձեզ կասեմ, թե ինչպես կարելի է բառեր դարձնել կայքում համարձակ տառատեսակներով `օգտագործելով HTML եւ CSS: Այս դիզայնը օգտագործվում է այն ժամանակ, երբ էջում անհրաժեշտ է առանձնացնել որոշակի տեղեկատվություն: Եվ դա ոչ միայն վերնագրերի մասին է, այլեւ մոտ Պարզ բառեր, արտահայտություններ տեքստում: Այն պարզապես բավարար է իրականացվում:
Հատուկ HTML պիտակներն օգտագործվում են որոշակի տեքստի կարեւորման համար: մի քանազոր , Օրինակ, հետեւյալ ծածկագիրը.
| Նորմալ տեքստ: Մանրապատք. Համարձակ ուժեղ. |
Նորմալ տեքստ:
Մանրապատք.
Համարձակ ուժեղ.
Արդյունքում տալիս է նման նկար.
Վերջին երկու տարբերակները տեսողականորեն նայում են նույնը, բայց դրանք փոքր-ինչ տարբերվում են միմյանց հետ: Պիտակ Նշում է բառի պարզ ոճական կարեւորությունը համարձակ տառերով, մինչդեռ Սա ավելացնում է որոշ իմաստաբանական «ուժեղացված» (կարեւոր) արժեք: Այսինքն, վերջին տողը միայն համարձակ տեքստ չէ, բայց ինչ-որ տեսակ կարեւոր տեղեկություններ, Սկզբունքորեն, որոնիչների համար խորհուրդ են տալիս օգտագործել այն .
Կարող եք հանդիպել նաեւ HTML- ով նախատեսված ճարպ տառատեսակով, ոճերով.
Համարձակ տեքստի օրինակ:
Նմուշ տեքստ S. ճարպ Կարճ ասած.
Կայքում այն \u200b\u200bցուցադրվում է այսպես.
Չնայած այն հանգամանքին, որ HTML- ի համարձակ տեքստային ծածկագիրը ճիշտ է աշխատում, մի արեք: Դիզայնի բոլոր ոճերը պետք է դուրս հանվեն CSS ֆայլ:, Հետեւաբար, վերը նշված օրինակում, դուք պետք է լինեիք պիտակների համար
Մի քանազոր Նշեք համապատասխան դասը, այնուհետեւ գրանցեք դրա դիզայնը ոճային թերթում: Այստեղ այդպիսին են օրենսգրքի գրանցման կանոնները: Հետեւաբար, HTML- ում համարձակ տառատեսակի համար օգտագործեք պիտակ .
Համարձակ տեքստ CSS- ում
Որպեսզի B. CSS ճարպ Տառատեսակը օգտագործում է տառատեսակի գույք: Դրանով նշվում է տեքստի հատվածի «հագեցվածությունը»: Արժեքները կարող են լինել 100-ից 900-ից, բայց առավել հաճախ օգտագործվող դա հետեւյալն է.
- bold (ճարպ) - 700 լռելյայն;
- Նորմալ (նորմալ) - 400 լռելյայն:
Կան նաեւ ընտրանքներ համարձակ եւ թեթեւ արժեքների համար, որոնք տառաչափը փոխում են, կախված ծնողից `համապատասխանաբար ավելի կամ պակաս ճարպ:
CSS- ում համարձակ տեքստը սահմանելու համար հարկավոր է ինչ-որ այլ ոճ, օրինակ, օրինակ, օրինակ,
Նորմալ տեքստ S. fat արպի ընտրություն կենտրոնում.
Ուժեղ (տառատեսակ `համարձակ;)
Այստեղ ես ուզում էի տոնել մեկ փոքր նրբերանգ, որի մասին ինձ ասացին, եթե ինչ-որ տարրի համար նոր դաս ստեղծես, ցանկալի է օգտագործել քիչ թե շատ «հասկանալի անուն»: Օրինակ, ոճի դասի վերեւում գտնվող օրինակում \u003d «Իմ-համարձակ-տառատեսակը» ավելի տրամաբանական է թվում, քան դաս \u003d «նոր-տառատեսակ», քանի որ Դուք կարող եք մասամբ հասկանալ դրա նպատակը: Սա գումարած է նրանց համար, ովքեր ապագայում կանդրադառնան եւ կօգտագործեն ձեր դասավորությունը:
Հաջորդ հոդվածում ես ձեզ կասեմ հետաքրքիր ճարպ տառատեսակների մասին, որոնք ես կարողացա գտնել:
Այսպիսով, մեր վեբ էջը ավելի ներկայանալի տեսք ուներ, մենք տեքստը բաժանում ենք կետերի վրա եւ դնում վերնագիրը: HTML- ն ունի 6-ից 6-ի համարակալված թվերի բաժնի 6 մակարդակի վերնագրերի 6 մակարդակ: Վերնագիրը հռչակվում է զույգ թվերով, օրինակ, պատշաճ մակարդակով, օրինակ,
- առաջին մակարդակի վերնագրի հատվածը, եւ - Վեցերորդ մակարդակի տիտղոսի բաժինը: Սովորական տեքստի վերնագիրը տարբերվում են տառերի չափերով եւ լայնությամբ: H1- ի առաջին մակարդակի վերնագիրը սովորաբար ցուցադրվում է շատ մեծ տառերով, իսկ վեցերորդ մակարդակի H6 վերնագիրը շատ փոքր է:Կոչում
Չի կարելի չխառնել փաստաթղթի միջնապատերի վերնագիրը, որը նախկինում քննարկված փաստաթղթի վերնագրի միջոցով
.Որպես տեքստի վերնագիր, մենք օգտագործում ենք առաջին նախադասությունը. Դրա համար այն բավականին սահմանափակված է իր պիտակներով
մի քանազոր
.Կպչեք մյուսի տեքստի տեքստի մեջ. HTML ֆայլերի պիտակները
մի քանազոր
Որպեսզի նրանք սահմանափակեցին տեքստի առաջին նախադասությունը, եւ այս ծածկագիրն ընդունեց հետեւյալ տեսակը.Բարի գալուստ SD:
Ես կանդրադառնամ ձեռք բերված արդյունքին:
Պահպանեք ֆայլը `ընտրելով Notepad ծրագրի ընտրացանկի հրամանը (Notepad) File - Save (File Save):
Փաստաթուղթը դիտելուց առաջ միշտ պետք է արվի պահվող գործողությունը, քանի որ այն բացում է ֆայլը դիտելու համար, այն ներբեռնելով սկավառակից համակարգչին: Եթե \u200b\u200bHTML կոդը խմբագրելուց հետո չեք պահում ֆայլը, զննարկիչում որեւէ կազմաձեւում չեք տեսնի:
Վերականգնեք զննարկչի պատուհանը `սեղմելով կոճակը առաջադրանքի գծում (Taskbar):
Սեղմեք F5 կոճակը կամ UpDresh կոճակը (թարմացում) ծրագրի աշխատանքային պատուհանի գործիքագոտում: Այլ .html ֆայլը կվերագործարկվի, եւ կտեսնեք զննարկչի պատուհանում, քանի որ առաջին մակարդակի վերնագիրն է:
Ստուգեք, թե ինչպես է դիտելու մյուս 5 մակարդակների վերնագիրը, թվերը փոխելով պիտակների մեջ, H2, H3 եւ այլն `յուրաքանչյուր կազմաձեւից հետո, մի մոռացեք պահպանել ֆայլը եւ թարմացնել պատկերը զննարկչի պատուհանում:
Երբ դուք ավարտում եք փորձերը, վերականգնել պիտակները մյուսի մեջ: HTML ֆայլը
.Օգտագործելով 6 վերնագրի մակարդակներ, որոնք ապահովում են ձեր տրամադրության տակ hTML լեզու, Դուք կարող եք կատարելապես ընթեռնելի փաստաթուղթ ստեղծել ինտուիտիվ-պարզ կառուցվածքով: Հիշեք, որ ձեր փաստաթուղթը միշտ կլինի զգալիորեն ավելի լավ, եթե այն ճշգրիտ բաժին ունի բաժինների եւ ենթաբաժինների:
Գլխավոր վերնագիր
Լռելյայն վերնագիրը հավասարեցված է էջի ձախ եզրին: Բայց դա կարող է նաեւ հավասարեցնել աջ եզրին կամ ցրվելուն: Tag- ում աջ ձեռքի հավասարեցման համար
Align \u003d «Right» հատկանիշը օգտագործվում է եւ կենտրոնացման համար - Align \u003d "կենտրոն": Թույլատրվում է նաեւ ձախակողմյան հավասարեցման ակնհայտ ցուցում. Align \u003d «Ձախ»:
Ավելացնել Tag
Վերբեռնեք հավասարեցրեք \u003d «Կենտրոն» -ը `տիտղոսը ցրելու համար: Այս տարրը պետք է հետագա տեսակը վերցնի.
Բարի գալուստ SD:
Առաջիկա, մենք ձեզ համար չենք հիշվի անհրաժեշտության մասին, նախքան դիտելը ֆայլը պահելը նախնական կոդով եւ թարմացրեք պատկերը զննարկիչում:
Ինչպես պատրաստել տեքստը HTML- ում
Այժմ մենք գործ կունենանք մնացած տեքստի հետ: Ես կբարձրացնեմ դրա չափը եւ տեքստը կդնեմ համարձակ հետաքննող մակագրությամբ: Զույգ պիտակներն օգտագործվում են համարձակ հարվածներ տեղադրելու համար .
Կպչեք մյուսի մեջ: HTML ֆայլը եւ փակումը Պիտակներ, որպեսզի նրանք սահմանափակում են այստեղ տեքստը, որը դուք կսովորեք ... Այս տարրը պետք է հետագա տեսակը վերցնի.
Ինչպես HTML- ում տեքստային թյիկական պատկերացում կազմել
Գանգուր մակագրություն տեղադրված է պիտակների միջոցով .
Կպչեք նախնական HTML կոդի պիտակը մի քանազոր Որպեսզի խմբագրված տարրը ընդունեց հետեւյալ տեսակը.
Այստեղ դուք կիմանաք մեր գործունեության մասին, Ծրագրային ապահովման արտադրանք Մեր ընկերությունը եւ մեր արտադրած սարքավորումները
Նշման տարրերը կարող են ներդրվել, ինչպես այս կառույցում, որտեղ տարրը … Ներդրվել է տարրի մեջ …. Ժամանակակից զննարկիչներ CREAGE, բույնի պիտակները կարգավորելու համար: Քանի որ դուք պետք է նայեք հավելվածի կարգին: Զննարկչի աշխատանքը դժվար կլինի, եթե բույնը կոտրվի: Օրինակ, նման գրառումը սխալ կլինի. …, Բույնի համապատասխանությունը HTML կոդի ընդհանուր գրելու շատ հիմնարար մաս է:
Ինչպես կատարել HTML- ում ընդգծված տեքստը
Մի զույգ պիտակներով Կարող եք ստեղծել տեքստի կտորի ընդգծված նկար, սահմանափակված պիտակով եւ զույգ պիտակների օգնությամբ - Tech ուցադրել տեքստը Teletype տառերով:
Պետք է նշել, որ վերջերս պիտակով Մոտեցումը եւ ընդգծումը կատարվում է ոճերով: համարժեք , Այո, նոր անալոգը ավելի ծանր է թվում, բայց այն բավականին շագրին է: Հիմնական բանը, որ այս օգուտը ասում է, որ ծանրաշարժ կրեմը խաչմերուկ է, այլ կերպ ասած `բոլոր զննարկիչների համար, երբ, երբ Ոչ բոլոր զննարկիչներն են ապահովվում:
Ինչպես գրավել տեքստը HTML- ում
Այժմ բարձրացրեք տեքստի տառատեսակի չափը: Դա կարելի է անել տարբեր մեթոդներով:
Կուն Բարձրացրեք դրանց միջեւ կնքված տեքստի տառատեսակի չափը:
Ավելացնել վերը նշված ծածկագրի սկզբին եւ ավարտին, համապատասխանաբար, պիտակներ մի քանազոր Որեւէ տարրը ընդունեց հետեւյալ տեսակը.
Այստեղ դուք կիմանաք մեր բիզնեսի մասին, մեր ընկերության ծրագրային ապահովման արտադրանքների եւ մեր արտադրած սարքավորումների մասին
Tagov- ի հետ Նախնական համեմատեք տեքստի տառատեսակի չափը նվազեցնել:
Տառատեսակի չափը նշելու մեկ այլ եղանակ `պիտակներով Չափի հատկանիշով: Որպես այս հատկանիշի արժեքներ, ամբողջ թվերը օգտագործվում են 1-ից 7. 1-ին արժեքը համապատասխանում է տառատեսակի ամենափոքր չափին, եւ 7-ի արժեքը ամենամեծն է:
Օգտագործելով Tagov- ի փոխարեն Թեմաների տեսակետ Տեսեք, թե ինչպես է տեքստի տառատեսակի չափը փոխվում չափի հատկանիշի տարբեր արժեքների վրա `1-ից 7-ը:
Որպես չափի հատկանիշի արժեք, կարող եք նաեւ օգտագործել թվեր 1-ից 7-ը + (գումարած) կամ - (մինուս): Այս դեպքում տառատեսակի չափը համապատասխանաբար մեծանում է կամ մանրանկարչությունը, համեմատած նախնական, օրինակ, պիտակների հետ Ստեղծեք տառատեսակի չափը, համեմատած ընթացիկ մեկ մակարդակի հետ: Ստուգեք:
Սահմանեք 5-ը որպես չափի հատկանիշի արժեքը տվյալ տեքստի կտորի համար. , Այս կտորի HTML կոդը պետք է լինի այսպիսին.
Այստեղ դուք կիմանաք մեր բիզնեսի մասին, մեր ընկերության ծրագրային ապահովման արտադրանքների եւ մեր արտադրած սարքավորումների մասին.
Պիտակներով Գույնի հատկանիշը կարող է օգտագործվել նաեւ տառատեսակի գույնը նշելու համար, որը սահմանափակվում է տեքստի պիտակներով: Այս ատրիբուտի արժեքները նույնն են, ինչ նախկինում քննարկվող ատրիբուտների համար, որոնք նկարագրում են փաստաթղթի ֆոնի եւ տեքստի գույնը:
Լռելյայն, այստեղի տեքստի պարբերությունը դուք կսովորեք ... հավասարեցված ձախ: Կենտրոնացրեք նրա հորիզոնականը պիտակներով
Stick Tags
Ուշադրություն դարձրեք, որ կենտրոնացման կետի համար օգտագործեցինք պիտակներ
ՈւշադրությունԻՇԽԱՆՈՒԹՅՈՒՆ 2010 թ. Թեմաների համար ,
=
=
Կա նաեւ հսկայական թվով հնացած պիտակներ, որոնք այս հոդվածում չեն ուրվագծում, ուստի ավելի լավ է ծանոթանալ մասնագիտացված վեբ կայքերին Այս հարցը, Բայց հիմնականը ես այստեղից մի փոքր ավելի բարձր եմ
Ընտրության կոդեր
HTML լեզուն ընդունում է տեքստի բեկորների տառատեսակի ընտրության երկու մոտեցում: Մի կողմից, հնարավոր է ուղղակիորեն ցույց տալ, որ տեքստի որոշակի հատվածի տառատեսակը կարող է լինել համարձակ կամ միջին, այլ կերպ ասած, ակնհայտ է տառատեսակի տառատեսակը, ինչպես մենք արեցինք այս փորձառության մեջ: Մյուս կողմից, դուք կարող եք նշել գոնե մի քանի տեքստ, քանի որ սովորական, տրամաբանական ոճից ոմանք ունենալը, լավը տրամադրելով այս ոճը զննարկիչին: Այսպիսով, Մակարը, տրամաբանական ոճը ցույց է տալիս տեքստային կտորի դերը, օրինակ, հսկայական նշանակություն ամենօրյա տեքստի կամ այն \u200b\u200bփաստի հետ, որ այս կտորը մեջբերում է: Ձեր գործով դուք կարող եք օգտագործել հետագա պիտակներ, որոնք սահմանում են տրամաբանական ոճերը: Ստուգեք, թե ինչպես են նրանք աշխատում տարբեր զննարկիչներում:
- Օգտագործվում է բառը որոշելու համար: Տեքստը կանխադրված է:
- բառեր ընդգծելու եւ ամրապնդելու համար: Տեքստը ցուցադրվում է Italics- ում `լռելյայն:
- կարեւորել գրքերի, կինոնկարների, ներկայացումների եւ այլնի վերնագիրը `լռելյայն italics- ի միջոցով:
- կոդ կոդերի բեկորների համար: Այն ցուցադրվում է ֆիքսված լայնության տառատեսակի ցուցադրման վրա:
- Օգտագործվում է տեքստի համար, որը օգտագործողը մուտք է գործում ստեղնաշարից: Տարբեր զննարկիչներում կարող են ցուցադրվել տարբեր տառատեսակներ: Tag հնացած.
- օգտագործվում է ծրագրեր ցուցադրելու համար: Ցուցադրում է ֆիքսված լայնության տառատեսակը: Tag հնացած.
- Հատկապես հիմնարար բեկորների համար: Այն սովորաբար հատկացվում է համարձակորեն:
- Այն օգտագործվում է նշելու, որ տեքստի կամ բառի մասը խորհրդանշական փոփոխական է, այլ կերպ ասած, տեքստը, որը կարող է փոխարինվել տարբեր արտահայտություններով: Ցուցադրվում է italics- ի միջոցով լռելյայն: Tag հնացած.
HTML 4.0 ճշգրտումը առաջարկում է տեքստի ոճերը եւ այլ մասեր հստակեցնելու ավելի առաջադեմ մեթոդ `օգտագործելով CSCAD CSS ոճերի հատուկ լեզու (կասկադային ոճի թերթեր): Ոճերի սեղանները հսկայական նվաճում են դիզայնի նախագծման ոլորտում, ընդլայնելով էջերի տեսքը բարելավելու ունակությունը: Ոճերի սեղանները պարզեցնում են տողերի, հատների, գույների միջեւ ընկած ժամանակահատվածների միջեւ ընկած ժամանակահատվածների սահմանումը, որոնք օգտագործվում են տեքստի եւ ֆոնի վրա, եւ այլն, HTML մասերի առավելագույն ոճը, որը տեղադրված է բացման պիտակի տարրի միջոցով: Որպես ոճային հատկանիշի արժեք, օգտագործվում են «Գույքի» տիպի զույգեր: Օրինակ, բաժնի վերնագիրը նկարագրող մի կտոր կոդով,
Ոճ \u003d «Գույն: Blue» հատկանիշը որոշում է, որ գույնի գույքը (գույնը) կապույտ է (կապույտ), այլ կերպ ասած, առաջին մակարդակի վերնագրի տեքստը պետք է ցուցադրվի կապույտ գույնով:
Ոճի հավասարեցում
Տեսնենք, թե ինչպես կասկադային ոճի սեղանների լեզուն նշեք, նշեք տեքստի կտորի ոճը, որը բառերն սկսում են այստեղ, դուք կսովորեք ...
Տառատեսակի հաստությունը նշելու համար տառատեսակի քաշը օգտագործվում է թեթեւ արժեքներով (նեղ), համարձակ (համարձակ), համարձակ, օրինակ, «տառատեսակ, համարձակ»:
Տառատեսակի ոճով հատկացված արժեքը օգտագործվում է յուրացումը սահմանելու համար: Հետեւաբար, տեքստի Bummer մարմնի զննում տալու համար ոճային ատրիբուտը հաջորդում է. Ոճ \u003d "տառատեսակ. Համարձակ; տառատեսակ": Ուղղակի ուշադրություն. Հատկանիշները կարող են տեղավորվել ցանկացած կարգով եւ, իհարկե, պահանջվում է կիսել կիսագումար:
Եթե \u200b\u200bցանկանում եք նշել տառատեսակի չափը, ապա պետք է օգտագործեք տառատեսակի չափի ունեցվածքը, որի արժեքները կարող են հստակեցվել հարաբերական կամ բացարձակ արժեքներով: Հարաբերական արժեքները տոկոսներն են, եւ իրերը (PT), պիքսելներ (համակարգիչ), սանտիմետր (սմ), որոնք օգտագործվում են որպես բացարձակ արժեքներ: Օրինակ:
Ոճ \u003d "տառատեսակ. 200%"
Ոճ \u003d "տառատեսակ. 16pt"
Ոճ \u003d "տառատեսակ. 100px"
Նշելով բացարձակ, ոչ հարաբերական չափսերը, դուք զրկում եք օգտվողներին, ովքեր նայում են ձեր էջերին, տառատեսակի չափը մեծացնելու կամ նվազեցնելու հնարավորություն `զննարկչի ընտրացանկի հրամանը համակարգելով իրենց տեսլականի եւ մոնիտորի լուծմամբ: Տառատեսակները կցուցադրվեն միայն ձեր նշած չափը: Հետեւաբար, ավելի լավ է տեքստի չափը նշել տոկոսով: Այս դեպքում տառատեսակի չափը ավելի քիչ կամ ավելի կլինի տոկոսադրույքով թվանշված թվով, քան այն, երբ այն նախագծված է, երբ Տեղեկանք HTML Լռելյայն պիտակը:
Պատմության տեքստը հավասարեցնելու եղանակը որոշելու համար օգտագործվում է ձախ արժեքներով (ձախ), աջ (աջ), կենտրոնացված (կենտրոնացված) տեքստի հավասարեցման եղանակը (ձախ), ճիշտ (լայնություն): Այսպիսով, Մակարը, նշելու, որ այստեղ դուք կսովորեք տեքստը ... պետք է զարդարվի չափսերով չափսերով `նախնական եւ կենտրոնում համահունչ 150% -ի չափով:
Ոճ \u003d "տառատեսակ. Համարձակ; տառատեսակ, տառատեսակ; տառատեսակ. 150%; տեքստի հավասարեցում
Մենք այս հատկանիշը կիրառում ենք պիտակներով<р>որոնք թույլ են տալիս տեքստ ներկայացնել որպես առանձին պարբերություն:
Խմբագրել hTML տարրներառյալ այստեղ տեքստը, դուք կսովորեք ... ջնջում է պիտակները
<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Այստեղ դուք կիմանաք մեր բիզնեսի մասին, մեր ընկերության ծրագրային ապահովման արտադրանքների եւ մեր արտադրած սարքավորումների մասին
Տեսեք, HTML լեզուն թույլ է տալիս օգտագործել Տարբեր մեթոդներ Ոճի դիզայն: Միասին ավելի ցանկալի է CSS ոճերի կիրառումը կասկադային սեղանների համար:
Այլ հավասարեցման ընտրանքներ եւ ոճերի օգտագործում
Մենք տեսանք միայն մեկ տարբերակ `ոճի սեղանների ոճը օգտագործելու համար, երբ ոճի սահմանումը տեղադրվում է հատուկ նկարագրած տարրերի մեջ:
Դա արվում է `օգտագործելով ստանդարտի առավելագույն հատկանիշը hTML Tags, Բայց կան CSS օգտագործման այլ տարբերակներ:
Ստանդարտ HTML- ում, առանց ոճային սեղանների ներդրման, որոշակի պարամետրերի ցանկացած տարր, օրինակ, գույնի, չափի, դիրքի էջում, եւ դրանցից հետո անհրաժեշտ է ամեն անգամ, եթե ամեն անգամ անհրաժեշտ է Պահանջվում է տեղադրել 10- Կի այնպիսի մասեր, որոնք միմյանցից չեն տարբերվում: Դուք պետք է տեղադրեք մեկ եւ նույն կտոր HTML կոդը էջում, ցանցից ավելացնելով ֆայլի չափը եւ բեռնման ժամանակը:
Ոճի սեղանները գործում են մեկ այլ, ավելի հարմարավետ եւ տնտեսական մեթոդ: Որոշ առանձնահատկությունների ցանկացած տարր նշանակելու համար դուք պետք է մեկ անգամ մեկ անգամ ուրվագծել այս տարրը եւ գտնել այս նկարագրությունը որպես ոճ, եւ գալիքում պարզապես նշեք, որ ձեր կողմից նկարագրված ոճը պետք է լինի: Հարմարավետ, այնպես չէ:
Ավելին, դուք կարող եք պահպանել ոճի նկարագրությունը ոչ թե ձեր վեբ էջի տեքստում, այլ Առանձին ֆայլ - Սա ձեզ թույլ կտա օգտագործել ոճի նկարագրությունը ցանկացած վեբ շալվարների վրա: Եվ հաջորդ, հարակից առավելությունը `գոնե ցանկացած թվով էջերի ձեւավորումը փոխելու ունակություն` ուղղելով ոճի ոճը մեկ առանձին ֆայլում:
Բացի ոճի լեզուներից բացի, սեղանները թույլ են տալիս ավելի շատ աշխատել էջերի տառատեսակով Ամենաբարձր մակարդակըքան ստանդարտ HTML:
Ընթացիկ ժամանակ CSS լեզուն ունի բավարար հսկայական քանակությամբ HTML մասեր, որոնք կարող է վերահսկել: Օգտագործելով «անվտանգ», այլ կերպ ասած, համատեղելի Ամենամեծ թիվը Զնշավորներ cSS տարրեր - Տառատեսակի բնութագրերը, մասերը եւ ֆոնի գույնը, տեքստի բնութագրերը եւ սահմանները. Դուք կարող եք զգալիորեն թեթեւացնել ձեր աշխատանքը եւ ձեր վեբ էջերը գեղեցիկ դարձնել տեքստի ձեւավորման ձեւավորման մեջ:
կամ սովորել պիտակների ձեւաչափման HTML տեքստը
Ձեր ուշադրությանը ներկայացվում է հիմնական եւ ամենահեշտ ձեռնարկային դասերից մեկը:
- HTML տեքստ Դա ինտերնետի էջերի մեծ մասի հիմնական բաղադրիչն է:
- Միջոցով Հիմնական արտահայտություններ hTML էջերի տեքստում Օգտագործողները կարող են գտնել ձեր կայքը:
- HTML տեքստ Կարող է լինել ցանկացած չափի եւ գույն, ձեր հայեցողությամբ: Կարող եք նաեւ որոշել տառատեսակի տեսակը եւ դրա ծավալը:
- HTML տառատեսակի չափը Այն սովորաբար տեղադրվում է պիքսելներում:
- HTML տեքստի ձեւաչափում Համատարած, ձեւաչափի պիտակների կիրառվում են:
Տես ներքեւում Պիտակներ Formatting HTML տեքստը:
- Կուն → ճարպ HTML տեքստ (համարձակ տառատեսակ):
- Tags → ճարպ HTML տեքստ (համարձակ տառատեսակ):
- Կուն → Monoshyry HTML տեքստ (մոնոսուլային տառատեսակ):
- Կուն
- Կուն → Monoshyry HTML տեքստ (մոնոսուլային տառատեսակ):
- Կուն → HTML տեքստ, Չափը սովորականից ավելին է (մեծ տառատեսակ):
- Կուն → HTML տեքստՉափը սովորականից պակաս է (փոքր տառատեսակը):
- Կուն → հակված HTML տեքստ (հակված տառատեսակ):
- Կուն → հակված HTML տեքստ (հակված տառատեսակ):
- Կուն → հակված HTML տեքստ (հակված տառատեսակ):
- Կուն → շեշտեց HTML տեքստ (ընդգծված տառատեսակը):
- Կուն
- Կուն → HTML տեքստ (տառատեսակ) ստորին ինդեքսում:
- Կուն → HTML տեքստ (Տառատեսակ) վերին ցուցանիշում:
HTML տեքստի ձեւաչափում. Մանրացված, ընդգծված տեքստ
Արդյունք. ... Monoshyry տառատեսակ
Արդյունք. ... Տառատեսակի չափը սովորականից ավելին է
Արդյունք. ... Հակված տառատեսակ
Արդյունք. Սթրեսային տեքստ (շեշտված տառատեսակ)
Արդյունք, վերին ցուցանիշ
C ձեւավորում, որը ներկայացվել է վերեւում, պետք է կիրառվի միայն տեքստի փոքր հատվածների համար: Օգտագործում CSS. Եթե \u200b\u200bցանկանում եք հատուկ տառատեսակ դնել ամբողջ էջի կամ մի քանի տողերի համար, օրինակ:
HTML- ը մեզ ինչ-որ բան է տրամադրում տեքստի ձեւավորման առումով: Այսօր ես ձեզ կասեմ, թե ինչպես կարելի է անել կուրսի տառատեսակ HTML- ում, եւ ինչպես ստանդարտ տառատեսակ եւ ոչ ստանդարտ: Երկրորդ դեպքում անհրաժեշտ կլինի հաշվի առնել ամեն ինչ աշխատել:
Ինչպես գրել HTML Italics- ում:
Ես կսկսեմ այն \u200b\u200bփաստով, որ HTML- ում կա երկու պիտակ, որոնք տեքստ են տալիս տեքստին: Սա Em եւ I. Ի դեպ, երկրորդը ներկառուցված է WordPress Engine HTML խմբագրիչի մեջ, որում ես հիմա եմ այս հոդվածը, Ինչ են տարբերվում այս պիտակները: Իրականում, այսօր ես չէի ցանկանա բարձրաձայն հայտարարել, որ ինչ-որ բան են տարբերում:
Ընդհանուր առմամբ, EM- ն օգտագործվում է հատուկ ինտոնացիայով պետք է նշելու այն բառերը, որոնք անհրաժեշտ է արտասանել հատուկ ինտոնացիա, եւ ես պարզապես կարեւորում եմ տեքստը: Բայց մենք դրա վրա չենք անհանգստացնի, քանի որ դա անհայտ է, դա ճիշտ է:
Որոնք են CSS հատկությունները խաչմերուկի տեքստի համար:
Սա տառատեսակի ոճի ունեցվածքն է եւ դրա italic արժեքը: Դեռեւս կա թեք արժեք եւ տեքստը վերածում է հակված: Կա որեւէ տարբերություն այս արժեքների միջեւ: Գործնականում ոչ: Ի դեպ, մանրամասն այդ մասին եւ ուրիշներ cSS հատկություններ Տեքստի համար կարդացեք համապատասխան հոդվածում, որտեղ դարակների վրա ամեն ինչ տարրալուծվում է:
Ինչպես բերել ոչ ստանդարտ տառատեսակ Իտալականության մեջ:
Փաստն այն է, որ եթե կապում եք ոչ ստանդարտ տառատեսակ Google տառատեսակներ: Այս դեպքում դուք պետք է նշեք տուփը, երբ միանաք առնվազն 1 տառատեսակի լար: Եթե \u200b\u200bդա չի արվել, ապա երբ փորձում եք նման տառատեսակի իրեր կազմել, դա պարտադրված կլինի ստանդարտ տառատեսակներից մեկը: Ի դեպ, այս հոդվածում ոչ ստանդարտ տառատեսակները կապելու մասին կարող եք կարդալ:
Այս նկարում կարող եք տեսնել տառատեսակի կապի մի հատվածի միջոցով google Service Տառատեսակներ:
Ինչպես երեւում է, առնվազն մեկ տանիքի մակագրությամբ մոտ է: Այժմ, անհրաժեշտ պիտակների կամ ոճի հատկությունները օգտագործելիս իսկապես այս տառատեսակը կդառնա իմաստալից, եւ ոչ թե այլ:
Այսպիսով, մենք ապամոնտաժեցինք բոլոր այն պահերը, որոնք գտնվում են խաչմերուկի հետ աշխատելու մեջ: Այլեւս չէ, որ ձեզ համարձակվի ձերբակալել:
Տեքստում բառը կամ արտահայտությունը կարեւորելու ամենահեշտ ձեւերից մեկը `օգտագործեք տառերի մեկ այլ նկար: Այսպիսով, դուք կարող եք շեշտել բառը կամ արտահայտությունը, օգտագործելով համարձակ էջերը հեշտությամբ, թույլ են տալիս ընդգծել բառերը, օգտագործելով տարբեր ձեւավորումներ, միջին, ընդգծված, ճարպային:
Ճարպի տառատեսակը, որպես հիմնական բանը կարեւորելու միջոց
Բառերը, որոնք ընդգծված են համարձակ տառերով, առավել պայծառ ու բռնում են: Նման բառերը եւ արտահայտությունները անմիջապես շտապում են աչքերի մեջ: Այսպիսով, որպեսզի սովորեք, թե ինչպես արագորեն հատկացնել տեքստում անհրաժեշտ տեղերը, պետք է հիշեք հատուկ HTML կոդը: Համարձակ տառատեսակ Ուցադրվել է զույգի պիտակով:
Խոսքից կամ արտահայտությունից առաջ, առաջարկ, որը պետք է ընդգծվի, պիտակի բացումը սահմանված է , Տեքստում վերջին նամակից հետո, որը պետք է ընդգծվի, տեղադրվում է փակման պիտակ, Այն ամենը, ինչ ստացվում է այս երկու պիտակների միջեւ, զննարկիչում ցուցադրելիս ունի ճարպային հարված:
Այլ ընտրանքներ
Այսպիսով, մենք պարզեցինք, որ դուք կարող եք ընտրել տեքստ `օգտագործելով այլ դիզայն: Որոշեց, որ առավել պարզ եւ միեւնույն ժամանակ արդյունավետորեն ճարպ hTML տառատեսակ, Հիմա եկեք խոսենք ընտրության այլ տարբերակների մասին:
Այսպիսով, դուք կարող եք ընտրել տեքստային տեքստերում `զույգի պիտակով , շեշտեք այն , Սա ամենաշատն է Պարզ եղանակներ Ընտրելով տեքստը:
Կան նաեւ ավելի քիչ հայտնի եւ օգտագործված պիտակներ, որոնց միջոցով տեքստում կարող եք բառեր եւ առաջարկություններ հատկացնել: Այսպիսով, տեքստը հատելու համար բավական է օգտագործել , Դրեք տեքստը Monosol- ը կօգնի զույգին , Եթե \u200b\u200bՁեզ անհրաժեշտ է ստեղծել վերին ցուցանիշ, օգտագործել , Nizhny - .
Միեւնույն ժամանակ, ինչպես նախկինում, ձեզ անհրաժեշտ տեքստը պետք է լինի բացման եւ փակման պիտակի միջեւ: Ինչպես տեսնում եք, բարդ բան չկա, գլխավորը `հիշել այս կոդերը կամ այրել դրանք:
Օգտագործեք բազմաթիվ տառատեսակներ
Եթե \u200b\u200bցանկանում եք ավելի շատ արտահայտել տեքստը, կարող եք օգտագործել ոչ միայն ճարպային տառատեսակը: HTML-Markup- ը թույլ է տալիս միաժամանակ ընտրել բառը `օգտագործելով բազմաթիվ պատյաններ: Այսպիսով, դուք կարող եք միաժամանակ դարձնել ճարպը, հատել եւ նկատի ունենալ:
Միեւնույն ժամանակ անհրաժեշտ է հիշել մի բան. Բոլոր պիտակները պետք է հաջորդաբար փակվեն: Օրինակ, ճիշտ գրառումը կարող է լինել այսպիսին.
- Ընտրված տեքստը.
Եթե \u200b\u200bպիտակները փակեք այլ կարգով, տեքստը սխալ կհատկացվի: Սխալ մուտքի օրինակ.
- Ընտրված տեքստը.
Այս դեպքում զննարկիչը շփոթված է եւ չի հասկանա, թե կոնկրետ ինչ եք ուզում դրանից:
Ի դեպ, այստեղ կարելի է նշել, որ նկարելու երեք տարբերակ `ճարպը, ընդգծված եւ միջին. Հիշեք բավականին հեշտ, եթե բառի տաք ստեղներ ունեք: Այնտեղ նկարը տեղադրվում է, օգտագործելով նույն տառի ստեղները, երբ սեղմում են CTRL- ը:
Ինչպես տեսնում եք, կարող եք օգտագործել ոչ միայն դասընթաց կամ ճարպային տառատեսակ: HTML Markup- ը թույլ է տալիս կարեւորել բառերը այնքան հեշտ, որքան սովորական բառը:
Եզրակացություններ
Ոչ միայն գույներն ու երանգները, տարբեր չափսերը եւ տառատեսակը տեսակը, այլեւ դրա մակագրությունը լայնորեն օգտագործվում են տեքստը կարեւորելու համար: Ավելին, հենց այն է, որ տարբեր ուրվագիծ է, որը գեղեցիկ է եւ հեշտ է ընտրել տեքստի մեկ կամ մեկ այլ հատված:
Տառատեսակը կպչելը փոխելու համար դուք պետք է օգտագործեք ձեզ համար հայտնի ցանկացած պիտակ: HTML էջերի ճարպային տառատեսակը ամենավառ ու նկատելի է, ուստի այն ամենից հաճախ օգտագործվում է կարեւորելու համար:
