Ukufumana amaninzi kwiietafile ze HTML ngokusebenzisa iimpawu zeetafile
Iimpawu zeetafile ze-HTML zikunika ukulawula okungaphezulu kwietafile ze-HTML. Kukho ezininzi iimpawu ezikhoyo kwiithebula ukuze zibenomdla ngakumbi kwaye zitshintshe ukubonakala kwiphepha lakho.
Iimpawu ze-HTML ze-TABLE
Ku-HTML5 loo nto isebenzisa iimpawu zehlabathi kunye nomnye umxholo:. Kwaye yatshintshile ukuba ibe nexabiso eli-1 okanye elingenalutho (okokuthi umda = ""). Ukuba ufuna ukutshintsha ububanzi bomda, kufuneka usebenzise i-CSS-width property CSS.
Jonga ngezantsi ukuba ufunde malunga neempawu zetafile ze HTML5 ezivumelekileyo.
Kukho neempawu eziliqela eziyinxalenye ye-HTML 4.01 inkcazo eye yaphela kwi HTML5:
- -Sebenzisa isakhiwo se-CSS kwi-table yeTD kunye ne-TH.
- -Sebenzisa umda we-CSS umda-ukwahlula kwitafile.
- -Sebenzisa ii-CSS umgca-umbala-umbala: omnyama; kunye nesimo somda etafileni.
- -Sebenzisa ii- CSS umgca-umbala-umbala: omnyama; kunye nesimo somda kwizinto ezifanelekileyo zeetafile.
- -Kunjalo, kufuneka uchaze isakhiwo setafile kwi-CAPTION okanye ufake itafile yonke kwi-FIGURE kwaye uyichaze kwi-FIGCAPTION. Ngenye indlela, unokuba lula ukwenza isicwangciso setafile ukuze kungabi ncazelo.
- -Sebenzisa ububanzi beCSS.
Kwaye enye impawu eye yachithwa kwi-HTML 4.01 kwaye iphinde iphelelwe kwi-HTML5.
Funda kabanzi malunga ne-HTML 4.01 ITHEBULI Iimpawu.
- ukulungelelanisa -Sebenzisa indawo ye-margin ye-Margin esikhundleni.
Kukho neempawu eziliqela ezingenayo inxalenye yeyiphi imigaqo ye-HTML.
Sebenzisa ezi zixhobo ukuba uyazi ukuba iiphequluli ozixhasayo zingaziphatha kwaye awukhathaleli nge HTML efanelekileyo.
- -Sebenzisa umgca we-CSS yombala-endaweni.
- Umngcele -Sebenzisa umgca womda we-CSS endaweni.
- Umgca we-bordercolorlight -Sebenzisa umbala womda we-CSS endaweni.
- umda we-bordercolordark -Sebenzisa umgca womda we-CSS endaweni.
- iikholeji -Ayikho enye into ekhoyo kule mfanelo.
- ukuphakama -Sebenzisa ukuphakama kwepropati yeCSS endaweni yoko.
- -Sebenzisa umgama we-CSS umgama endaweni.
- -Sebenzisa umgama we-CSS umgama endaweni.
- -Sebenzisa indawo e-white-space endaweni ye-CSS.
- -Sebenzisa isakhiwo seCSS ngokukhawuleza-ukulungelelanisa endaweni.
Funda kabanzi malunga neSiphequluli ezicacileyo IIMBONZO ZEMIBUZO.
I-HTML5 TABLE Element Attributes
Njengoko sikhankanywe ngasentla, kukho enye impawu, ngaphaya kweempawu zehlabathi, ezichanekileyo kwi-HTML5 TABLE element: umda.
Impawu zomda zisetyenziselwa ukuchaza umda malunga netafile yonke kunye nazo zonke iiseli ngaphakathi kuyo. Kwakukho umbuzo malunga nokuba wawuya kufakwa kwi-HTML5, kodwa yahlala ngenxa yokuba inikezele ngolwazi malunga nesakhiwo setafile, ngaphaya kweempendulo zendlela.
Ukongeza isalathisi semida, ubeka ixabiso ukuya ku-1 ukuba kukho umda ongenanto (okanye ushiye umxholo) ukuba akukho. Uninzi lweziphequluli ziya kuxhasa 0 ngaphandle komda, kunye naliphi na inani elithembekileyo (2, 3, 30, 500, njl.) Ukuvakalisa ububanzi bomda kwii-pixels, kodwa oku kusemthethweni kwi-HTML5. Endaweni yoko, kufuneka usebenzise izakhiwo zeefayile zomda we-CSS ukuchaza ububanzi bomda kunye nezinye izitayela.
Ukudala itafile ngomda, bhala:
= "1" >
Le tafile eneemida
Kukho iimpawu ze-HTML 4.01 ezingagqibekanga kwi-HTML5. Ukuba uceba ukubhala amaxwebhu e-HTML 4.01, ungawafunda, ngaphandle koko, ungawahoywa. Ininzi yale micimbi inezinye iindlela, ezichazwe ngasentla.
Sichaza iimpawu zequmrhu ezivumelekileyo kwi- HTML5 (kunye ne-HTML 4.01). Oku kuchaza iimpawu ze-TABLE ezivumelekileyo kwi-HTML 4.01, kodwa zingasebenzi kwi-HTML5. Ukuba usabhala amadokhumenti e-HTML 4.01, ungasebenzisa ezi zinto, kodwa ezininzi zazo zinezinye iindlela eza kwenza amaphepha akho afumaneke ngokuzayo xa uhambisa kwi-HTML5.
I-HTML echanekileyo 4.01 Iimpawu
Isibalulo esichazwe ngasentla.
Ukwahlukana kuphela kwi- HTML 4.01 evela kwi-HTML5 kukuba unokucacisa nayiphi na inani elipheleleyo (0, 1, 2, 15, 20, 200, njl.) Ukuchaza ububanzi bomda kwii-pixels.
Ukwakha itafile ngomda we-5px, bhala:
wetafula = "5" >
Le tafile ine-5px umda.
Bona umzekelo wamatafula amabini ngemida.
Isalathisi sichaza isixa sendawo phakathi kwemida yeseli kunye nokuqukethwe kweseli. Okungagqibekanga ngamaphikseli amabini. Setha i-cellpadding kwi-0 ukuba awufuni nendawo phakathi kweziqulatho kunye nemida.
Ukusetha i-padding cell to 20, bhala:
cellpadding = "20" >
Le tafile ine-cellpadding ye-20.
Imida yeselula iya kwahlulwa ngamaphikseli angama-20.
Jonga umzekelo wetafile nge-cellpadding
I-attribute ichaza isixa sendawo phakathi kweeseli zeetafile kunye nomxholo weseli. Njenga-cellpadding, ukusilela kusekwe kwiipikseli ezimbini, ngoko ke kufuneka uyibeke ku-0 ukuba awufunanga isithuba esisele.
Ukongeza isithuba esecaleni kwitheyibhile, bhala:
cellspacing = "20" >
Le tafile ine-cellspacing ye-20.
Iiseli ziya kwahlukana ngama-pixels angama-20.
Jonga itafile nge cellspacing
Umlinganiselo uchaza ukuba yeyiphi imida yomda ojikeleze ngaphandle kwetafile iya kubonakala. Unokwenza itafile yakho kwimiqolo emine, nawaphi na icala, phezulu nangaphezulu, ngakwesobunxele nakwesokudla, okanye akukho.
Nantsi i-HTML yetafile kunye nomda wekhohlo kuphela:
uhlaka = "lhs" >
Le tafile
iya kuba
kuphela kuphela
icala langasekhohlo lifakwe.
Kwaye omnye umzekelo onesiqalo esiphantsi:
uhlaka = "ngaphantsi" >
Le tafile ifom ephantsi.
Khangela ezinye iitafile ngeefowuni
Isalathisi sifana nesalathisi sesakhelo, kuphela sithinta imida ejikeleze iiseli zetafile. Unokubeka imithetho kuwo onke amaseli, phakathi kwamakholomu, phakathi kwamaqela afana ne-TBODY kunye ne-TFOOT okanye akukho.
Ukwakha itafile ngemigca kuphela phakathi kwemiqolo, bhala:
imithetho = "imigqa" >
Le tafile ye-4x4 ine
imigqa engekho iikholomu
ichazwe nge
ilawula impawu.
Kwaye enye inemizila phakathi kweikholam:
imithetho = "iikholeji" >
Le
itafile
apho
iikholomu
zi
iqakatheke
Nasi umzekelo weetafile kunye nemithetho
Isalathiso sinikeza ulwazi malunga netafile kubafundi bekrini kunye nabanye abasebenzisi benkonzo abangenayo inkathazo yokufunda iitafile. Ukusebenzisa uphawu lwesishwankathelo, ubhala inkcazo emfutshane yetafile kwaye uyifake loo nto njengexabiso lentengo. Isishwankathelo asiyi kubonisa kwikhasi lewebhu kwiiphepheli ezininzi zewebhu.
Nantsi indlela yokubhala itafile elula ngesishwankathelo:
< isishwankathelo setafile = "Le thayibhile isampulu equlethe ulwazi lokugcwalisa. Injongo yale tafile kukubonisa isishwankathelo." >
umqolo wekholomu 1
umgca wesiqendu 2
umgca wekholamu 1
umqolo wesi-2 umgca 2
Jonga itafile ngesishwankathelo
Isalathisi sichaza ububanzi betafile kwiphikseli okanye njengepesenti yento yenkomo. Ukuba ububanzi abusetshiwe, itafile iya kuthatha isikhala esaneleyo kuphela ekufuneka sibonise isiqulatho, ngokubanzi ububanzi obufanayo nobubanzi bombambi womzali.
Ukwakha itafile ngobubanzi obuthile kwiipekseli, bhala:
width = "300" >
Le tafile yingu-80% yobubanzi besitsha ngaphakathi.
Kwaye ukwakha itafile ngobanzi obuyinxalenye yebakala lomzali, bhala:
width = "80%" >
Le tafile yingu-80% yobubanzi besitsha ngaphakathi.
Bona umzekelo wetafile ngobubanzi
I-HTML echaziweyo 4.01 I-TABLE Attribute
Kukho umlinganiselo omnye we-TABLE element echithwe kwi-HTML 4.01 kwaye ingagqibekanga kwi-HTML5: ulungelelanise . Esi sibonakaliso sikuvumela ukuba usethe apho itafile kufuneka ibe khona kwiphepha elibhekiselele kwisicatshulwa esisecaleni. Esi sibonelo sichithwe kwi-HTML 4.01, kwaye kufuneka uphephe ukuyisebenzisa. Kunoko, kufuneka usebenzise impahla yeCSS okanye i-left-left-left: auto; kunye nakwi-right-right-right: auto; izitayela. Ipropati yokuthambisa ikunika umphumo osondeleyo kwinto ehambelana ngayo, kodwa inokuchaphazela indlela zonke iziqulatho zephepha zibonisa ngayo. Umda osekunene: uqobo; kunye nekhohlo ekhohlo; yiyo iW3C icebisa njengenye indlela.
Nantsi umzekelo otyeshileyo usebenzisa umlinganiselo wokuhambelana:
< ulungelelaniso lwetafile = "kunene" >
Le tafile ilungelelanisile
Umbhalo ujikeleza ngapha nangapha ngakwesobunxele
Khangela umzekelo otyeshileyo usebenzisa isalathisi sokuhambelana.
Kwaye ukuba ufumane impembelelo efanayo ngokusebenzayo (engenziwanga) HTML, bhala:
< isitayela setafile = "phawula: kunene;" >
Le tafile ilungelelanisile
Umbhalo ujikeleza ngapha nangapha ngakwesobunxele
Oku kulandelayo kuchaza iimpawu ze-TABLE ezingeyona nxalenye yenkcazelo ye-HTML.
Ulwazi oludlulileyo luchaza iimpawu ze-HTML into evumelekileyo kwi-HTML 4.01 kodwa ayisebenzisekanga kwi-HTML5.
Ezi zilandelayo zichaza iimpawu ze-TABLE ezingasebenzi nakwiyiphi na into ekhoyo yangoku. Ukuba awukhathalele ukuba ngaba iphepha lakho livumelekile kwaye abasebenzisi bakho basebenzise isiphequluli esisekela ezi zinto, ngoko ungasebenzisa ezi zinto. Kodwa uninzi lwawo aluxhaswanga kwiziphequluli zanamhlanje okanye zinezinye iindlela ezingaphezulu.
Asinakucebisa ukusebenzisa le micala kwiietafile ze-HTML.
Isalathiso yimbonakalo endala eyafakwa phambi kokuba iCSS ixhaswe ngokubanzi. Ikuvumela ukuba utshintshe umbala wangasemva wetafile. Ungasetha igama lombala okanye ikhodi ye-hexadecimal. Esi sibonakaliso sisasebenza kwiziphequluli ezininzi, kodwa i-HTML enexesha elizayo, akufanele ukuyisebenzise, kwaye usebenzise iCSS endaweni yoko.
Enye indlela engcono kule mfanelo yipropati yesakhiwo.
Ukutshintsha umbala wangasemva wetafile, bhala:
< isitayela setafile = "umbala ongasemva: #ccc;" >
Le tafile inemvelaphi yegrey
Ifana nombonakalo we-bgcolor, umlinganiselo we-bordercolor uvumela ukuba utshintshe umbala we-attribute. Le mfanelo ixhaswa kuphela yi-Internet Explorer. Endaweni yoko, kufuneka usebenzise ipropati yombala wemibala.
Ukutshintsha umbala wempembelelo yakho yetafile, bhala:
isita = = "umbala-umda: obomvu;" >
Le tafile ine nomda obomvu.
Iimpawu ze-bordercolorlight kunye ne-bordercolordark zifakiwe kwi-Internet Explorer ukuvumela ukuba wenze umda we-3D malunga netafile yakho. Nangona kunjalo, njenge-IE8 kwaye phezulu, oku kuxhaswa kuphela kwi- IE7 Mode Mode kunye ne-Quirks Mode . UMicrosoft uthi ezi zakhiwo azixhaswanga.
Ngethuba elifutshane, iikholeji ezibonakalayo kwiCandelo leTABLE lincetywayo ukunceda iziphequluli zikwazi ukuba zininzi iikholomu zetafile. Isizathu sokuba oku kuya kunceda ukukhawulezisa ukunikezelwa kweetafile ezinkulu. Nangona kunjalo kuphunyezwe kuphela yi-Internet Explorer, kwaye njenge-IE8 kwaye phezulu, oku kuxhaswa kuphela kwi-IE7 Mode Mode kunye neMimoya yamaQeirks.
Ngenxa yokuba kukho ubungakanani obubanzi (obungagqibekanga kwi-HTML5) abaninzi abantu bacinga ukuba kukho impawu yokuphakama kwetafile. Kodwa kuba iitafile zihambelana nobubanzi bomxholo wazo okanye ububanzi obuchaziweyo kwi-CSS okanye ububanzi bomhlaba, ukuphakama kwakungenakunqandwa. Ngoko endaweni yoko, iiphequluli zavumela umgangatho wokuphakama ukuchaza ubude obuncinane beetafile. Ukuba itheyibhile yayimude kunokuba ukuphakama, kuya kubonisa ukude. Kodwa kufuneka usebenzise le propati
Ngepropati ye-CSS ungaphikisa ukuphakama xa usebenzisa ipropati yeCSS kwakunye nokuchaza oko kwenzekayo nangomxholo ongaphezulu.
Ukusetha ubude obuncinane kwitafile, bhala:
< isitayela setafile = "ukuphakama: 30em;" >
Le tafile ingenani engama-30 phezulu.
Iimpawu zombini kunye neendawo ezongeziweyo malunga nekhohlo / ngasekunene kumacala (hspace) kunye phezulu / phezulu (vspace) yetafile. Kufuneka usebenzise indawo yesakhiwo endaweni.
Ukuseta isikhala esicacileyo kuma-pixels angama-20 kunye nendawo engqambileyo ukuya kuma-pixels angama-40, bhala:
< isitayela setafile = "umgama: 20px 40px;"
Le tafile ine-vspace yama-pixels angama-20 kunye ne-hspace ye-pixels engama-40.
Isalathiso sibonakaliso se-boolean esichaza ukuba izinto ezibhalwe kwitheyibhile zifanele zigqitywe emkhawulweni womzali okanye efestile okanye zisebenzise ukuphequlula okuhambayo. Endaweni yoko, kufuneka uchaze iimpawu zokufakela kweseli nganye yeetafile usebenzisa i-CSS.
Ukwenza ikholomu eninzi itekisi engagqwali, bhala:
style = "i-white-space: nowrap;" > Le kholomu ngetoni yomxholo. Kodwa nangona ibubanzi ngaphezu kwebheyibhile isicatshulwa ayifuni ukufaka umgca kumgca olandelayo, kodwa kunoko yenza ukuba ifayile yesiphequluli iphendule ngokuzenzekelayo ukuze ubone yonke into.
Ekugqibeleni, umxholo uchaza indlela eziqulethwe ngayo nganye iseli kufuneka zihambelane ngokuthe tye ngaphakathi kweseli. Esikhundleni salolu xwebhu olungavumelekanga, kufuneka usebenzise isakhiwo seCSS kwisisele nganye ofuna ukutshintsha ukulungelelaniswa kwayo. Awuyi kuphawula imiphumo yale style ngaphandle kokuba iiselingi zingenanto kuneendawo ezikhoyo ezidalwe ngamanye, iiseli ezinkulu.
Ukunyanzela iseli ukuba ihambelane nezantsi (kunokuba iphakathi, njengokungagqibekanga), bhala:
Le seli lide ngaphezu kweminye kwaye ke liya kuyanzela ukuphakama kube mude. Ngoko uya kubona ukuba iseli ehambelana ngokuzenzekelayo ihambelaniswe nezantsi.
style = "ukulungelelanisa ngqo: ngaphantsi;" > Iziqulatho ezantsi.
Iziqulatho phakathi.