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

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

Օգտագործեք nbsp նիշերը չընդհատվող տարածության համար:

HTML-ը, ի տարբերություն MS Word-ի փաստաթղթի, չի ճանաչում լրացուցիչ տարածություն, որը պարզապես մուտքագրվում է բացատ տողի հետ: Փոխարենը, դուք պետք է օգտագործեք HTML-ի լեզուն և խորհրդանիշները, որպեսզի ստանաք ձեր ուզած արդյունքը: Ձեր HTML-ում չընդհատվող տարածություն տեղադրելու համար մուտքագրեք « « այն վայրից հետո, որտեղ ցանկանում եք լրացուցիչ տարածք: Այնուհետև այն կճանաչի որպես ձեր ուզած տարածություն ձեր փաստաթղթի այդ վայրում: Հիշեք, որ դուք չպետք է չափազանց շատ օգտագործեք այս տեխնիկան անընդմեջ, քանի որ այն կարող է շփոթեցնել բրաուզերներին:

virusowy / Getty Images

Տեղադրեք մի քանի բացատներ այս տեխնիկայով:

Եթե ​​բառից հետո անհրաժեշտ է տեղադրել մեկից ավելի բացատ, կարող եք օգտագործել «&ensp» երկու բացատը: Չորս բացատների համար մուտքագրեք «&emsp. Կարող եք օգտագործել ներդիրի ընտրությունը, այնուհետև չորս անգամ անընդմեջ սեղմել « » նիշերը՝ բառերից հետո ավելի երկար տարածություն մտցնելու համար: Այս ռազմավարություններից որևէ մեկը կաշխատի ձեր HTML փաստաթղթում ընտրված բառերից հետո ավելի շատ սպիտակ տարածություն ավելացնելու համար:

scanrail / Getty Images

Նահանջ պարբերություններ՝ օգտագործելով կասկադային ոճային թերթիկներ:

Կասկադային ոճի թերթիկները (CSS) HTML-ի վրա հիմնված արձանագրություն են, որը թույլ է տալիս HTML-ը ավելի քիչ պաշտոնական կերպով տեղադրել: Օգտագործելով CSS մեթոդները, դուք ստիպված չեք լինի օգտագործել HTML-ի երկար ձևը, հետևաբար խնայելով ժամանակը: CSS-ի ձևաչափը տարբերվում է ստանդարտ HTML-ից, բայց այն իր մեջ ներառում է HTML: Դուք կարող եք օգտագործել CSS ձևաչափը՝ նահանջելու համար՝ դրանով իսկ ստեղծելով ձեր անհրաժեշտ տարածքները ձեր HTML-ում: Մեկ տող, որը կարող եք օգտագործել սա տեղադրելու համար, p. indent {padding-left: 1.8 em} Հիշեք, որ այս կոդը պետք է տեղադրվի ձեր HTML պիտակների միջև:

լացող հրեշտակների նախապատմություն

NicoElNino / Getty Images

Օգտագործեք այս թեգը՝ տողերի ընդմիջումներ ստեղծելու համար:

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

Abscent84 / Getty Images

Օգտագործեք այս նիշերի պիտակը նոր պարբերություն սահմանելու համար:

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

Եթե ​​Ձեզ անհրաժեշտ է ստեղծել նոր պարբերություն, մուտքագրեք

նիշը այն կետում, որտեղ ցանկանում եք տեղադրել ներդիրը: Սա պետք է օգնի փաստաթղթի տեսքին, մինչ դուք ստեղծում եք ձեր բովանդակությունը:

exdez / Getty Images

Բացատներ կարդալու համար օգտագործեք նախապես ձևաչափված տեքստի տարբերակը:

Եթե ​​ցանկանում եք, որ կարողանաք կարդալ ձեր ստեղծած բացերը՝ օգտագործելով enter ստեղնը, կարող եք դա անել՝ նախապես ձևաչափված տեքստային տարածքից առաջ և հետո տեղադրելով պարզ HTML թեգ: Պարզապես մուտքագրեք այն բառերը, որոնք ցանկանում եք ֆորմատավորել պիտակների միջև այսպես՝ |_+_| Դա անելուց հետո «enter» ստեղնով տեղադրած բոլոր բացերը կցուցադրվեն այս տեխնիկայի միջոցով:

welcomia / Getty Images

Կրկնակի ստուգեք՝ «անփույթ HTML»-ից խուսափելու համար:

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

mrPliskin / Getty Images

Հավասարեցրեք ձեր տեքստը վեբ էջում:

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

Ձախ հավասարեցում

Սավուշկին / Getty Images

Նախադիտեք ձեր HTML-ը հրապարակելուց առաջ:

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

SolStock / Getty Images

Սովորեք HTML5:

Մեկ այլ հուշում, որը մենք ձեզ հետ կթողնենք, այն է, որ այն պետք է տեղադրեք ձեր ցուցակում՝ HTML5 սովորելու համար: Այն ներառում է ստանդարտ HTML լեզվի բազմաթիվ տարրեր, ինչպես նաև ծրագրավորման ավելի ժամանակակից ասպեկտներ, որոնք օգտագործվում են հավելվածների մշակման և այլ հավելվածներում: Եթե ​​դուք սովորեք HTML5, ապա ձեր զինանոցում կունենաք ավելի շատ հնարքներ, որոնք կարող եք օգտագործել կայքերի, բլոգերի կամ այլ առցանց հավելվածների և ծրագրերի համար կոդավորելիս:

ռելիֆ / Getty Images