Inweta ihe kachasị na tebụl HTML site n'ịmụta àgwà ndị dị na table
Egwuregwu HTML dị na ya na-enye gị ọtụtụ nchịkwa karịa tebụl HTML. Enwere otutu àgwà dị na tebụl iji mee ka ha nwekwuo mmasị ma gbanwee ihu nke ibe gị.
Ebube Ebumnuche Isiokwu HTML
Na HTML5, mmewere eji njirimara zuru ụwa ọnụ na otu àgwà ọzọ:. Ọ gbanwere ka ọ bụrụ na ọ bụ naanị 1 ma ọ bụ ihe efu (ntụgharị ókè = ""). Ọ bụrụ na ịchọrọ ịgbanwe obosara nke ókèala ahụ, i kwesịrị iji mpaghara CSS obosara ókè-ala.
Lee n'okpuru ebe a ka ị mụta banyere àgwà HTML5 dị mma.
E nwekwara ọtụtụ àgwà ndị bụ akụkụ nke HTML 4.01 ịkọwapụta nke aghọwo ihe mejupụtara na HTML5:
- -Inye ihe CSS ebe a na-ekpo ọkụ na tebụl TD na TH.
- - Mee ka ala CSS dị na mpaghara okpokoro.
- -Ihe CSS dị iche iche na agba: nwa; na n'ókè-ala na tebụl.
- -Ihe CSS dị iche iche na agba: nwa; na n'ókè-ala na ihe ndị kwesịrị ekwesị nke tebụl.
- -Amaghi, ị ga-akọwa usoro nke okpokoro na CAPTION ma ọ bụ tinye tebụl niile na TUPU NA-akọwa ya na FIGCAPTION. N'aka nke ọzọ, ị nwere ike ime ka ihe dị n'usoro tebụl dị mfe ka ọ ghara ịkọwa nkọwa ọ bụla.
- -Ibu ihe onwunwe CSS.
Na otu àgwà nke e deprecated na HTML 4.01 ma na-ejikarịla na HTML5.
Mụtakwuo maka àgwà HTML 4.01.
- dozie -Dịnye CSS ala ihe onwunwe kama.
E nwekwara ọtụtụ àgwà ndị na-abụghị akụkụ nke nkọwa ọ bụla HTML ọ bụla.
Jiri àgwà ndị a ma ọ bụrụ na ị maara na ndị nchọgharị ị na-akwado nwere ike ijikwa ha na ịkwadoghị HTML dị mma.
- -Inye CSS ihe ndabere-agba kama.
- bordercolor -Bịnye CSS kaadị ókè ala.
- bordercolorlight -Gụnye CSS ala ókè-ala kama.
- bordercolordark -Nweta CSS ala ókè-ala kama.
- Ndị na-enweghị ike ime ihe a.
- elu -Ọ bụ CSS dị elu karịa.
- -Gee mpaghara CSS ala kama.
- -Gee mpaghara CSS ala kama.
- -Dịnye CSS ala ọcha-ohere kama.
- -Dịnye ihe CSS ka ọ bụrụ na ị ga-anọchi anya.
Mụtakwuo maka Ihe Nchọpụta Ihe Nchọpụta Ihe Nchọpụta.
Egwuregwu Egwuregwu HTML5 nke Isiokwu
Dị ka anyị kwuru n'elu, enwere otu àgwà, karia àgwà zuru ụwa ọnụ, nke dị irè na HTML5 Isiokwu: ókèala.
A na-eji àgwà ala ókè kọwaa ókè gburugburu okpokoro dum na mkpụrụ ndụ niile n'ime ya. Enwere ụfọdụ ajụjụ ma ọ ga-esonye na nkọwa HTML5, mana ọ nọgidere n'ihi na ọ na-enye ihe ọmụma banyere usoro ihe owuwu, ọ bụghị nanị ịke ihe.
Iji tinye njirimara ókèala, ị setịpụrụ uru na 1 ma ọ bụrụ na enwere ókè na ihe efu (ma ọ bụ hapụ àgwà) ma ọ bụrụ na enweghị. Ọtụtụ nchọgharị ga-akwado 0 maka ókèala, na ọnụọgụ integer ọ bụla (2, 3, 30, 500, wdg) iji kwupụta obosara ókè ya na pixels, ma nke a ejighị ya na HTML5. Kama nke ahụ, ị ga-eji CSS ụdị ihe eji eme ka ị kọwaa ókèala ókè na ụdị ndị ọzọ.
Iji mepụta okpokoro na ókèala, dee:
< ókèala ala = "1" >
Nke a bụ okpokoro na ókè
E nwere HTML 4.01 àgwà ndị na-adịghị ahụkebe na HTML5. Ọ bụrụ na ị na-eme atụmatụ ede HTML 4.01 akwụkwọ, ị nwere ike ịmụta ha, ma ọ bụghị, ị nwere ike ileghara ha anya. Ọtụtụ n'ime àgwà ndị a nwere ụzọ ọzọ, akọwapụtara n'elu.
Anyị na-akọwa àgwà nke mmewere ndị dị irè na HTML5 (na HTML 4.01). Nke a na-akọwa TABLE àgwà ndị dị irè na HTML 4.01, mana ha na-ejikarị na HTML5. Ọ bụrụ na ị ka dee HTML 4.01 akwụkwọ, ị nwere ike iji àgwà ndị a, mana ọtụtụ n'ime ha nwere ụzọ ọzọ nke ga-eme ka ibe gị dịkwuo n'ihu-akwado maka mgbe ị na-akwagharị na HTML5.
Valid HTML 4.01 Àgwà
Àgwà ahụ anyị kọwara n'elu.
Nanị ihe dị iche na HTML 4.01 site na HTML5 bụ na ị nwere ike ịdekọ nọmba dum (0, 1, 2, 15, 20, 200, wdg) iji kọwaa obosara nke ókèala na pikselụ.
Iji wuo okpokoro na ókè 5px, dee:
< ókèala ala = "5" >
Tebụl a nwere ókèala 5px
Lee ihe atụ nke tebụl abụọ na ala.
Akụkụ ahụ na-akọwa ọnụọgụ dị n'etiti cell na ala nke cell. Ndabara bụ pikọn abụọ. Debe ya na 0 ma ọ bụrụ na ịchọghị ohere n'etiti ọdịnaya na ala.
Iji mee ka mpempe akwa dị na 20, dee:
cellpadding = "20" >
Tebụl a nwere cellpadding nke 20.
A ga - ekewapụ ala ala na 20 pixels.
Lee ihe atụ nke tebụl na cellpadding
Akụkụ ahụ na-akọwa ọnụọgụ dị n'etiti okpokoro okpokoro na ọdịnaya cell. Dị ka cellpadding, a na-edozi ndabara na pikselụ abụọ, yabụ na ị ghaghị ịtọ ya na 0 ma ọ bụrụ na ịchọrọ enweghị ohere cell.
Iji tinye spacing cell na tebụl, dee:
cellcing = "20" >
Tebụl a nwere mkpụrụ ndụ nke 20.
A ga-ekewa sel site na 20 pikselụ.
Lee otu okpokoro nke nwere mkpụrụ ndụ
Ụdị àgwà ahụ na-egosipụta akụkụ nke ókèala gbara gburugburu nke tebụl ga-apụta. Ị nwere ike ịme tebụl gị n'akụkụ anọ ọ bụla, n'akụkụ ọ bụla, n'elu na ala, aka ekpe na aka nri, maọbụ ọ dịghị.
Nke a bụ HTML maka tebụl naanị n'akụkụ aka ekpe:
etiti = "lhs" >
Tebụl a / / td>
ga - enwe
naanị
akuku aka ekpe.
Na ihe omuma atu ozo na etiti ala:
<ókè ala ala = "1" etiti = "n'okpuru" >
Tebụl a nwere etiti na ala.
Lelee ụfọdụ tebụl na okpokoro
Okpokorita ahu yiri udi nke okike, nani o na emetuta ala gburugburu sel nke okpokoro. Ị nwere ike idebe iwu na mkpụrụ ndụ niile, n'etiti ogidi, n'etiti otu dịka TBODY na TFOOT ma ọ bụ enweghị.
Iji wuo tebụl naanị n'etiti ahịrị, dee:
<ókè mpaghara ala = "1" iwu = "ahịrị" >
Nke a 4x4 okpokoro nwere
ahịrị ma ọ bụghị ogidi
kwuru na
agwa agwa.
Onye ọzọ nwere eriri n'etiti ogidi:
iwu = "cols" >
Nke a bụ
tebụl
ebe
ogidi
bụ
pụta ìhè
Nke a bụ ihe atụ nke okpokoro okpokoro na iwu
Àgwà ahụ na-enye ihe ọmụma gbasara okpokoro maka ndị na-agụ akwụkwọ ntanetị na ndị ọrụ ndị ọrụ ndị ọzọ nwere ike ịnwe nsogbu igwu tebụl. Iji jiri njirimara nchịkọta, dee akwụkwọ nkọwa dị mkpirikpi nke okpokoro ma tinye ya dị ka uru nke àgwà ahụ. Nchịkọta agaghị egosipụta na ibe weebụ na ọtụtụ ihe nchọgharị weebụ.
Nke a bụ otu e si dee obere tebụl na nchịkọta:
summary = "Nke a bụ table tebụl nke nwere ihe ntanye. Ihe ebumnuche nke tebụl a bụ igosi nchịkọta." >
kọlụm 1 ahịrị 1
kọlụm 2 ahịrị 1
kọlụm 1 ahịrị 2
kọlụm 2 ahịrị 2
Lelee okpokoro na nchịkọta
Ụdị ahụ na-akọwa obosara nke tebụl ma ọ bụ pixels ma ọ bụ dịka pasent nke ihe mmezi. Ọ bụrụ na egosighi ya, tebụl ga-ewere naanị ohere dị ukwuu dị ka ọ dị mkpa igosipụta ọdịnaya ahụ, yana obosara kachasị n'obosara ka obosara nke nne na nna.
Iji wuo okpokoro na obosara obosara na pikselụ, dee:
obosara = "300" >
Tebụl a bụ 80% nke obosara nke akpa ya.
Na iwu tebụl na obosara nke bụ pasent nke ihe nne na nna, dee:
obosara = "80%" >
Tebụl a bụ 80% nke obosara nke akpa ya.
Hụ ihe atụ nke tebụl na obosara
Deprecated HTML 4.01 TABLE Attribute
E nwere otu àgwà nke TABLE mmewere na deprecated ke HTML 4.01 na obsolete ke HTML5: kwekọọ . Ụdị àgwà a na-ahapụ gị ịtọ ebe tebụl kwesịrị ịdị na peeji nke njikọ na ederede dị n'akụkụ ya. E depụtawo àgwà a na HTML 4.01, ị ga-ezere iji ya. Kama nke ahụ, ị kwesịrị iji ngwaahịa CSS ma ọ bụ akụkụ aka ekpe-aka ekpe: akpaaka; na oke-nri: akpaaka; ụdị. Ihe a na-ese n'elu na-enye gị nsonaazụ nke dị nso na njirimara kwekọrọ na ya, ma ọ nwere ike imetụta ụzọ ndị ọzọ nke igosi ọdịnaya. Ogo-aka nri: akpaaka; na oke-aka ekpe: akpaaka; bụ ihe W3C na-atụ aro dị ka ihe ọzọ.
Nke a bụ ihe atụ deprecated n'iji njirimara kwekọrọ:
adabara = "nri" >
Tebụl a ziri ezi kwekọrọ
Ederede na-agba ya gburugburu n'aka ekpe
Hụ ihe atụ deprecated n'iji njirimara kwekọrọ.
Na iji nweta otu ihe ahụ na-emetụta HTML, (deekwaghị ya), dee:
ịke = "Ọfụma: nri;" >
Tebụl a ziri ezi kwekọrọ
Ederede na-agba ya gburugburu n'aka ekpe
Ndị na-esonụ na-akọwa TABLE àgwà ndị na-abụghị akụkụ nke nkọwa HTML ọ bụla.
Ozi gara aga na-akọwa njirimara nke mmemme HTML ndị dị irè na HTML 4.01 ma ha adịghị emecha na HTML5.
Ihe ndị a na-akọwa TABLE àgwà ndị na-adịghị adaba na nkọwa ọ bụla dị ugbu a. Ọ bụrụ na ị chọghị ịma ma akwụkwọ gị dị irè ma ndị ọrụ gị jiri ihe nchọgharị na-akwado ihe ndị a, mgbe ahụ i nwere ike iji ihe ndị a. Ma ihe ka ọtụtụ n'ime ha na-ekwenyeghi na ihe nchọgharị ndị a ugbu a ma ọ bụ nwee ụzọ ọzọ ndị ọzọ na-agbaso.
Anyị anaghị akwado iji àgwà ndị a na tebụl HTML gị.
Àgwà ahụ bụ àgwà ochie nke e tinyere tupu CSS akwadoghị ya. Ọ na-enye gị ohere ịgbanwe agba agba nke tebụl. Ị nwere ike ịtọ aha agba ma ọ bụ koodu hexadecimal. Njirimara a ka na-arụ ọrụ n'ọtụtụ ihe nchọgharị, ma maka HTML ga-eme n'ọdịnihu, ị gaghị eji ya, ma jiri CSS kama.
Nhọrọ kacha mma na àgwà a bụ ụdị ihe onwunwe.
Iji gbanwee agba agba nke tebụl, dee:
ịke = "ndabere-agba: #ccc;" >
Tebụl a nwere isi awọ
Yiri ka àgwà bgcolor, àgwà nke frontcolor na-ahapụ gị ka ị gbanwee agba nke àgwà ahụ. Njirimara a na-akwado Internet Explorer. Kama nke ahụ, ị ga-eji ihe eji eme ihe na-acha odo odo.
Iji gbanwee agba nke ókèala okpokoro gị, dee:
<ókèala ala = "1" ụdị = "agba ókè-acha ọbara ọbara: ọbara ọbara;" >
Tebụl a nwere ókè ọbara ọbara.
Ejiri na-egosi Internet borderlorclightlight na àgwà bordercolordark na Internet Explorer iji nye gị ohere ịmepụta gburugburu 3D na gburugburu tebụl gị. Otú ọ dị, dị ka nke IE8 na elu, a na-akwado nke a naanị na IE7 Standards Mode na Quirks Mode . Microsoft na-ekwu na enweghi ike akwado ndị a.
Ruo oge dị mkpirikpi, a na-atụnye ihe ndị ahụ na TABLE element iji nyere ndị nchọgharị aka ịmata ọtụtụ okpokoro okpokoro. Echiche bụ na nke a ga - enyere aka ịmepụta nnukwu tebụl. Otú ọ dị, ọ bụ naanị Internet Explorer na-eme ya, na dịka nke IE8 na nke elu, a na-akwado ya na IE7 Standards Mode na Quirks Mode.
Maka na enwere obosara obosara (ejirila na HTML5) ọtụtụ ndị chere na e nwere ihe dị elu maka tebụl. Mana n'ihi na tebụl kwekọrọ na obosara nke ọdịnaya ha ma ọ bụ njirimara a kọwapụtara na CSS ma ọ bụ akụkụ nke obosara, a gaghị egbochi elu ahụ. N'ihi ya, ndị nchọgharị na-ekwe ka àgwà dị elu kọwaa njedebe kachasị elu nke tebụl. Ọ bụrụ na okpokoro dị ogologo karịa elu ahụ, ọ ga-egosipụta ogologo. Mana ị ga-eji ihe onwunwe ahụ
Site na CSS dị elu ị nwere ike ijide elu ma ọ bụrụ na ị na-eji CSS ala kọwaa ihe na-eme na ọdịnaya ọ bụla.
Ka ịtọ ntọala kachasị elu na tebụl, dee:
< igodo ịke = "elu: 30m;" >
Tebụl a dịkarịa ala 30 ele elu.
Ụdị àgwà abụọ ahụ na ohere agbakwunyere n'akụkụ aka ekpe / aka nri (hspace) na n'elu / ala (vspace) nke tebụl. I kwesiri iji uzo ihe onwunwe kama.
Iji tọọ oghere oghere ka ọ bụrụ 20 pikselụ na ohere dị nhata na 40 pikselụ, dee:
ịke = "oke: 20px 40px;"
Tebụl a nwere larịị nke 20 pixels na hspace nke 40 pixels.
Àgwà ahụ bụ àgwà njirimara nke na-akọwa ma ọdịnaya nke tebụl kwesịrị itinye na njedebe nke ihe nne na nna ma ọ bụ window ma ọ bụ na-agbanye akwụkwọ mpịakọta. Kama nke ahụ, ị kwesịrị ịkọwa njirimara ejiji nke tebụl okpokoro ọ bụla na-eji CSS ala.
Iji mee ka otu kọlụm na ọtụtụ ederede adịghị etinye, dee:
style = "ọcha-ohere: gbanyụọ;" > Nke a bụ kọlụm nwere ton nke ọdịnaya. Ma ọbụlagodi ma ọ dị oke karịa akpa ahụ, ederede ekwesịghị itinye aka na akara ọzọ, ma kama mee ka windo nchọgharị ahụ gụgharịa ka ị hụ ọdịnaya niile.
N'ikpeazụ, àgwà ahụ na-akọwa otú ọdịnaya nke sel nke ọ bụla kwesịrị isi kwekọọ na cell. Kama nke a na-abaghị uru agwa, ị ga-eji CSS ihe na sel ọ bụla ịchọrọ ịgbanwe nhazi nke. Ị gaghị achọpụta ihe dị na ụdị a ma ọ gwụla ma ọdịnaya nke mkpụrụ ndụ dị ala karịa oghere dịnụ nke ndị ọzọ, nnukwu cell.
Ịmanye cell iji kwado na ala (kama n'etiti, dịka ndabara), dee:
Ogwe a dị ogologo karịa nke ọzọ ma mee ka ọ dị elu ka ọ dị ogologo. Ya mere, ị ga-ahụ na cell arụmọrụ na-arụ ọrụ na-adabere na ala.
ụdị = "ntanaka-kwado: ala;" > Ihe dị na ala.
Nke dị n'etiti.