Dala izikhala nokuhlukaniswa ngokomzimba kwezakhi ku-HTML nge-CSS
Ukwakha izikhala nokuhlukaniswa ngokomzimba kwezakhi ku-HTML kungaba nzima ukuyiqonda ngokuqala umklami wewebhu. Lokhu kungenxa yokuthi i- HTML inempahla eyaziwa ngokuthi "i-whitespace iwa phansi." kungakhathaliseki ukuthi uthayipha isikhala esingu-1 noma i-100 ku-ikhodi yakho ye-HTML, isiphequluli sewebhu sishintsha ngokuzenzakalelayo lezo zindawo phansi kwesinye isikhala esisodwa. Lokhu kuhluke ohlelweni olufana ne- Microsoft Word , oluvumela abakhi bomqulu ukuba bafake izikhala eziningi ukuze bahlukanise amagama nezinye izakhi zalowo dokhumenti.
Lokhu akuyona indlela ukuhlukaniswa kwewebhusayithi kusebenza ngayo.
Ngakho-ke, ufaka kanjani ama-whitespaces ku-HTML avela ekhasini lewebhu ? Lesi sihloko sihlola ezinye zezindlela ezahlukene.
Izikhala ku-HTML nge-CSS
Indlela ekhethwayo yokwengeza izikhala ku-HTML yakho ineSpredish Style Sheets (CSS) . I-CSS kufanele isetshenziswe ukwengeza noma yiziphi izici ezibukwayo zekhasi lewebhu, futhi njengoba ukuhlukanisa kuyingxenye yezimpawu zokubuka ezibonakalayo zekhasi, i-CSS yilapho ofuna khona lokhu kwenziwe.
Ku-CSS, ungasebenzisa noma imikhakha noma izakhiwo zokugqoka ukuze ungeze isikhala ezungeze izakhi. Ukwengeza, impahla yombhalo yombhalo ineza isikhala ngaphambili kwombhalo, njengezigaba ezingenayo.
Nasi isibonelo sendlela yokusebenzisa i-CSS ukwengeza isikhala phambi kwazo zonke izigaba zakho. Engeza i-CSS elandelayo kwishidi lakho lesitayela sangaphandle noma sangaphakathi :
p {
ukufakwa kombhalo: 3em;
}}
Izikhala ku-HTML: Ngaphakathi Kombhalo Wakho
Uma nje ufuna ukwengeza isikhala esingeziwe noma ezimbili kumbhalo wakho, ungasebenzisa isikhala esingenqamuki.
Lo mlingisi wenza njengomlingisi wesikhala esivamile, kodwa awuwi phakathi kwesiphequluli.
Nasi isibonelo sendlela yokwengeza izikhala ezinhlanu ngaphakathi komugqa wombhalo:
Lo mbhalo unezikhala ezingaphezulu eziyisihlanu ngaphakathi kwawo
Isebenzisa i-HTML:
Le mibhalo ine & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; izindawo eziyisihlanu ezengeziwe ngaphakathi kwalo
Ungasebenzisa futhi ithegi
ukwengeza izinqamuleli ezingaphezulu.
Lo musho unemigqa emihlanu yezinqamuleli ekugcineni
Kungani ukusabalalisa ku-HTML kungumqondo omubi
Ngenkathi lezi zindlela zombili zombili zisebenza - isici se-spac non-breaking sizofaka impela isikhala ematheksthini akho futhi ukuhlukaniswa kwemigqa kuzokwengeza isikhala ngaphansi kwesigaba esiboniswe ngenhla - lena akuyona indlela engcono yokudala isikhala ekhasini lakho lewebhu. Ukwengeza lezi zakhi ku-HTML yakho kunezela ulwazi lokubuka kwikhodi esikhundleni sokuhlukanisa isakhiwo sekhasi (i-HTML) kusuka ezitayela ezibukwayo (CSS). Imikhuba emihle ibonisa ukuthi lezi kufanele zihluke ngezizathu eziningana, kufaka phakathi kalula ukubuyekezwa esikhathini esizayo kanye nosayizi jikelele wefayela nokusebenza kwekhasi.
Uma usebenzisa ishidi lesitayela langaphandle ukuze uqondise zonke izitayela zakho kanye nokukhala, ukushintsha lezo zitayela zendawo yonke kulula ukwenza, ngoba nje kufanele uvuselele ishidi lesitayela esisodwa.
Cabanga ngesibonelo esingaphezulu kwesigwebo ngama-tags amahlanu ekupheleni kwawo. Uma ngabe ufuna leso sikhala sokuhlukanisa phansi kwesigaba ngasinye, kuzodingeka ukwengeze leyo khodi ye-HTML kuzo zonke izigaba kusayithi lakho lonke. Lona inani elilinganayo lomklomelo owengeziwe okuzovimbela amakhasi akho.
Ukwengeza, uma unquma umgwaqo wokuthi le ndawo isincane kakhulu noma encane kakhulu, futhi ufisa ukuyishintsha kancane, kuzodingeka uhlele isigaba ngasinye kwi-website yakho yonke. Cha ngiyabonga!
Esikhundleni sokungeza lezi zinto zokuhlukanisa kukhodi yakho, sebenzisa i-CSS.
p {
i-padding-ngezansi: 20px;
}}
Lelo chungechunge le-CSS lingeza isikhala ngaphansi kwezigaba zekhasi lakho. Uma ufuna ukushintsha lokho kuhlukanisa esikhathini esizayo, hlela lo mzila (esikhundleni sekhodi yakho yonke yesayithi) futhi kuhle ukuhamba!
Manje, uma udinga ukungeza isikhala esisodwa kwenye ingxenye yewebsite yakho, usebenzisa ithegi
noma isikhala esisodwa esingasiyo ukuphela akuyona ukuphela kwezwe, kodwa kudingeka uqaphele.
Ukusebenzisa lezi zindlela zokukhethwa kwe-HTML eline-inline kungaba umthambeko osheshayo. Ngenkathi omunye noma ababili bengalimazi isayithi lakho, uma uqhubeka phansi ngaleyo ndlela, uzoletha izinkinga emakhasini akho. Ekugcineni, kungcono ukubuyela ku-CSS ye-HTML isikhala, nazo zonke ezinye izidingo ezibonakalayo zekhasi lewebhu.