Ինչպես ստեղծել HTML բարակ տարածություն

Ստեղծեք բաց տարածքներ եւ HTML- ի HTML- ի տարրերի ֆիզիկական բաժանումը

HTML- ում տարրերի ստեղծումը եւ տարրերի ֆիզիկական տարանջատումը կարող են դժվար է հասկանալ սկիզբը վեբ դիզայների համար: Դա այն է, որ HTML- ն ունի «գոմաղբի փլուզման» հայտնի գույք: արդյոք դուք մուտքագրել եք 1 տարածք կամ 100 ձեր HTML կոդը, վեբ բրաուզերը ավտոմատ կերպով փակում է այն տարածքները, ընդամենը մեկ տարածություն: Սա տարբերվում է Microsoft Word- ի նման ծրագրից, որը թույլ է տալիս փաստաթուղթ ստեղծողներին ավելացնել մի քանի բաց տարածքներ, այդ փաստաթղթի առանձին բառերի եւ այլ տարրերի:

Այսպես չէ, թե ինչպես է կայքի դիզայնի ընդմիջման աշխատանքները:

Այսպիսով, ինչպես եք ավելացնել բացատների HTML- ում, որոնք ցույց են տալիս վեբ էջում : Այս հոդվածը ուսումնասիրում է որոշ տարբեր ձեւեր:

HTML- ի հետ CSS- ով տարածություններ

HTML- ում ձեր տարածքները ավելացնելու նախընտրելի ձեւը Cascading Style Sheets- ի (CSS) հետ է : CSS- ն պետք է օգտագործվի վեբ-էջի ցանկացած տեսողական կողմնակի ավելացնելու համար, եւ քանի որ տարածությունը հանդիսանում է էջի վիզուալ նախագծման առանձնահատկությունների մի մասը, CSS- ն այն է, որտեղ դուք ցանկանում եք դա անել:

CSS- ում դուք կարող եք կամ մարջան կամ padding հատկությունները օգտագործել տարրերի շուրջ տարրեր ավելացնելու համար: Բացի այդ, տեքստը անջատված հատկություն տեքստի տիեզերքին ավելացնում է տերմինը, ինչպես օրինակ, պարբերությունները ստորագրելու համար:

Ահա մի օրինակ, թե ինչպես օգտագործել CSS- ը `ձեր պարբերությունների առջեւ տարածություն տարածելու համար: Կցեք հետեւյալ CSS ձեր արտաքին կամ ներքին ոճաթերթին:

p {
text-indent: 3em;
}

HTML- ի տարածքներ. Inside ձեր տեքստը

Եթե ​​պարզապես ցանկանում եք ավելացնել ձեր լրացուցիչ տիեզերքը կամ երկուսը, ապա կարող եք օգտագործել ոչ անկանոն տարածություն:

Այս բնավորությունը գործում է այնպես, ինչպես ստանդարտ տիեզերքի բնույթը, միայն այն չի փչում բրաուզերի ներսում:

Ահա մի օրինակ, թե ինչպես պետք է ավելացնել հինգ տարածություն տեքստի տողում.

Այս տեքստը ներսում հինգ լրացուցիչ տարածություն ունի

Օգտագործում HTML:

Այս տեքստն ունի & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; հինգ լրացուցիչ տարածքներ ներսում

Դուք նաեւ կարող եք օգտվել tag tag- ից լրացուցիչ տողային ընդմիջումներից:

Այս նախադասությունը ունի հինգ տողային ընդմիջում

Ինչու HTML- ի ընդգրկումը վատ մտայնություն է

Թեեւ այս ընտրանքները աշխատում են այնպես, որ անջատող տարածությունների տարրը իսկապես ավելացնեն ձեր տեքստի ընդգրկույթը եւ գծի ընդմիջումները կավելացնեն վերը նշված պարբերության մեջ ընդգրկույթը, սա ձեր կայքէջում տարածություն ստեղծելու լավագույն տարբերակ չէ: Այս տարրերը ձեր HTML- ին ավելացնելու համար վիզուալ տեղեկատվությունը կցուցադրվի կոդը `փոխելով էջի կառուցվածքը (HTML) տեսողական ոճերից (CSS): Լավագույն պրակտիկան թելադրում է, որ դրանք պետք է առանձին լինեն մի շարք պատճառներով, ներառյալ ապագայում թարմացնելու հեշտությունը եւ ընդհանուր ֆայլի չափը եւ էջի կատարումը:

Եթե ​​դուք օգտագործում եք արտաքին ոճի թերթիկ, ձեր բոլոր ոճերն ու միջակայքերը թելադրելու համար, ապա ամբողջ ոճը փոխելով ամբողջ կայքը հեշտ է անել, քանի որ պարզապես պետք է թարմացնեք այդ մեկ ոճաթերթիկը:

Քննարկեք վերոհիշյալ վերոհիշյալ օրինակն այն վերջում հինգ տեքստով: Եթե ​​դուք ցանկանում եք, որ յուրաքանչյուր պարբերության ստորին մասում այդ քանակի տարածություն լինի, ապա պետք է այդ HTML կոդը ավելացնել ձեր ամբողջ կայքում յուրաքանչյուր պարբերություն: Դա արդար չափերի լրացուցիչ տառատեսակ է, որը կծում է ձեր էջերը:

Բացի այդ, եթե դուք որոշեք այն ճանապարհը, որը այս ընդգրկույթը չափազանց շատ է կամ շատ քիչ է, եւ ցանկանում եք փոխել այն մի քիչ, դուք պետք է խմբագրեք յուրաքանչյուր պարբերություն ամբողջ կայքում: Ոչ, շնորհակալ եմ!

Այս կոդավորման տարրերը ձեր կոդում ավելացնելու փոխարեն օգտագործեք CSS- ը:

p {
padding-bottom: 20px;
}

CSS- ի մեկ տողը ձեր էջի պարբերությունների ներքո կբաժաներ տատանումներ: Եթե ​​ցանկանում եք փոխել այդ հեռավորությունը ապագայում, խմբագրել այս մեկ գիծը (ձեր ամբողջ կայքի կոդի փոխարեն), եւ դու լավն ես:

Այժմ, եթե ձեր կայքի մի մասում ավելացնեք մեկ տարածություն, օգտագործեք
պիտակը կամ մեկ անջատող տարածքը աշխարհի վերջը չէ, բայց պետք է զգույշ լինել:

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