Otu esi ahazi tebụl HTML ▷➡️

HTML Ọ bụ asụsụ akara ejiri ọtụtụ ebe maka nhazi ọdịnaya na weebụ. Na ụwa Na mmepe webụ, ịhazi tebụl HTML n'ụzọ ziri ezi bụ ihe dị mkpa iji nweta ngosipụta data tabular na-agbanwe agbanwe yana enwere ike ịgụ ya. N'ime akwụkwọ ọcha a, anyị ga-enyocha ụzọ dị iche iche iji kwado tebụl HTML rụọ ọrụ nke ọma, hụ na a haziri ihe ọ bụla nke ọma ma kesaa ya. Site na ihe ọmụma ziri ezi, ị nwere ike ịmụta nhazi tebụl HTML ma melite ọdịdị anya nke data gị. na ọrụ gị web

1. Okwu Mmalite na tebụl alignment na HTML

HTML na-enye ọtụtụ ụzọ iji kwado tebụl na ibe weebụ. Ịhazi tebụl n'ụzọ ziri ezi dị mkpa iji melite ọgụgụ nke ọdịnaya ma hụ na egosipụtara data nke ọma na n'usoro maka ndị ọbịa. N'isiokwu a, anyị ga-amụta otú e si edozi tebụl na HTML n'ụzọ dị irè.

Enwere njirimara atọ bụ isi eji ahazi tebụl na HTML: dozie, valign y ise n'elu. Àgwà dozie A na-eji ahazi sel n'ahịrị, na-enye ohere igosipụta ọdịnaya gaa n'aka ekpe, aka nri, ma ọ bụ gbadobere n'ime cell. Àgwà valign A na-eji ahazi mkpụrụ ndụ kwụ ọtọ, na-enye ohere ka ọdịnaya gosipụta n'elu, etiti, ma ọ bụ ala nke cell. Àgwà ise n'elu a na-eji dozie tebụl n'aka ekpe ma ọ bụ aka nri nke akwụkwọ ahụ, na-enye ohere ka ọdịnaya na-ese n'elu ya.

Iji mezie ọdịnaya nke cell na kwụ n'ahịrị, ị ga-eji njirimara ahụ dozie n'ime mmewere td o th. Iji kwado ọdịnaya n'aka ekpe, a na-eji uru "aka ekpe" mee ihe, maka aka nri a na-eji ya "nri" na etiti a na-eji "etiti". Ọmụmaatụ:

"html

Ọdịnaya lekwasịrị anya

«'

Iji kwado ọdịnaya nke cell na kwụ ọtọ, a na-eji njirimara ahụ valign n'ime mmewere td o th. Iji dozie ọdịnaya dị n'elu, a na-eji uru "n'elu" mee ihe, n'ihi na a na-eji akụkụ nke etiti "n'etiti", na maka ala "ala" na-eji. Ọmụmaatụ:

"html

Ọdịnaya dị n'elu

«'

Na mgbakwunye na njirimara ndị a bụ isi, CSS na-enyekwa nhọrọ dị elu karịa maka ịhazi tebụl. Nke a gụnyere iji akụrụngwa ederede-mmezi y vetikal-ndokwa na mpempe akwụkwọ ụdị CSS iji chịkwaa nhazi nke ọdịnaya.

2. Otu esi eji njirimara nhazi na tebụl HTML

Àgwà nghazi na tebụl HTML na-enye gị ohere ijikwa ka ihe ndị dị n'ime tebụl si ahazi. Àgwà ndị a bara uru karịsịa maka ịhazi na ịhazi data na tebụl n'ụzọ doro anya na nke a pụrụ ịgụ.

Enwere njirimara nhazi atọ enwere ike iji na tebụl HTML: dozie, valign y colspan.

Àgwà dozie A na-eji ahazi ọdịnaya dị n'ime cell kwụ n'ahịrị, ma nwee ike ịnwe ụkpụrụ ndị a: ekpe ịkwado aka ekpe, center ka etiti na nri ịkwado nri. Dịka ọmụmaatụ, ọ bụrụ na anyị chọrọ ịhazi ederede dị na cell n'aka nri, anyị nwere ike iji koodu HTML a: `

Ederede akwadoro akanri

3. Ịhazi ọdịnaya kwụ ọtọ na tebụl HTML

Nke a na-abụkarị ihe ịma aka mgbe ị na-emepụta ibe weebụ. Agbanyeghị, enwere ụzọ dị iche iche enwere ike iji nweta nke a nke ọma. N'okpuru ebe a ga-akọwapụta a nzọụkwụ site na nzọụkwụ ka esi edozi nsogbu a.

1. Jiri àgwà "valign": Ụzọ dị mfe iji kwado ọdịnaya kwụ ọtọ na tebụl HTML bụ site na iji àgwà "valign". Enwere ike itinye njirimara a na sel nke ọ bụla ma ọ bụ ahịrị niile, ma na-enye gị ohere ịkọwapụta ka esi ahazi ọdịnaya ahụ n'ụzọ kwụ ọtọ n'ime cell ma ọ bụ ahịrị.

2. Jiri CSS hazie ọdịnaya: Nhọrọ ọzọ bụ iji CSS kwado ọdịnaya kwụ ọtọ na tebụl HTML. Enwere ike itinye ụdị CSS na tebụl ma ọ bụ mkpụrụ ndụ akọwapụtara site na iji nhọrọ kwesịrị ekwesị. Dịka ọmụmaatụ, ị nwere ike iji akụrụngwa "vertical-align" yana ụkpụrụ "elu," "etiti," ma ọ bụ "ala" iji kwado ọdịnaya dịka achọrọ.

3. Jiri arịa ndị ọzọ: Ọ bụrụ na ọ dịghị nke ọ bụla n'ime nhọrọ ndị a dị n'elu na-arụ ọrụ, ị nwere ike ịmepụta arịa ndị ọzọ gburugburu ọdịnaya nke ịchọrọ ịkwado kwụ ọtọ. Akpa ndị a nwere ike ịbụ ihe dị ka

o nke enwere ike ịhazi site na iji CSS iji nweta nhazi kwụ ọtọ achọrọ. Ị nwere ike kenye ihe eji eme ụdị, dị ka "ngosi: tebụl-cell" ma ọ bụ " ngosi: flex," iji mee ka arịa rụọ ọrụ dị ka sel tebụl ma kwe ka nhazi kwụ ọtọ.

Na mmechi, enwere ike nweta nhazi ọdịnaya kwụ ọtọ na tebụl HTML site na iji njirimara valign, CSS ma ọ bụ arịa ndị ọzọ. Ọ dị mkpa ịnwale ụzọ dị iche iche ma họrọ nke kachasị mma maka ọnọdụ ọ bụla. Site na usoro ndị a, enwere ike nweta nhazi mara mma, kwụkwa ọtọ na tebụl HTML.

4. Ịhazi ọdịnaya n'usoro na tebụl HTML

Ịkwado ọdịnaya kwụ n'ahịrị na tebụl HTML nwere ike ịbụ ihe ịma aka, mana site na usoro ole na ole dị mfe ị nwere ike ime ya nke ọma. Isi ihe iji nweta nke a bụ iji njirimara HTML na njirimara akọwapụtara. A ga-akọwapụta usoro ndị a ga-eso n'okpuru:

1. Mepụta nhazi okpokoro kwesịrị ekwesị: Iji kwado ọdịnaya n'ụzọ kwụ ọtọ, ịkwesịrị ijide n'aka na a haziri tebụl gị nke ọma. Jiri HTML mkpado `tebụl`, `tr` na `td` kọwaa ahịrị na ogidi nke tebụl gị.

2. Tọọ nhazi nhazi nke ọdịnaya: Ozugbo a haziri tebụl gị, ị nwere ike iji àgwà 'align' n'ime mkpado `td' iji tọọ nhazi nhazi nke ọdịnaya. Tinye `align=» aka ekpe»` ka mezie ọdịnaya gaa n'aka ekpe, `align=»etiti»` ka mezie ihe di n'ime ya na etiti, na `align=» aka nri»` iji dozie ọdịnaya n'aka nri.

Ọdịnaya pụrụiche - Pịa ebe a Kedu ihe kpatara PC m agaghị ejide diski?

3. Tinye ụdị ndị ọzọ ma ọ bụrụ na ọ dị mkpa: Ọ bụrụ na ịchọrọ ịgbakwunye nhazi ọdịnaya na nhazi ọdịnaya gị, ị nwere ike iji ụdị CSS. Ị nwere ike kenye ihe nhụta ma ọ bụ klaasị na sel ndị akọwapụtara wee mepụta iwu CSS iji mezie nhazi kwụ ọtọ. Jiri akụrụngwa ''text-align'' na ụkpụrụ ''aka ekpe','center' ma ọ bụ 'nri'' iji nweta nhazi a chọrọ.

Site n'ịgbaso usoro ndị a, ị ga-enwe ike ịhazi ọdịnaya n'usoro na tebụl HTML nke ọma na mgbe niile. Cheta iji mkpado na njirimara kwesịrị ekwesị, yana ụdị CSS dị mkpa iji nweta nsonaazụ achọrọ.

5. Itinye nhazi na ogidi ndị akọwapụtara na tebụl HTML

Iji tinye nhazi na kọlụm akọwapụtara na tebụl HTML, ị nwere ike iji njiri “mmekọrịta” n'ime akara ekwentị. Nke a bụ ọmụmaatụ otu esi etinye nhazi na kọlụm akọwapụtara na tebụl kọlụm atọ:

"html

nkụnye eji isi mee 1	nkụnye eji isi mee 2	nkụnye eji isi mee 3
Sel 1	Sel 2	Sel 3

«'

N'ihe atụ a, ahịrị mbụ bụ ahịrị nkụnye eji isi mee, na ahịrị ndị na-esonụ bụ ahịrị data. A na-eji njirimara "aligning" na akara cell ọ bụla iji kọwaa nhazi a chọrọ: "aka ekpe" iji kwado aka ekpe, "etiti" iji kwado etiti, na "nri" iji kwado nri.

6. Otu esi edozi ọdịnaya nke cell na tebụl HTML

Otu n'ime njirimara kachasị mkpa nke tebụl HTML bụ ikike ịhazi ọdịnaya nke ọma n'ime cell ọ bụla. Nke a bara uru karịsịa mgbe ị na-arụ ọrụ na data ọnụọgụ ma ọ bụ mgbe ịchọrọ ngosi ngosi nke ozi ahụ. N'edemede a, anyị ga-amụta.

Enwere ụzọ abụọ bụ isi iji kwado ọdịnaya nke cell: kwụ n'ahịrị na kwụ ọtọ. Nke mbụ, iji kwado ọdịnaya ahụ n'ụzọ kwụ ọtọ, anyị nwere ike iji njiri “nhazi” n'ime mkpado TD. Dịka ọmụmaatụ, ọ bụrụ na anyị chọrọ ịhazi ọdịnaya ahụ n'aka ekpe, anyị na-eji uru "aka ekpe", ọ bụrụ na anyị chọrọ ịhazi ọdịnaya ahụ n'aka nri, anyị na-eji "nri", ma ọ bụrụ na anyị chọrọ itinye ọdịnaya ahụ, anyị na-eji. "etiti".

Iji kwado ọdịnaya ahụ kwụ ọtọ, anyị nwere ike iji njiri “valign” n'ime mkpado TD. Ụkpụrụ enwere ike maka njirimara a bụ "elu", "etiti" na "ala". Uru "n'elu" na-ahazi ọdịnaya n'elu cell, "n'etiti" na-edozi ya na etiti, na "ala" na-edozi ya na ala. Ọ dị mkpa ịmara na njirimara "valign" na-arụ ọrụ nke ọma ma ọ bụrụ na ogologo ahịrị dị elu karịa ma ọ bụ hà nhata na ịdị elu ọdịnaya.

Na nchịkọta, iji kwado ọdịnaya nke cell na tebụl HTML nke ọma, enwere ike iji "aligning" na "valign" n'ime mkpado TD. Àgwà “nhazi” na-enye gị ohere iji ụkpụrụ “ekpe”, “nri” na “etiti” hazie ọdịnaya ahụ n'ụzọ kwụ ọtọ. N'aka nke ọzọ, njirimara "valign" na-enye gị ohere iji ụkpụrụ "elu", "etiti" na "ala" kwado ọdịnaya ahụ kwụ ọtọ. Cheta na àgwà ndị a ga-arụ ọrụ nke ọma ma ọ bụrụ na edobere elu ahịrị tebụl nke ọma.

7. Ederede na ọdịnaya alignment na HTML okpokoro nkụnye eji isi mee

Nke a bụ akụkụ dị mkpa iji hụ na ngosipụta data kwesịrị ekwesị na tebụl. N'okpuru bụ usoro iji nweta nhazi ziri ezi:

1. Jiri mkpado «`

«` iji kọwaa okpokoro nkụnye eji isi mee. Mkpado a na-enye gị ohere itinye ụdị usoro nhazi akọwapụtara na ọdịnaya nkụnye eji isi mee.
2. Iji kwado ederede kwụ n'ahịrị n'ime nkụnye eji isi mee, ị nwere ike iji njirimara ''align'' na ụkpụrụ "aka ekpe", "etiti" ma ọ bụ "nri". Dịka ọmụmaatụ, «`

«` ga-edozi ederede na etiti okpokoro nkụnye eji isi mee.
3. Ọzọkwa, ọ ga-ekwe omume ịhazi ọdịnaya nke nkụnye eji isi mee n'ụzọ kwụ ọtọ site na iji njirimara «`valign«`. Ụkpụrụ bara uru maka njirimara a gụnyere "elu", "etiti", na "ala". Dịka ọmụmaatụ, «`

«` ga-edozi ọdịnaya gaa n'elu nkụnye eji isi mee tebụl.

Cheta na enwere ike itinye njirimara ndị a na ihe HTML ndị ọzọ, dịka "'

«` maka tebụl cell. Jide n'aka na ị na-eji mkpado na njiri mara nke ọma iji nweta nhazi a chọrọ na nkụnye eji isi mee tebụl. Iji usoro ndị a, ị nwere ike imeziwanye ngosi nke tebụl HTML gị ma mee ka ozi e gosipụtara dị mfe nghọta.

8. Advanced Alignment Styles for HTML Tables

Nkebi a na-enye ntụzịaka zuru oke na ụdị nhazi dị elu nke enwere ike itinye na tebụl HTML. Ọ bụ ezie na tebụl bụ ngwá ọrụ nkịtị na mmepe weebụ, ịchịkwa nhazi gị pụrụ ịbụ ihe ịma aka. N'ebe a, ị ga-amụta ka esi edozi tebụl gị n'ụzọ dị mfe site na iji ụzọ HTML dị iche iche na àgwà.

Otu n'ime ụzọ kachasị mfe iji nweta nhazi okpokoro bụ site na iji àgwà "nhazi". Enwere ike itinye àgwà a na tebụl n'onwe ya na sel nke ọ bụla. Dịka ọmụmaatụ, iji kwado tebụl dum n'aka nri, ị nwere ike iji koodu HTML a:

"html

«'

Na mgbakwunye na njiri “nhazi”, ị nwekwara ike iji ụdị CSS iji nweta nhazi nke ọma. Dịka ọmụmaatụ, ị nwere ike ịkọwapụta iwu ịke maka mkpụrụ ndụ n'otu kọlụm na-eji ihe nhazi ederede. N'ụzọ dị otú a, ị nwere ike ịhazi ọdịnaya nke kọlụm ahụ n'aka ekpe, aka nri, ma ọ bụ etiti. Nke a bụ ọmụmaatụ otu esi etinye usoro a:

"html

nkụnye eji isi mee 1	nkụnye eji isi mee 2
Data 1	Data 2

«'

Na mgbakwunye na ụzọ ndị a bụ isi, e nwere usoro ndị ọzọ dị elu iji nweta nhazi nke ọma na tebụl HTML. Ụfọdụ n'ime ndị a gụnyere iji ụdị CSS iji chịkwaa oghere na nhazi nke sel, yana iji Javascript na-emegharị àgwà tebụl ozugbo. Ịchọgharị usoro ndị a ga-eme ka ị nwee ike ịchịkwa ọdịdị na nhazi nke tebụl HTML gị. Egbula ịnwale na ịnwale ụzọ dị iche iche ruo mgbe ịchọtara nke kachasị dabara mkpa gị!

Ọdịnaya pụrụiche - Pịa ebe a Usoro nzaghachi ọchichị na cellular cell

9. Idozi nsogbu nzizi nkịtị na tebụl HTML

Mgbe ụfọdụ, anyị na-ezute ihe ịma aka mgbe anyị na tebụl HTML na-arụ ọrụ, karịsịa ma a bịa n'ịkwado. Na-esote, anyị ga-enyere gị aka dozie nsogbu nhazi oge kachasị na tebụl HTML site na nzọụkwụ.

1. Lelee nhazi okpokoro gị: Jide n'aka na-akọwapụta nhazi tebụl gị nke ọma. Lelee na ịmechiela mkpado mmeghe na mmechi niile nke ọma, yana na ahịrị ọ bụla nwere otu ọnụ ọgụgụ nke kọlụm. Jiri ` mkpado

`Imalite tebulu,`

`maka ahịrị na`

'maka sel.

2. Jiri CSS hazie nhazi: Ọ bụrụ na ndabara nhazi nke tebụl gị abụghị ihe ịchọrọ, ịnwere ike iji CSS hazie ya. Jiri àgwà `align` na mkpado`

` iji kwado tebụl dum. Dịka ọmụmaatụ, ọ bụrụ na ịchọrọ ịkwado tebụl na etiti, ị nwere ike itinye koodu CSS ndị a:

«'

3. Ịkwado ọdịnaya n'ime mkpụrụ ndụ: Iji mezie ọdịnaya dị n'ime sel, jiri àgwà 'align` na `valign` dị na mkpado '

«'

Cheta na nhazi na tebụl HTML nwere ike ịdị iche dabere na ihe nchọgharị eji. Ọ bụrụ na nsogbu nhazi gị na-aga n'ihu, ịnwere ike iji ngwaọrụ nbipu dị ka ngwaọrụ mmepụta ihe nchọgharị iji nyochaa ma dozie nsogbu kpọmkwem. Anyị nwere olileanya na Atụmatụ ndị a nyere gị aka idozi nsogbu nhazi gị na tebụl HTML!

10. Ịhazi tebụl HTML n'ime igbe ma ọ bụ ibe

Iji kwado tebụl HTML n'ime igbe ma ọ bụ ibe, enwere ọtụtụ usoro enwere ike iji. A ga-ewepụta ụzọ atọ a na-ahụkarị iji nweta ebumnuche a n'okpuru.

1. Jiri CSS: Ụzọ a na-ahụkarị maka ịhazi tebụl HTML bụ site na iji CSS. Enwere ike itinye ụdị ejiji na tebụl na arịa ndị gbara ha gburugburu iji nweta nhazi a chọrọ. Ọ ga-ekwe omume iji akụrụngwa CSS dị ka "ngosi: inline-block" ma ọ bụ "float: ekpe" iji dozie ọnọdụ tebụl n'ime arịa. Ị nwekwara ike iji CSS selectors tinye ụdị dị iche iche na tebụl ma ọ bụ arịa dị iche iche.

2. Jiri HTML àgwà: Ụzọ ọzọ iji kwado tebụl bụ iji àgwà HTML. Dịka ọmụmaatụ, enwere ike iji àgwà "aligning" na mkpado "tebulu" iji kwado tebụl dị na ibe. Ụkpụrụ enwere ike maka njirimara a bụ "aka ekpe", "nri" na "etiti". Na mgbakwunye, enwere ike iji njirimara "valign" na "ịdị elu" iji chịkwaa nhazi nhazi nke mkpụrụ ndụ tebụl.

3. Jiri frameworks ma ọ bụ ọba akwụkwọ: Ọ bụrụ na ị na-achọghị ịzụlite a omenala style, ị nwere ike iji CSS frameworks ma ọ bụ ọba akwụkwọ na-enye predefined ngwọta ka mezie HTML tebụl. Ụfọdụ nhọrọ ewu ewu gụnyere Bootstrap na ntọala. Usoro ndị a na-enye klaasị CSS nke enwere ike ịgbakwunye na tebụl na arịa maka nhazi ngwa ngwa na nke na-agbanwe agbanwe.

Na nchịkọta, a ga-enweta nhazi tebụl HTML n'ime igbe ma ọ bụ ibe site na iji CSS, àgwà HTML, ma ọ bụ CSS frameworks na ọba akwụkwọ. Nhọrọ nke usoro ga-adabere na mkpa na mmasị nke onye mmepụta. N'ọnọdụ ọ bụla, ọ bụ ihe amamihe dị na ya ịnwale ụzọ dị iche iche ma gbanwee ụdị dị ka ọ dị mkpa iji nweta nhazi a chọrọ.

11. Na-edozi oghere na oke n'ime tebụl HTML kwadoro

Ka ịgbanwee oghere na oke na tebụl HTML dabara adaba, ọ dị mkpa iji njirimara CSS kwesịrị ekwesị. N'ebe a, m na-ewepụta usoro atọ iji nweta ya:

1. Jiri ihe onwunwe mgbochi iji dozie oghere dị n'ime nke mkpụrụ ndụ tebụl. Ị nwere ike itinye nke a na otu cell ma ọ bụ sel niile dị na tebụl. Dịka ọmụmaatụ, ọ bụrụ na ịchọrọ ka sel niile nwee pikselụ 10 nke oghere dị n'ime, ị nwere ike itinye ahịrị koodu CSS na mpempe ụdị gị:

"html

«'

2. Tinye ihe onwunwe ahụ oke iji dozie akụkụ mpụta nke tebụl. Nke a enwere ike ịme ya na-akọwapụta uru oke maka tebụl n'onwe ya ma ọ bụ maka sel nke ọ bụla. Ọ bụrụ na ịchọrọ ka sel niile nwee oke pikselụ 5, ịnwere ike ịgbakwunye ahịrị koodu CSS ndị a:

"html

«'

3. Na mgbakwunye na ihe onwunwe CSS, ị nwekwara ike iji àgwà ahụ cellpadding na mkpado `

' Dịka ọmụmaatụ, ọ bụrụ na ịchọrọ ịhazi ọdịnaya ahụ n'etiti na kwụ ọtọ na kwụ ọtọ, ịnwere ike iji koodu HTML a:

«'

Ọdịnaya

' Njirimara a na-akọwapụta padding nke ime maka sel niile dị na tebụl. Ọmụmaatụ:

"html

Ọdịnaya 1

Ọdịnaya 2

«'

Cheta na oghere na oke bụ akụkụ dị mkpa nke igosi tebụl HTML dabara adaba. N'iji njirimara CSS kwesịrị ekwesị, ị nwere ike ịhazigharị ha na mmasị gị ma melite ọdịdị nke tebụl gị na weebụsaịtị gị. Nyochaa ụkpụrụ dị iche iche wee chọta ntọala kacha dabara maka mkpa gị!

12. Ndụmọdụ na omume kachasị mma maka ịnweta nhazi kachasị mma na tebụl HTML

Na ngalaba a, anyị ga-enye usoro nke . Ịhụ na tebụl kwadoro n'ụzọ ziri ezi dị mkpa iji melite ọgụgụ na ọdịdị nke ibe weebụ. Ebe a, ị ga-ahụ ụfọdụ nzọụkwụ na-eso ga-enyere gị aka dozie nsogbu a.

1. Jiri njirimara nhazi: Àgwà "aligning" na "valign" bara uru maka ịhazi ọdịnaya nke sel. Àgwà “nhazi” na-enye ohere ka ahazi ọdịnaya n'ụzọ kwụ ọtọ, ebe a na-eji “valign” maka nhazi kwụ ọtọ. Ị nwere ike iji ụkpụrụ "aka ekpe", "etiti", "aka nri", "elu", "etiti" na "ala" iji kwado ọdịnaya dịka mkpa gị siri dị.

2. Jiri ụdị CSS: Ị nwekwara ike iji ụdị CSS iji melite nhazi na tebụl. Ị nwere ike ezipụta klas ma ọ bụ ihe nchọpụta na mkpado HTML gị wee tinye ụdị omenala site na mpempe akwụkwọ ụdị CSS. Dịka ọmụmaatụ, ịnwere ike ịkọwa klaasị a na-akpọ "alignCenter" yana ihe onwunwe "text-align: center" wee tinye klas a na sel ndị ịchọrọ ịtọ n'etiti kwụ ọtọ.

3. Gbanwee obosara cell: Ọ bụrụ na mkpụrụ ndụ tebụl gị nwere nha dị iche iche, enwere ike imetụta nhazi ahụ. Jide n'aka na ị na-edozi obosara nke sel nke ọma maka nhazi otu. Ị nwere ike iji àgwà "obosara" ma ọ bụ ụdị "obosara" CSS iji tọọ obosara nke sel. Na mgbakwunye, ị nwekwara ike iji njirimara "colspan" iji jikọta ọtụtụ sel naanị onye ahịrị ma nweta nhazi kwesịrị ekwesị.

Cheta na nhazi ziri ezi na tebụl HTML dị mkpa iji melite ahụmịhe onye ọrụ ma nọgide na-enwe ọmarịcha anya. Site n'ịgbaso ndụmọdụ na omume ndị a, ị nwere ike nweta nhazi kacha mma na mbadamba gị. Nyochaa usoro na ntọala dị iche iche ruo mgbe ị nwetara nsonaazụ achọrọ!

13. Ndakọrịta nhazi nke tebụl na ihe nchọgharị weebụ HTML dị iche iche

Ihe nchọgharị weebụ nwere ike ịtụgharị ma tinye nhazi tebụl n'ụzọ dị iche, nke nwere ike ibute enweghị ndakọrịta na ngosipụta nke tebụl HTML na ihe nchọgharị dị iche iche. Iji hụ na , ị nwere ike soro usoro ndị a:

1. Jiri àgwà nhazi CSS: Iji kọwa nhazi nke tebụl na HTML mgbe niile n'ofe ihe nchọgharị dị iche iche, ọ bụ ihe amamihe dị na ya iji àgwà CSS kama iji àgwà nhazi HTML na-adịghị adị. Dịka ọmụmaatụ, kama iji àgwà HTML "aligning" na mkpado "td" ma ọ bụ "th", ị nwere ike iji àgwà "text-align" CSS.

2. Jiri ụdị CSS dị na mpụga: Kama ịkọwapụta ụdị nhazi ozugbo na mkpado "td" ma ọ bụ "th" nke tebụl, a na-atụ aro ka iji ụdị CSS dị na mpụga. Nke a na-enye ohere maka njikwa ziri ezi karịa nhazi nke tebụl ma mee ka ọ dịkwuo mfe ịgbanwe na idobe ụdị. Ọzọkwa, jide n'aka na ezipụta mpempe akwụkwọ ụdị CSS na ngalaba "isi" nke akwụkwọ HTML site na iji mkpado "njikọ".

3. Nnwale na ihe nchọgharị dị iche iche: Ọ dị mkpa iji nwalee ngosi nke tebụl dị na ihe nchọgharị weebụ dị iche iche iji chọpụta enweghị nkwekọrịta ọ bụla. Jiri ngwa mmepe ihe nchọgharị ma ọ bụ ọrụ ịntanetị na-enye gị ohere iṅomi ihe nchọgharị ma ọ bụ ngwaọrụ dị iche iche. Ọ dịkwa mma ịnwale na ụdị ihe nchọgharị dị iche iche, dịka ụfọdụ nsụgharị ochie nwere ike inwe àgwà dị iche iche karịa nke ọhụrụ.

Ịhazi tebụl na ihe nchọgharị weebụ HTML dị iche iche nwere ike iweta ihe ịma aka, mana site n'ịgbaso usoro ndị a na iji njirimara na ụdị CSS, enwere ike nweta ndakọrịta kwesịrị ekwesị. Na-echeta mgbe niile ịnwale na ihe nchọgharị na ụdị dị iche iche iji jide n'aka na tebụl dị mma.

14. Mkpebi na nzọụkwụ na-esote iji kwado tebụl HTML

Na nchịkọta, ịhazi tebụl HTML nwere ike ịbụ ihe ịma aka, ma site na ngwá ọrụ na usoro ziri ezi, ọ ga-ekwe omume nweta nsonaazụ ziri ezi na nke na-agbanwe agbanwe. Na mgbakwunye, enwere ọtụtụ ụzọ isi dozie nsogbu a dabere na mkpa akọwapụtara nke ọrụ ọ bụla.

Nzọụkwụ mbụ dị mkpa bụ ịghọta ụzọ nhazi dị iche iche dị na HTML, dị ka nhazi na kwụ ọtọ. Àgwà ndị a, dị ka "nhazi" y "Valign", enwere ike itinye ya na akara tebụl, mkpụrụ ndụ, na sel iji chịkwaa ọnọdụ na ọdịdị ha. Ọ dị oke mkpa ịmara nhọrọ niile dị ma jiri ha rụọ ọrụ nke ọma iji nweta nhazi a chọrọ.

Na mgbakwunye na njirimara nhazi HTML nke ala, ọ ga-ekwe omume iji CSS mee ka nhazi nke tebụl. Nke a nwere ike ịgụnye iji akụrụngwa dịka ederede-nhazi, "vertical-aligning" y "ngosi" iji chịkwaa nhazi nke ederede na ọdịnaya dị na sel tebụl.

N'ikpeazụ, a na-atụ aro ka nwalee ma kwado nhazi n'ofe ihe nchọgharị na ngwaọrụ dị iche iche iji hụ na ahụmahụ na-agbanwe agbanwe maka ndị ọrụ niile. Nke a nwere ike ịgụnye iji ngwa mmepe webụ, dị ka ngwaọrụ nyocha ihe nchọgharị, na nnwale na mkpebi na ihuenyo dị iche iche. Echefula na omume na nnwale bụ isi ihe na-eme ka nhazi tebụl HTML zuo oke.

N'ikpeazụ, ịhazi tebụl na HTML bụ ọrụ dị mkpa iji hụ na ngosipụta data kwesịrị ekwesị weebụsaịtị. Site n'iji njirimara CSS kwesịrị ekwesị, dị ka "ederede-aligning" na "vertical-align", ọ ga-ekwe omume ịhazi ọdịnaya cell nke ọma na mgbe niile.

Ọ dị mkpa iburu n'obi na a ghaghị iji nlezianya tụlee nhazi nke tebụl na-adabere na ihe ndị gbara ya gburugburu na ebumnobi imewe. Nkwenye na ntinye nke ihe na ịgụta data bụ akụkụ ndị dị mkpa ị ga-eburu n'uche.

Na mgbakwunye, ọ dị mma ịlele ndakọrịta nke akụrụngwa CSS ejiri na ihe nchọgharị dị iche iche iji hụ na ahụmịhe onye ọrụ nwere otu.

Na nchịkọta, ịmụta usoro nhazi okpokoro na HTML dị mkpa maka ndị na-achọ ịmepụta ebe nrụọrụ weebụ Ọkachamara na mma anya. Site n'inwe ezi ihe ọmụma nke ihe onwunwe CSS na nghọta siri ike nke imewe weebụ, ọ ga-ekwe omume iji nweta nhazi zuru oke na nke na-agbanwe agbanwe n'ofe tebụl niile. nke saịtị.

Ọdịnaya pụrụiche - Pịa ebe a Otu esi eme ka USB m rụọ ọrụ na PC m

Sebastian Vidal

Abụ m Sebastián Vidal, onye injinia kọmpụta nwere mmasị na teknụzụ na DIY. Ọzọkwa, abụ m onye okike tecnobits.com, ebe m na-ekerịta nkuzi iji mee ka nkà na ụzụ nwetakwuo ohere na nghọta maka onye ọ bụla.