Ինչպե՞ս տեղեր տեղադրել HTML- ում

Հեղինակ: Monica Porter
Ստեղծման Ամսաթիվը: 22 Մարտ 2021
Թարմացման Ամսաթիվը: 1 Հուլիս 2024
Anonim
Դաս 3 #HTML5 / Input, Form և նկարներ [img] || Sami Hayrapetyan
Տեսանյութ: Դաս 3 #HTML5 / Input, Form և նկարներ [img] || Sami Hayrapetyan

Բովանդակություն

Բազմաթիվ տարածքներ, որոնք սովորաբար ստեղծվում են բացեր, ներդիրների ստեղներ և մուտքագրման ստեղներ, բոլորը անտեսվում են վեբ ծրագրավորման լեզուներում: HTML- ը բոլորն էլ սահմանում է որպես բառերի միջև կանոնավոր տարածություններ և ցուցադրում է միայն մեկ տարածություն: Չնայած CSS- ն թույլ է տալիս ավելի մանրամասն պարամետրեր սպիտակ տարածության և հավասարեցման համար, HTML- ը չունի մի քանի ներկառուցված գործիքներ `ձեր տարածությունը հարմարեցնելու համար:

Քայլեր

2-ի մեթոդը 1. Տեղադրեք տարածություններ և մեկ էջանիշ

  1. Տեղադրեք տարածությունները կոտրված չեն: Սովորաբար, HTML- ը ցույց կտա միայն մեկ տարածություն բառերի միջև, անկախ նրանից, թե քանի անգամ եք սեղմել տարածության տողը: Բազմաթիվ հարակից տարածքներ ցուցադրելու համար մուտքագրեք կամ: Այս կոդը կստեղծի հատուկ նիշ, որը կոչվում է «չխախտող տարածք» և այն միշտ ցուցադրվում է:
    • Վերոնշյալ նիշը կոչվում է «անխորտակելի տարածություն», քանի որ կանխում է գծերի ընդմիջումները տեղում: Եթե ​​չարաշահում եք այս նիշը, զննարկիչը դժվարանում է գծի ընդմիջումները տեղադրել կարգավորված և ուղղահայաց կերպով:

  2. Տեղադրեք տարբեր լայնություններով տարածություններ: Կան մի քանի այլ սուբյեկտների նիշեր, որոնք զննարկիչից պահանջում են տարածք ցուցադրել: Տարբեր զննարկիչներում այս տարածությունների ցուցադրման եղանակը մի փոքր այլ է, սակայն, ի տարբերություն հետևյալ կոդերի, չեն ազդի գծի ընդհատման վրա.
    • - անվանվել է տպիչի «N» տարածքի անունով (չափման միավոր), «en» տարածքը երկու անգամ ավելի լայն է, քան սովորական տարածությունը:
    • - «em» տարածք, մոտավորապես հավասար է չորս տարածության:

  3. Ներկայացնում է ներդիրը `շատ ոչ քայքայիչ տարածությամբ: Պարբերությունները կտրելու համար դուք կարող եք անընդմեջ տեղադրել անխորտակելի տարածքներ. Սա միակ լուծումն է, եթե դուք օգտագործում եք միայն HTML, բայց եթե օգտագործում եք CSS (նկարագրված է ստորև նշված քայլին առանձին), այն ավելի կարճ կլինի:
    • Եթե ​​կա տեքստի բարդ ներկայացում, օգտագործեք նախնական պիտակը:

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

      որտեղ `« p.indent »- ը սահմանում է տեքստի (p պիտակի) անվանման հատկանիշ« indent »(կարող եք օգտագործել մեկ այլ անուն): Կոդի մնացած մասը պարբերության ձախ կողմում ավելացնում է «լցոնման» տարածքի հատկությունը:
    • Հիմա վերադառնանք HTML փաստաթղթի մարմնին: Timeանկացած անգամ, երբ ցանկանում եք պարբերություն մտցնել (այս օրինակում դեռ «խորանալ»), պարբերությունը դնել այս կոդի մեջ.

    • Ընկղմման տարածությունը հավասարեցնելու համար CSS կոդի մեջ փոխեք «1.8» թիվը: «Էմ» -ն ետ պահեք, քանի որ սա տառատեսակի չափի հետ կապված երկարության միավորն է:
    գովազդ

2-ի մեթոդ 2. Ստեղծեք ավելի երկար բացեր

  1. Օգտագործեք ձևափոխված պիտակներ: Անկացած բանալին տարածություն լավ Մտեք մուտքագրվում է քարտում

    կցուցադրվի ճիշտ այնպես, ինչպես մուտքագրում եք: Կարող եք նաև օգտագործել այս պիտակը ՝ օրինակներ, բանաստեղծություններ կամ որևէ այլ տեքստ ներկայացնելու համար, որը մեծ ճշգրտություն է պահանջում տարածության և տողերի ընդմիջումներում:

    • Ձևափոխված քարտերի հիմնական թերությունը լայնությունն է: Ի տարբերություն սովորական HTML- ի, նախաձևափոխված տեքստի չափը չի փոխվի ՝ օգտագործողի պատուհանի չափին համապատասխանելու համար:
  2. Ստեղծեք գծի ընդմիջում: Քարտ
    կավարտվի տեքստի ընթացիկ տողը: Դուք կարող եք ստեղծել դատարկ տողեր, օգտագործելով գծի ընդմիջման մի քանի պիտակ: HTML- ով նոր ուսանողների համար սա լավ մոտեցում է, բայց եթե դուք սովորել եք CSS, ապա այս պարտադիր HTML ձևաչափը խորհուրդ չի տրվում:
  3. Բացահայտեք պարբերությունը «p» պիտակով: Տեքստի շուրջ պիտակը նույնացնում է այդ պարբերությունը: Browsննարկիչներից շատերը պարբերությունը կբաժանեն դատարկ տողով, բայց տեքստի համար չի կարող երաշխավորել կայուն ձևաչափ: գովազդ

Խորհուրդներ

  • Երբ վերջին անգամ ստուգում եք ձեր էջի ցուցադրումը, եթե հատվածի շուրջ անսովոր դիրքում ավելորդ նիշեր եք տեսնում, ստուգեք ՝ կա՞ն թերի պիտակներ, օրինակ ՝ <> փոխարեն
    .
  • CSS- ն ավելի հզոր և նախաձեռնող գործիք է ինտերնետային էջերը ներկայացնելու համար, ներառյալ տեքստի համար տարածությունը:
  • Սահմանափակեք հանկարծակի տարածությունները բաց պիտակի ետևում կամ փակ պիտակի դիմաց: Օրինակ, դուք պետք է գրեք տարածություններ Ուսուցողական ոչ տարածություններ Ուսուցողական .
  • Անխորտակելի տարածքը սուբյեկտի բնույթի օրինակ է. Կոդ, որը ներկայացնում է նիշ, որը դուք չեք կարող մուտքագրել ստեղնաշարից:

Arnգուշացում

  • HTML հատկանիշը ներկայացնում է բանալին Ներդիր Իրականում ոչ այնքան արդյունավետ, որքան կարող եք մտածել: Ստանդարտ HTML փաստաթուղթը չունի ներդիրի կանգառներ, ուստի ներդիրի նիշը ազդեցություն չունի:
  • Միշտ գրեք HTML լեզուն կոդերի խմբագրում կամ պարզ տեքստային ֆայլում, մի օգտագործեք տեքստային ֆայլերի մշակման ձևաչափեր: Եթե ​​ձեր տարածքները տարօրինակ նիշեր են դառնում ձեր վեբ զննարկչում, դա, ամենայն հավանականությամբ, պայմանավորված է բառ մշակողի կողմից ավելացված ավելորդ տվյալների պատճառով, որոնք նախատեսված չեն առցանց ցուցադրման համար: