Հեղինակ:
Monica Porter
Ստեղծման Ամսաթիվը:
22 Մարտ 2021
Թարմացման Ամսաթիվը:
1 Հուլիս 2024
![Դաս 3 #HTML5 / Input, Form և նկարներ [img] || Sami Hayrapetyan](https://i.ytimg.com/vi/V2NoYTZ1QTA/hqdefault.jpg)
Բովանդակություն
Բազմաթիվ տարածքներ, որոնք սովորաբար ստեղծվում են բացեր, ներդիրների ստեղներ և մուտքագրման ստեղներ, բոլորը անտեսվում են վեբ ծրագրավորման լեզուներում: HTML- ը բոլորն էլ սահմանում է որպես բառերի միջև կանոնավոր տարածություններ և ցուցադրում է միայն մեկ տարածություն: Չնայած CSS- ն թույլ է տալիս ավելի մանրամասն պարամետրեր սպիտակ տարածության և հավասարեցման համար, HTML- ը չունի մի քանի ներկառուցված գործիքներ `ձեր տարածությունը հարմարեցնելու համար:
Քայլեր
2-ի մեթոդը 1. Տեղադրեք տարածություններ և մեկ էջանիշ
Տեղադրեք տարածությունները կոտրված չեն: Սովորաբար, HTML- ը ցույց կտա միայն մեկ տարածություն բառերի միջև, անկախ նրանից, թե քանի անգամ եք սեղմել տարածության տողը: Բազմաթիվ հարակից տարածքներ ցուցադրելու համար մուտքագրեք կամ: Այս կոդը կստեղծի հատուկ նիշ, որը կոչվում է «չխախտող տարածք» և այն միշտ ցուցադրվում է:- Վերոնշյալ նիշը կոչվում է «անխորտակելի տարածություն», քանի որ կանխում է գծերի ընդմիջումները տեղում: Եթե չարաշահում եք այս նիշը, զննարկիչը դժվարանում է գծի ընդմիջումները տեղադրել կարգավորված և ուղղահայաց կերպով:
Տեղադրեք տարբեր լայնություններով տարածություններ: Կան մի քանի այլ սուբյեկտների նիշեր, որոնք զննարկիչից պահանջում են տարածք ցուցադրել: Տարբեր զննարկիչներում այս տարածությունների ցուցադրման եղանակը մի փոքր այլ է, սակայն, ի տարբերություն հետևյալ կոդերի, չեն ազդի գծի ընդհատման վրա.- - անվանվել է տպիչի «N» տարածքի անունով (չափման միավոր), «en» տարածքը երկու անգամ ավելի լայն է, քան սովորական տարածությունը:
- - «em» տարածք, մոտավորապես հավասար է չորս տարածության:
Ներկայացնում է ներդիրը `շատ ոչ քայքայիչ տարածությամբ: Պարբերությունները կտրելու համար դուք կարող եք անընդմեջ տեղադրել անխորտակելի տարածքներ. Սա միակ լուծումն է, եթե դուք օգտագործում եք միայն HTML, բայց եթե օգտագործում եք CSS (նկարագրված է ստորև նշված քայլին առանձին), այն ավելի կարճ կլինի:- Եթե կա տեքստի բարդ ներկայացում, օգտագործեք նախնական պիտակը:
Պարբերությունները հավասարեցրեք CSS- ի հետ: CSS- ի «լուսանցքի» և «լրացման» հատկությունները հրահանգներ են տալիս ուղղակիորեն զննարկչին, ուստի ցուցադրվող արդյունքները ավելի հետեւողական կլինեն: Այս մեթոդը դժվար է իրականացնել, քանի դեռ դուք ոչինչ չգիտեք CSS- ի մասին, և ձեր էջը չունի ոճաթերթ: Ահա մի օրինակ, թե ինչպես մի ամբողջ պարբերություն տեղափոխել ճիշտ եզրագիծ.- Բաժնում HTML փաստաթղթի տեղադրեք հետևյալ կոդը.
որտեղ `« p.indent »- ը սահմանում է տեքստի (p պիտակի) անվանման հատկանիշ« indent »(կարող եք օգտագործել մեկ այլ անուն): Կոդի մնացած մասը պարբերության ձախ կողմում ավելացնում է «լցոնման» տարածքի հատկությունը: - Հիմա վերադառնանք HTML փաստաթղթի մարմնին: Timeանկացած անգամ, երբ ցանկանում եք պարբերություն մտցնել (այս օրինակում դեռ «խորանալ»), պարբերությունը դնել այս կոդի մեջ.
- Ընկղմման տարածությունը հավասարեցնելու համար CSS կոդի մեջ փոխեք «1.8» թիվը: «Էմ» -ն ետ պահեք, քանի որ սա տառատեսակի չափի հետ կապված երկարության միավորն է:
- Բաժնում HTML փաստաթղթի տեղադրեք հետևյալ կոդը.
2-ի մեթոդ 2. Ստեղծեք ավելի երկար բացեր
Օգտագործեք ձևափոխված պիտակներ: Անկացած բանալին տարածություն լավ Մտեք մուտքագրվում է քարտումկցուցադրվի ճիշտ այնպես, ինչպես մուտքագրում եք: Կարող եք նաև օգտագործել այս պիտակը ՝ օրինակներ, բանաստեղծություններ կամ որևէ այլ տեքստ ներկայացնելու համար, որը մեծ ճշգրտություն է պահանջում տարածության և տողերի ընդմիջումներում:
- Ձևափոխված քարտերի հիմնական թերությունը լայնությունն է: Ի տարբերություն սովորական HTML- ի, նախաձևափոխված տեքստի չափը չի փոխվի ՝ օգտագործողի պատուհանի չափին համապատասխանելու համար:
Ստեղծեք գծի ընդմիջում: Քարտ
կավարտվի տեքստի ընթացիկ տողը: Դուք կարող եք ստեղծել դատարկ տողեր, օգտագործելով գծի ընդմիջման մի քանի պիտակ: HTML- ով նոր ուսանողների համար սա լավ մոտեցում է, բայց եթե դուք սովորել եք CSS, ապա այս պարտադիր HTML ձևաչափը խորհուրդ չի տրվում:
Բացահայտեք պարբերությունը «p» պիտակով: Տեքստի շուրջ պիտակը նույնացնում է այդ պարբերությունը: Browsննարկիչներից շատերը պարբերությունը կբաժանեն դատարկ տողով, բայց տեքստի համար չի կարող երաշխավորել կայուն ձևաչափ: գովազդ
Խորհուրդներ
- Երբ վերջին անգամ ստուգում եք ձեր էջի ցուցադրումը, եթե հատվածի շուրջ անսովոր դիրքում ավելորդ նիշեր եք տեսնում, ստուգեք ՝ կա՞ն թերի պիտակներ, օրինակ ՝ <> փոխարեն
. - CSS- ն ավելի հզոր և նախաձեռնող գործիք է ինտերնետային էջերը ներկայացնելու համար, ներառյալ տեքստի համար տարածությունը:
- Սահմանափակեք հանկարծակի տարածությունները բաց պիտակի ետևում կամ փակ պիտակի դիմաց: Օրինակ, դուք պետք է գրեք տարածություններ Ուսուցողական ոչ տարածություններ Ուսուցողական .
- Անխորտակելի տարածքը սուբյեկտի բնույթի օրինակ է. Կոդ, որը ներկայացնում է նիշ, որը դուք չեք կարող մուտքագրել ստեղնաշարից:
Arnգուշացում
- HTML հատկանիշը ներկայացնում է բանալին Ներդիր Իրականում ոչ այնքան արդյունավետ, որքան կարող եք մտածել: Ստանդարտ HTML փաստաթուղթը չունի ներդիրի կանգառներ, ուստի ներդիրի նիշը ազդեցություն չունի:
- Միշտ գրեք HTML լեզուն կոդերի խմբագրում կամ պարզ տեքստային ֆայլում, մի օգտագործեք տեքստային ֆայլերի մշակման ձևաչափեր: Եթե ձեր տարածքները տարօրինակ նիշեր են դառնում ձեր վեբ զննարկչում, դա, ամենայն հավանականությամբ, պայմանավորված է բառ մշակողի կողմից ավելացված ավելորդ տվյալների պատճառով, որոնք նախատեսված չեն առցանց ցուցադրման համար: