Կարմիր html գիծը կարող է սահմանվել 4 տարբեր ձևերով: Թեև ծրագրավորման այս լեզուն այս երևույթի համար հատուկ ստանդարտներ չի ապահովում, ուստի այս առումով սահմանափակումներ չկան: Այս հոդվածում մենք կօգտագործենք ոչ ստանդարտ գործիքների հավաքածու կարմիր գիծ ստեղծելու համար:

1-ին մեթոդ

Արժե սկսել ամենատարածված մեթոդից: Միայն այս դեպքում է անհրաժեշտ օգտագործել կասկադային աղյուսակներ, քանի որ CSS-ն անքակտելիորեն կապված է հիպերտեքստի նշագրման լեզվի հետ։ Կարմիր html գիծը կարող է սահմանվել՝ օգտագործելով «text-indent» հատկությունը։ Բավական է նշել ցանկալի տարրը և այն հեռավորությունը, որը կօգտագործվի փաստաթղթի ձախ մասում խորշելու համար: Օրինակ՝ «p (text-indent: 20px;)» գրելը նշանակում է, որ յուրաքանչյուր էջ պարբերությունում 20 պիքսելանոց կարմիր գիծ է կազմվելու: Դուք կարող եք օգտագործել տեքստի ցանկացած բլոկ որպես տարր, որի համար դուք նշում եք արժեքը: Փաստորեն, այս հատկությունը չի սահմանում կարմիր գիծը, այլ պարզապես ցույց է տալիս ընտրված տարրի առաջին տողի նահանջը: Բայց ո՞վ կնկատի տարբերությունը։ «Text-indent» հատկությունը կարող է ընդունել երեք տարբեր տեսակի արժեքներ.

• Չափման ցանկացած ընդհանուր ընդունված միավոր, օրինակ px (պիքսել), դյույմներով, pt (կետեր) և այլն:
• Տոկոսային արժեք. Այս դեպքում հաշվի է առնվում մայր տարրից հեռավորությունը:
• Ժառանգել. Երբ այս արժեքը նշված է, հատկությունը կժառանգվի մայր տարրից:

2-րդ մեթոդ

html-ում կարմիր գիծը կարող է սահմանվել առանց կասկադային աղյուսակների միացման: Բավական է էջի սկզբնական կոդի առաջին նիշից առաջ մի քանի բացատ դնել։ Դուք պարզապես պետք է օգտագործեք հատուկ նիշեր, մասնավորապես « », քանի որ եթե կանոնավոր բացատ դնեք, միայն մեկը հաշվի կառնվի: Եվ օգտագործելով այս խորհրդանիշը, կարող եք սահմանել պահանջվող խորշը: Նման կարմիր HTML գիծը չի ունենա գլոբալ կիրառություն, և դուք ստիպված կլինեք ավելացնել բոլոր բացերը ձեռքով: Այս մինուսը մեծապես կծանրաբեռնի ձեզ մեծ քանակությամբ փաստաթղթերի հետ աշխատելիս: Այս մեթոդը նաև անվավեր կհայտարարի ձեր էջի կոդը:

3-րդ մեթոդ

Եզրակացություն

Որպես եզրակացություն կարելի է ասել, որ html-ը CSS-ի հետ միասին թույլ է տալիս ստեղծել էֆեկտների լայն տեսականի։ Երբեմն հատկությունները և տարրերը չեն օգտագործվում իրենց նպատակային նպատակների համար, բայց դուք չպետք է շատ շեղվեք պիտակների ստանդարտ իմաստից:

Որպես կանոն, տեքստի բլոկները բաժանվում են պարբերություններով (պարբերություններ): Լռելյայնորեն, պարբերությունների միջև կա մի փոքր ուղղահայաց տարածություն, որը կոչվում է բացատ: Պարբերությունների ստեղծման շարահյուսությունը հետևյալն է.

1-ին պարբերություն

Պարբերություն 2

Յուրաքանչյուր պարբերություն սկսվում է պիտակով

Եվ ավարտվում է կամընտիր փակման պիտակով

.

Ցանկացած գրքում առաջին տողի նահանջը, որը նաև կոչվում է «կարմիր գիծ», օգտագործվում է հաջորդ պարբերությունն ընդգծելու համար։ Սա թույլ է տալիս ընթերցողին հեշտությամբ փնտրել նոր տող և դրանով իսկ մեծացնում է տեքստի ընթեռնելիությունը: Վեբ էջում այս տեխնիկան սովորաբար չի օգտագործվում, բայց padding-ն օգտագործվում է պարբերությունները առանձնացնելու համար:

Օրինակ 7.1-ը ցույց է տալիս պարբերությունների օգտագործումը տողերի միջև նահանջներ ստեղծելու համար:

Օրինակ 7.1. Պարբերությունների օգտագործումը

Որոշ տեղերում դեռ փետրվար է, որոշ տեղերում՝ արդեն ապրիլ։

Ժամանակն անցնում է, հավերժական հաշվում. տարեցտարի, դար առ դար...

Ամեն ինչում՝ նրա անշտապ տեմպը, սև վազքը:

Տարվա մեջ ուրախության և տխրության քսանհինգ շաբաթ կա:

Ես քսանհինգ շաբաթ եմ անցել փետրվարի, իսկ քսանհինգ շաբաթ՝ ապրիլի:

Քսանհինգ շաբաթ շարունակ դարեր են անցնում մշուշի մեջ։

Իմ հնչեղ ֆարսը թռչում է ինչ-որ տեղ դեպի ամպերը:

Մ.Շչերբակով

Այս օրինակի արդյունքը ներկայացված է Նկ. 7.1.

Բրինձ. 7.1. Պարբերություններ օգտագործելիս վեբ էջի վրա նահանջը

Ինչպես երևում է նկարից, պիտակն օգտագործելիս

Պարբերությունների միջև չափազանց շատ բացեր կան: Դուք կարող եք ազատվել դրանցից, եթե ավելացնեք պիտակ տողերի ընդմիջումների ժամանակ.
. Ի տարբերություն պարբերության, տողերի ընդմիջման պիտակ
չի ստեղծում լրացուցիչ ուղղահայաց տարածություններ տողերի միջև և կարող է օգտագործվել գրեթե ցանկացած տեքստում:

Այսպիսով, օրինակ 7.1-ի տեքստը, հաշվի առնելով տողերի ընդմիջումները, կվերափոխվի հետևյալ կերպ (օրինակ 7.2):

Օրինակ 7.2. Նշել

Որոշ այգիներում ծաղկում են նուշերը, իսկ մյուսներում՝ ձնաբուք։
Որոշ տեղերում դեռ փետրվար է, որոշ տեղերում՝ արդեն ապրիլ։
Ժամանակն անցնում է, հավերժական հաշվում. տարեցտարի, դար առ դար...
Ամեն ինչում՝ նրա անշտապ տեմպը, սև վազքը:
Տարվա մեջ ուրախության և տխրության քսանհինգ շաբաթ կա:
Ես քսանհինգ շաբաթ եմ անցել փետրվարի, իսկ քսանհինգ շաբաթ՝ ապրիլի:
Քսանհինգ շաբաթ շարունակ դարեր են անցնում մշուշի մեջ։
Իմ հնչեղ ֆարսը թռչում է ինչ-որ տեղ դեպի ամպերը:

Մ.Շչերբակով

Օրինակի արդյունքը ներկայացված է Նկ. 7.2. Երևում է, որ տեքստի տողերի միջև հեռավորությունը նվազել է և այն ավելի կոմպակտ տեսք է ստացել։

Պարբերություն, տարածություն, HTML բլոկ և պարբերություն սահմանող պիտակներ

Եկեք մանրամասն նայենք դրան HTML բլոկներ և պարբերություններորպես վեբ էջի տարրեր:

• HTML պարբերությունսահմանված պիտակներով:
• HTML պարբերություններսովորաբար պարունակում է տեքստ, ձևաչափման պիտակներ և պատկերներ:
• HTML պարբերությունչի կարող պարունակել բլոկի տարրեր, ինչպիսիք են վերնագրերը
  

  -

  , արգելափակել
  և այլ պարբերություններ։
• HTML բլոկսահմանված պիտակներով
  .
• HTML բլոկկարող է պարունակել վեբ էջի ցանկացած տարր՝ ցանկացած քանակությամբ:
• HTML բլոկներՀիանալի է վեբ էջերի համար և հեշտ է շահարկել:

Դիտարկենք ստորև նշված կոդը.

Արդյունք:

Մենք կարող ենք դա տեսնել HTML պարբերություններունեն ուղղահայաց խորշեր - սա պիտակների առանձնահատկությունն է: HTML բլոկներ

Նման տարածքները չեն ստեղծվում, քանի որ դրանք ոչ մի բեռ չեն կրում, այլ պարզապես բեռնարկղեր են։

Թեգերը չեն կարող պարունակել այլ կամ

. Ներսում կարող են տեղադրվել գծային տարրեր, ինչպիսիք են կամ, օրինակ, տեքստի ձևաչափման համար պատասխանատու պիտակները:

Թեգերը և սկզբունքորեն նույն բանն են, բայց W3C կոնսորցիումը խորհուրդ է տալիս օգտագործել փոքր տառեր: HTML-ի նոր տարբերակում, ինչպես ժամանակակից XHTML-ում, արգելված է մեծատառերի օգտագործումը թեգեր գրելիս։

Արգելափակել

կարող է պարունակել այնքան, որքան ցանկանում եք և այլ տարրեր HTMLփաստաթուղթ։ Այն իդեալական է դասավորության համար, բայց դրա մասին ավելի ուշ՝ CSS ուսուցողական դասերում:

HTML տարածություն հատուկ նիշերի աղյուսակից

HTML տարածությունթույլ է տալիս մեծացնել բառերի և նիշերի միջև հեռավորությունը:

Ինչ վերաբերում է բառերի միջև եղած բացատներին, ապա ինչքան էլ լինեն Notepad-ում, այսինքն՝ սկզբնաղբյուրում, վեբ էջում կցուցադրվի միայն մեկը։ Եթե ​​Ձեզ անհրաժեշտ է մեծացնել հեռավորությունը, օգտագործեք բացատ նիշը խորհրդանիշների աղյուսակից: Դուք կարող եք հարցնել. Ինչո՞ւ են անհրաժեշտ սովորական կերպարների այս կոդավորված իմաստները: -Պատասխանեմ՝ դրանք անհրաժեշտ են, օրինակ, նման փակագծեր ցուցադրելու համար< >. Այսինքն՝ էկրանին պիտակներ ցուցադրելու համար իմ խմբագրում գրում եմ. . Պիտակներ , ինչպես հիշում ենք, տեքստը փոխակերպեք մոնոտիեզերքի (գրամեքենա):

HTML պարբերություն ցուցադրելու եղանակներ

Պարբերության ելքի օրինակներ.

Դրան կոնկրետ ոճ տալու համար հարկավոր է տեքստը տեղադրել համապատասխան տարայի մեջ։

Բոլոր ձևաչափման պիտակները կարելի է բաժանել երեք խմբի.

1. Վերնագրի պիտակներ ( h1-h6).

2. Տեքստի ձևավորման պիտակներ ( , , ,

, 
և այլն):
3. Խմբավորման պիտակներ ( 

, 

, 

)

Վերնագրի պիտակներ
Նրանք սովորական տեքստը վերածում են որոշակի մակարդակի վերնագրի։  Նշել 

ստեղծում է առաջին մակարդակի վերնագիր՝ ամենամեծն ու ամենակարևորը (սովորաբար էջի հոդվածի վերնագիրը), 

պատասխանատու է վեցերորդ մակարդակի վերնագրի համար՝ ամենափոքրն ու ամենաաննկատելիը:  Այս թեգերը կարևոր են ինչպես օգտատերերի, այնպես էլ որոնման համակարգերի համար. երկուսն էլ սիրում են ենթավերնագրերով վերնագրեր:  Պետք է պահպանել մակարդակների հիերարխիան, այսինքն. 

պետք է գնալ 

, և ոչ հակառակը։

Հասկանալու համար, թե ինչպես է դա աշխատում, մուտքագրեք հետևյալ կոդը html ֆայլում.
 
Առաջին մակարդակի վերնագիր
Երկրորդ մակարդակի վերնագիր
Երրորդ մակարդակի վերնագիր
Չորրորդ մակարդակի վերնագիր
5-րդ մակարդակի վերնագիր
Վեցերորդ մակարդակի վերնագիր

Բրաուզերում այն ​​կունենա հետևյալ տեսքը.
Տեքստի ձևավորման պիտակներ
Թույլ է տալիս ձևաչափել նիշերի մակարդակով:  Եկեք նայենք, թե ինչ կարող եք անել նրանց հետ:
Հաստ տառատեսակ
Անհրաժեշտ է ուշադրություն դարձնել տեքստի վրա:  Դա կարևոր է նաև որոնման համակարգերի համար, նրանք կարող են ընդգծել հիմնաբառերը:
Պատասխանատու է համարձակ ոճի պիտակների համար 
Եվ .

Վերնագիր և ենթատեքստ
Դրանք կարող են օգտագործվել բանաձևերի, հավասարումների և որոշակի քանակությունների նշանակման մեջ:
Պիտակը պատասխանատու է բաժանորդագրությունների ստեղծման համար 
, վերևների համար օգտագործվում է պիտակը 
.
X 1=32 մ 2
Կրճատում
Եթե ​​Ձեզ անհրաժեշտ է ամբողջ էջում տեքստը սահմանված արժեքից մեկով պակաս դարձնել, ապա դուք պետք է օգտագործեք պիտակը 

Պարզ տեքստ. Նվազեցված տեքստ:
Ընդգծիր
Այս տեսակի ընդգծումը կարող է օգտագործվել փաստաթղթում կատարված փոփոխությունները նշելու կամ պարզապես տեքստի վրա ուշադրություն հրավիրելու համար:
Պարզ տեքստ. Ընդգծված տեքստ.
Strikethrough
Դուք կարող եք հատել տեղեկատվությունը, եթե այն արդեն կորցրել է իր արդիականությունը:  Սա դրա պիտակն է 
.
Շեղագիր
Այն անհրաժեշտ է տեքստի վրա ուշադրությունը կենտրոնացնելու համար և կարող է ստեղծվել պիտակով 
կամ 
.

Համակարգչային տեքստի մուտքագրում
Պատահում է, որ դուք պետք է վեբ էջին ավելացնեք ծրագրի սկզբնական կոդը և դրա աշխատանքի արդյունքները:  Տեքստի տարբեր մասերը միմյանցից տեսողականորեն տարբերելու համար, HTML մշակողները ներմուծեցին այս խմբի թեգերը:
Կոնտեյների մեջ 
պարունակում է ծրագրի կոդը, և դրա փոփոխականները ընդգծված են պիտակի հետ 
, իսկ կատարման արդյունքն է 
.  Կոնտեյներ 
պարունակում է տեքստ, որը օգտատերը պետք է մուտքագրի ստեղնաշարից ծրագրի հետ աշխատելիս, և այն ամենը, ինչ կցված է պիտակների մեջ 
, պահպանում է սկզբնական ձևաչափը, ներառյալ լրացուցիչ բացատները և տողերի ընդմիջումները:

  Այսպիսով ա, բ, գ, Այստեղ ծրագրի կատարման արդյունքը , և սա է օգտվողը մուտքագրել է տեքստ 
ցուցադրեց նման բան
.

Մեջբերումներ և սահմանումներ
Ծրագրի կոդը նման կլինի 
Այսպիսով 
, փոփոխականները նշանակվում են հետևյալ կերպ. 
ա, բ, գ 
, Այստեղ 
ծրագրի կատարման արդյունքը 
, և սա է 
օգտվողը մուտքագրել է տեքստ 
.  Պահպանեք բնօրինակ ձևաչափումը 
ցուցադրեց նման բան 

.

 
Մեջբերում blockquote թեգում:
Մեջբերում մեջբերման կոնտեյների ներսում:Կարճ մեջբերում հատկորոշվել է q.Նվիրված սահմանում.հապավումը (NPO, IP):

Ընդհանուր օրինակ
Ավելի լավ հասկանալու համար, թե ինչի համար է պատասխանատու յուրաքանչյուր պիտակ և ինչպես է այն աշխատում, դիտեք հետևյալ կոդը և դրա կատարման արդյունքը։
 
Չաղտեքստը կարող է վերածվել պիտակների ուժեղԵվ բ.  Հետևում շեղագիրպատասխանել emԵվ ես.
Պիտակներ ենթԵվ ընթրիքօգտագործվում է ստեղծելու համար ավելի ցածր(x 1…x n) Եվ վերին (42=16) ինդեքսներ. Դել հատում է, ներ - ընդգծում է.
Պիտակներ կոդը, կբդ, varԵվ նմուշհազվադեպ են օգտագործվում և անհրաժեշտ են ծրագրերի ցանկերը ցուցադրելու համար
 կրճատանհրաժեշտ է նշել հապավումները ( HTML)  Բլոկ մեջբերում, մեջբերում և q թեգերը օգտագործվում են չակերտների ձևաչափման համար ( Երկինքն արդեն շնչում էր աշնանը)
Նախնական պիտակը պահպանում է բնօրինակ տեքստի ձևաչափը՝ առանց բացատների կամ տողերի ընդմիջումների հեռացնելու:

Բրաուզերը այս կոդը մեկնաբանում է հետևյալ կերպ.

Խմբավորման պիտակներ
Անհրաժեշտ է, որ տեքստը չհոսի մեկ շարունակական տողով, այլ տրոհվի տրամաբանական բաղադրիչների։
Թեգերի ներսում պարբերություն է:
 
Առաջին պարբերություն
Երկրորդ պարբերություն


Նշել 

տեղափոխվում է պարբերության հաջորդ տող (տողից առաջ նահանջ չի լինի):

թույլ է տալիս գծել հորիզոնական գիծ:  Դուք կարող եք օգտագործել այն՝ տեքստն ավելի հստակ առանձնացնելու համար:  Հատկանիշներ լայնությունը, չափը, գույն, շարելԵվ noshadeսահմանել համապատասխանաբար գծի լայնությունը, հաստությունը, գույնը, հավասարեցումը և 3D էֆեկտի բացակայությունը:
 
Գծի վերևի գիծ. 
Տող ներքևում:









 «Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. կերավ «Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officicia deserunt mollit anim id est laborum»:  Պարբերություն 1.10.32 «de Finibus Bonorum et Malorum», գրված Cicero-ի կողմից մ.թ. 45 թվականին:  «Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta dicta sunt a explicabo. Nemo en. ut fu git, sedquia Consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utquamagetem ut. նվազագույնը , quis nostrum exercitationem ullam corporis suscipit laboriosam, Nisi ut Aliquid ex ea commodi consequatur?  Անգլերեն թարգմանություն 1914, H. Rackham «Բայց ես պետք է ձեզ բացատրեմ, թե ինչպես է ծնվել հաճույքը դատապարտելու և ցավը գովաբանելու այս ամբողջ սխալ գաղափարը, և ես ձեզ կտամ համակարգի ամբողջական պատմությունը և կբացատրեմ մեծ հետազոտողի իրական ուսմունքները: Ճշմարտության՝ մարդկային երջանկության վարպետ կերտողը: Ոչ ոք չի մերժում, չի սիրում կամ խուսափում հաճույքից, քանի որ դա հաճույք է, այլ որովհետև նրանք, ովքեր չգիտեն, թե ինչպես հետևել հաճույքին, բախվում են ծայրահեղ ցավալի հետևանքների: կա մեկը, ով սիրում է կամ հետապնդում է կամ ցանկանում է ցավ ստանալ ինքն իրենից, քանի որ դա ցավ է, բայց որովհետև երբեմն պատահում են հանգամանքներ, որոնց դեպքում յուղն ու ցավը կարող են նրան մեծ հաճույք պատճառել: Վերցնենք մի չնչին օրինակ՝ մեզանից ով երբևէ ձեռնարկում է ծանր ֆիզիկական վարժություններ: , «բացառությամբ դրանից ինչ-որ առավելություն ստանալու համար: Բայց ո՞վ իրավունք ունի մեղք գտնել մի մարդու հետ, ով ընտրում է վայելել հաճույքը, որը չունի տհաճ հետևանքներ, կամ խուսափում է ցավից, որը ոչ մի արդյունք չի տալիս»:  Պարբերություն 1.10.33 «de Finibus Bonorum et Malorum», գրված Ցիցերոնի կողմից մ.թ. 45 թվականին: «At vero eos et accusamus et justo odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias, բացառությամբ ոչ նախախնամության, նմանակման, որը գործում է culpa funga qui offi. harum quidem Rerum հեշտ է և արագ տարբերակ: Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, բոլոր կամավոր ենթադրում է, որ ամեն ինչ, ամեն ինչ, որը թույլ է տալիս ժամանակավորապես հեռացնել մի ժամանակ: atibus saepe evenie t "ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatatibus maiores alias consequatur aut perferendis doloribus asperiores repellat:  Անգլերեն թարգմանություն 1914, H. Rackham «Մյուս կողմից, մենք արդարացի վրդովմունքով և հակակրանքով դատապարտում ենք մարդկանց, ովքեր այնքան խաբված և բարոյալքված են պահի հաճույքի հմայքով, այնքան կուրացած ցանկությունից, որ նրանք չեն կարող կանխատեսել այն ցավն ու անհանգստությունը: պետք է հետևեն, և հավասար մեղքը պատկանում է նրանց, ովքեր թերանում են իրենց պարտականությունների կատարման մեջ կամքի թուլության պատճառով, ինչը նույնն է, ինչ ասելը նեղանալով աշխատանքից և ցավից: Այս դեպքերը միանգամայն պարզ են և հեշտ տարբերակել: Ազատ ժամում, երբ մեր ընտրության ուժն անզուսպ է, և երբ ոչինչ չի խանգարում, որ կարողանանք անել այն, ինչ մեզ ամենաշատն է դուր գալիս, ամեն հաճույք պետք է ողջունել և խուսափել ցավից: Բայց որոշակի հանգամանքներում և պարտականությունների կամ բիզնեսի պարտավորությունների պատճառով դա հաճախակի է լինելու: պատահում է, որ հաճույքները պետք է հերքվեն, իսկ տհաճությունները՝ ընդունվեն: Հետևաբար, իմաստուն մարդը այս հարցերում միշտ հավատարիմ է մնում ընտրության այս սկզբունքին. նա մերժում է հաճույքները՝ այլ ավելի մեծ հաճույքներ ապահովելու համար, կամ հակառակ դեպքում նա դիմանում է ցավերին՝ ավելի վատ ցավերից խուսափելու համար»: