HTML- ում տարածություններ տեղադրելու 3 եղանակ

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

HTML- ում տարածություններ տեղադրելու 3 եղանակ
HTML- ում տարածություններ տեղադրելու 3 եղանակ

Video: HTML- ում տարածություններ տեղադրելու 3 եղանակ

Video: HTML- ում տարածություններ տեղադրելու 3 եղանակ
Video: Process Monitor, powerful tool to troubleshoot applications and Windows 2024, Մայիս
Anonim

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

Քայլ

Մեթոդ 1 -ից 3 -ը ՝ HTML կոդի օգտագործումը

Տեղադրեք տարածություններ HTML- ում Քայլ 1
Տեղադրեք տարածություններ HTML- ում Քայլ 1

Քայլ 1. Բացեք HTML փաստաթուղթը:

Դուք կարող եք խմբագրել HTML փաստաթղթերը ՝ օգտագործելով տեքստ խմբագրող ծրագիր, ինչպիսիք են Notepad- ը կամ TextEdit- ը Windows- ում: Կարող եք նաև օգտագործել HTML խմբագիր, ինչպիսին է Adobe Dreamweaver- ը: Հետևեք այս քայլերին ՝ HTML փաստաթուղթ բացելու համար:

  • Որոնեք HTML փաստաթղթեր File Explorer- ում Windows համակարգչի վրա (կամ Finder- ում Mac- ում):
  • Աջ սեղմեք HTML փաստաթղթին, որը ցանկանում եք խմբագրել:
  • Սավառնել տարբերակի վրա » Բացել հետ ”.
  • Կտտացրեք այն ծրագրին, որը ցանկանում եք օգտագործել ֆայլը խմբագրելու համար:
Տեղադրեք տարածություններ HTML- ում Քայլ 2
Տեղադրեք տարածություններ HTML- ում Քայլ 2

Քայլ 2. Սեղմեք տարածության ստեղնը `սովորական տարածք ավելացնելու համար:

Սովորական տարածք ավելացնելու համար կտտացրեք այնտեղ, որտեղ անհրաժեշտ է բացատ տեղադրել և սեղմեք ստեղնաշարի տիեզերական տողը: Սովորաբար, HTML- ը բառերի միջև կցուցադրի միայն մեկ տարածություն ՝ անկախ նրանից, թե քանի անգամ եք սեղմում բացատը:

Image
Image

Քայլ 3. Մուտքագրեք, որպեսզի հարկադրաբար ավելացնեք հետևի տարածություններ:

Ստացված կոդը հայտնի է որպես չխախտվող տարածք կամ ֆիքսված տարածք, քանի որ այն կանխում է գծի պառակտումը ծածկագրի տեղադրման վայրում:

  • Օրինակ ՝ մուտքագրեք Բարև բոլորին: «Բարև» և «բոլորը» բառերի միջև լրացուցիչ տարածություն տեղադրելու համար:
  • Եթե դուք չարաշահեք այս նշանները, ձեր դիտարկիչը դժվարությամբ կդնի տողերի կոտրվածքները կոկիկ և հեշտ ընթերցվող եղանակով:
  • Կարող եք նաև մուտքագրել ՝ բռնի տեղ տեղադրելու համար:
Image
Image

Քայլ 4. Տեղադրեք տարբեր լայնությունների տարածություններ:

Կարող եք ավելի երկար տարածք ավելացնել ՝ օգտագործելով հետևյալ տարբերակներից մեկը.

  • Երկու բացատ - Տեսակ
  • Չորս բացատ - Տեսակ
  • Նահանջ - Տեսակ

Մեթոդ 2 3 -ից ՝ CSS կոդի օգտագործում

Տեղադրեք տարածություններ HTML- ում Քայլ 5
Տեղադրեք տարածություններ HTML- ում Քայլ 5

Քայլ 1. Բացեք HTML կամ CSS փաստաթուղթը:

CSS կոդը կարող է կիրառվել HTML փաստաթղթի վերնագրի վրա կամ գրվել որպես արտաքին CSS փաստաթուղթ:

HTML փաստաթղթի գլուխը գտնվում է ֆայլի վերևում: Այս բաժինը գտնվում է «» և «» նշանների միջև:

Image
Image

Քայլ 2. Ստեղծեք ոճային հատված CSS կոդի համար:

Ոճային հատվածը պետք է ավելացվի HTML կոդի գլխում կամ առանձին ոճաթերթում: Օգտագործեք հետևյալ դրոշները ՝ HTML փաստաթղթերում կամ առանձին ոճաթերթերում ոճերի հատվածներ ստեղծելու համար:

  • Մուտքագրեք ոճերի հատվածը բացելու համար: Այս նշանից հետո անհրաժեշտ է ավելացնել բոլոր CSS ծածկագրերը:
  • Մուտքագրեք ոճի հատվածը փակելու համար: Մինչև այս փակման նշանը անհրաժեշտ է մուտքագրել բոլոր CSS ծածկագիրը:
Image
Image

Քայլ 3. Ոճային հատվածում մուտքագրեք հետևյալը. P {text-indent: 5em;}. Այս դրոշը բրաուզերին ասում է, որ համապատասխան HTML HTML կոդին ավելացնելու դեպքում նահանջի հինգ բացատ:

  • Դուք կարող եք հարմարեցնել տարածությունների քանակը կամ լայնությունը `« text-indent: »ծածկագրից հետո այլ համար մուտքագրելով:
  • «Em» միավորը համարժեք է մեկ տարածության `նշված կամ կիրառելի տառատեսակի չափով: Դուք կարող եք օգտագործել այլ միավորներ, օրինակ ՝ տոկոսներ (օրինակ ՝ «տեքստ-ներդիր ՝ 15%;») կամ երկարության միավորներ (օրինակ ՝ «տեքստ-ներդիր ՝ 3 մմ;»):
Image
Image

Քայլ 4. Տիկկա

այն մասի մեջ, որի մեջ ցանկանում եք ներխուժել:

Այս նշանը պետք է ավելացվի HTML- ի տեքստում ՝ նախքան այն տեքստը, որի մեջ ցանկանում եք ներդնել: Դրանից հետո տեքստին կավելացվի ներդիրը ՝ համաձայն CSS ծածկագրում նշված բնութագրերի:

Մեթոդ 3 -ից 3 -ը. Օգտագործելով նախաստորագրված տեքստ

Տեղադրեք տարածություններ HTML- ում Քայլ 9
Տեղադրեք տարածություններ HTML- ում Քայլ 9

Քայլ 1. Բացեք HTML փաստաթուղթը:

Դուք կարող եք խմբագրել HTML փաստաթղթերը ՝ օգտագործելով տեքստ խմբագրող ծրագիր, ինչպիսիք են Notepad- ը կամ TextEdit- ը Windows- ում: Կարող եք նաև օգտագործել HTML խմբագիր, ինչպիսին է Adobe Dreamweaver- ը: Հետևեք այս քայլերին ՝ HTML փաստաթուղթ բացելու համար:

  • Որոնեք HTML փաստաթղթեր File Explorer- ում Windows համակարգչի վրա (կամ Finder- ում Mac- ում):
  • Աջ սեղմեք HTML փաստաթղթին, որը ցանկանում եք խմբագրել:
  • Սավառնել տարբերակի վրա » Բացել հետ ”.
  • Կտտացրեք այն ծրագրին, որը ցանկանում եք օգտագործել ֆայլը խմբագրելու համար:
Image
Image

Քայլ 2. Մուտքագրեք

տեքստից առաջ, որը ցանկանում եք նախաստորագրել:

Կոդը նախապես ձևափոխված տեքստի բացման նշան է:

Image
Image

Քայլ 3. Մուտքագրեք ցանկալի տեքստը"

".

Նախաստորագրմամբ «Enter» ստեղնով ստեղծված բոլոր բացատներն ու տողերի ընդմիջումները կցուցադրվեն HTML էջում:

Image
Image

Քայլ 4. Մուտքագրեք տեքստից հետո:

Նախաստորագրված տեքստի հատվածը կավարտվի:

Խորհուրդներ

  • Եթե ձեր տեղադրած տարածքը ձեր զննարկիչում արտադրում է տարօրինակ խորհրդանիշներ, հնարավոր է, որ այն առաջանա տեքստի մշակման ծրագրի ձևաչափով լրացուցիչ տվյալների պատճառով, որոնք չպետք է ցուցադրվեն ինտերնետում: Դուք կարող եք կանխել խորհրդանիշի հայտնվելը ՝ մուտքագրելով ծածկագիրը պարզ տեքստի խմբագրման ծրագրում, օրինակ ՝ Notepad կամ TextEdit:
  • CSS- ը ավելի բարդ և կանխատեսելի ոճաթերթ է ՝ վեբ էջերում տարրեր նախագծելու համար, ներառյալ տեքստի տարածությունը:
  • Ֆիքսված տարածք (չխախտող տարածք)
  • նիշերի անձի օրինակ է, կոդ, որը վերաբերում է այն բնույթին, որը դուք չեք կարող մուտքագրել ստեղնաշարի միջոցով:

Գուշացում

  • HTML նշաններ ներդիրի համար

  • չի աշխատում, ինչպես դուք կարող եք ակնկալել: Ստանդարտ HTML փաստաթղթերը չունեն աղյուսակի կանգառներ, այնպես որ այդ նիշերը չեն աշխատի:
  • Միշտ գրեք ձեր HTML կոդը կոդի խմբագրիչում կամ պարզ տեքստային ֆայլում, և ոչ թե բառերի մշակման ֆայլի ձևաչափով (օրինակ ՝ Word):

Խորհուրդ ենք տալիս: