Kuwana zvakanakisisa kubva pamatafura eHTML kuburikidza nekudzidza tafura yezvigadzirwa
HTML table attributes inokupa zvakawanda kutonga pamusoro pe HTML mafuraji. Pane zvakawanda zvinowanikwa pamatafura kuitira kuti zviwedzere kufadza uye kuchinja kutarisa kwepaji rako.
HTML TABLE Element Attributes
Mu HTML5 chinhu chinoshandisa maitiro epasi rose uye chimwe chimwe chinhu:. Uye yakashandurwa kuti ine chete inokosha ye 1 kana isina chinhu (kureva muganhu = ""). Kana iwe uchida kuchinja upamhi hwomuganhu, unofanira kushandisa muganhu-width CSS pfuma.
Ona pasi apa kuti udzidze pamusoro pemafungiro evhidhi ye HTML5.
Panewo humwe hutano huri chikamu che HTML 4.01 tsanangudzo yakave isina kushandiswa muHTML5:
- -Shandisa CSS padding pfuma patafura yeTD neT TH zvinhu.
- -Shandisa CSS muganhu wemuganhu-kuisa patafura.
- -Shandisa CSS michina kumucheto-ruvara: dema; uye muganhu-mutambo patafura.
- -Shandisa CSS michina kumucheto-ruvara: dema; uye muganhu-maitiro pazvinhu zvakakodzera zvetafura.
- -Kutanga, iwe unofanira kufanotaura chimiro chetafura muCAPTION kana kuisa tafura yose muFIGURE uye ichitaura muFIGCAPTION. Zvimwe, iwe unogona kuita nyore shanduro yefurafura kuitira kuti pasina tsanangudzo inoshandiswa.
- -Shandisa CSS width property.
Uye chimwe chirevo icho chakanga chakaregererwa mu HTML 4.01 uye chakasashanda zvakare mu HTML5.
Dzidza zvakawanda nezve HTML 4.01 TABLE Matauriro.
- gadzirisa -Shandisa nzvimbo yeCSS yemuganhu panzvimbo.
Pano panewo maitiro akasiyana-siyana ayo haasi chikamu chero chipi zvacho chinonzi HTML.
Shandisa maitiro aya kana iwe uchiziva kuti ma browsers ako anotora anogona kubata navo uye hauna hanya neHTML yakakodzera.
- -Shandisa CSS pfuma yemuganhu-ruvara panzvimbo.
- Bordercolor -Shandisa CSS pfuma mumuganhu-ruvara panzvimbo.
- bordercolorlight -Shandisa CSS pfuma mumuganhu-ruvara panzvimbo.
- Bordercolordark -Shandisa CSS pamuganhu-muvara panzvimbo.
- cols -Hakuna imwe nzira yezvizvi.
- kureba -Shandisa CSS pfuma yakakwirira pane nzvimbo.
- -Shandisa CSS pfuma margin panzvimbo.
- -Shandisa CSS pfuma margin panzvimbo.
- -Shandisa CSS pfuma white-space pane.
- -Shandisa CSS pechirinho-align panzvimbo.
Dzidza zvakawanda pamusoro peSpirator Specific TABLE Matauri.
HTML5 TABLE Element Attributes
Sezvatakataurwa pamusoro apa, pane chirevo chimwe bedzi, kunze kwezvinhu zvepasi rose, izvo zvinoshanda pane HTML5 TABLE chinhu: muganhu.
Muganhu wemuganhu unoshandiswa kutsanangura muganhu wakakomberedza tafura yose uye yese masero mauri. Paiva nemubvunzo pamusoro pekuti ingadai yakabatanidzwa mumashoko eHTML5, asi yakasara nokuti yakapa ruzivo pamusoro pechigadziro chetafura, kunze kwechirevo chetsika chete.
Kuti uwedzere muganhu wemuganhu, unotarisa kukosha kune 1 kana pane muganhu uye usina chinhu (kana kusiya chiito) kana pasina. Mafurusisi akawanda achasimudzirawo 0 pasina mhirizhonga, uye chero humwe huwandu hwenhamba (2, 3, 30, 500, etc) kutaura muganhu hwomukati mupikisi, asi izvi hazvisi zvekare mu HTML5. Pane kudaro, unofanirwa kushandisa CSS mumuganhu wemafidhi maitiro kuti ujekese muganhu hwomukati uye mamwe mavara.
Kugadzira tafura nemuganhu, nyora kuti:
border = "1" >
Iyi itafura ine muganhu
Pane HTML 4.01 zvigadziro izvo zvisingashandisi mu HTML5. Kana ukaronga pakunyorera HTML 4.01 nyanzvi, unogona kuzvidzidza, zvisinei, iwe unogona kuzviregeredza. Zvizhinji zvehutano izvi zvine dzimwe nzira, dzinotsanangurwa pamusoro apa.
Isu tinotsanangura maitiro echo chinhu chinoshanda mu HTML5 (uye HTML 4.01). Izvi zvinotsanangura TABLE maitiro anoshanda mu HTML 4.01, asi haana kushandiswa muHTML5. Kana iwe uchiri kunyora HTML 4.01 zvinyorwa, unogona kushandisa izvozvi, asi vazhinji vavo vane dzimwe nzira dzichaita kuti mapeji ako ave nehuchapupu-hunoonekwa paunotamira ku HTML5.
Mhinduro yeHalidhi 4.01 Mhando
Chiratidzo chatinotsanangura pamusoro apa.
Kusiyana chete mu HTML 4.01 kubva kuHTML5 ndechokuti iwe unokwanisa kutsanangura chero huwandu hwakazara (0, 1, 2, 15, 20, 200, nezvimwewo) kuti ujekese hupamhi hwomuganhu muma pixels.
Kuvaka tafura nemuti we5px, nyora kuti:
border = "5" >
Iyi tafura ine mhizha ye5p.
Ona muenzaniso wematafura maviri ane miganhu.
Chirevo chacho chinotsanangura chiyero chepakati pakati pemasero emiganhu uye zviri mukati memusero. Zvisizvo ndezvipikisi zviviri. Isai cellpadding kune 0 kana musingadi nzvimbo pakati pezviri mukati nemiganhu.
Kuisa seni padding kusvika 20, nyora kuti:
cellpadding = "20" >
Iyi tafura ine cellpadding ye20.
Mitsara yemagetsi ichaparadzaniswa nema pixel 20.
Ona muenzaniso we tafura ne cellpadding
Chirevo chacho chinotsanangura chiyero chepakati pakati pematafura etafura nesero yakagadzirwa. Kungofanana nespadpadding, iyo yakasarudzwa inogadzirirwa kumapikseli maviri, saka unofanira kuiisa ku 0 kana iwe usingadi kuvharika kwekamuri.
Kuti uwedzere keroji kuisa patafura, nyora:
cellspacing = "20" >
Iyi tafura ine cellspacing ye20.
Maselo achaparadzaniswa nema-pixels makumi maviri.
Ona tafura ine cellspacing
Chirevo chinoratidza kuti zvikamu zvipi zvemuganhu unopoteredza kunze kwetafura zvichaonekwa. Iwe unogona kukanda tafura yako pamativi ose mana, chero rumwe rutivi, kumusoro uye pasi, kuruboshwe uye kurudyi, kana kuti hapana.
Heino ye HTML yefurafura ine ruboshwe rworuboshwe:
frame = "lhs" >
Iri tafura
ichava
chete ye
rutivi rworuboshwe rwakatangwa.
Uye imwe muenzaniso nebhokisi rezasi:
frame = "pasi" >
Iyi tafura ine fomu iri pasi.
Tarisa mamwe matafura ane mapuranga
Chiratidzo chacho chakafanana nemafungiro emiganhu, inongogadzirisa miganhu yakapoteredza masero etafura. Iwe unokwanisa kuisa mitemo pamasero ose, pakati pamakamuri, pakati pemapoka akafanana neT TBODY neTFOOT kana asina.
Kuvaka tafura nemitsetse chete pakati pemitsetse , nyora kuti:
mitemo = "mitsara" >
Iri tafura ye4x4 ine
mitsara isina mbiru
yakatsanangurwa ne
mutemo unofunga.
Uye imwe ine mitsetse pakati pehurukuro:
mitemo = "makumbo" >
Iko
tafura
apo i
mapoka
are
yakasimbiswa
Heano muenzaniso wea tafura nemitemo
Chirevo chacho chinopa ruzivo pamusoro petafura yevadzidzisi vekrini uye vamwe vashandisi vashandisi vangave vachitambudza kuverenga matafura. Kuti uwane chidimbu chechidimbu, unonyora tsanangudzo pfupi petafura uye woisa iyo sehuwandu hwehuwandu. Nhepfenyuro yacho haizoratidze pajiji yewebhu mumavhujiro akawanda web browser.
Heino nzira yekunyora tafura iri nyore nechidimbu:
summary = "Iri ndiro tafura yekuenzanisira ine mashoko ekuzadza. Chinangwa chetafura iyi ndechokuratidza muchidimbu." >
chinyorwa 1 mutsara 1
chinyorwa 2 mutsara 1
chinyorwa 1 mutsara 2
chinyorwa 2 mutsara 2
Ona tafura rine chidimbu
Icho chirevo chinotsanangura upamhi hwetafura mune ma pixels kana se peresenti yemudziyo wezvinhu. Kana hupamhi husati hwagadzirirwa, tafura inotora nzvimbo yakawanda chete iyo inofanirwa kuratidza zviri mukati, nehupamhi hupamhi hwakafanana nehupamhi hwechikamu chemubereki.
Kuvaka tafura nehuwandu hwepakati mumapiksesi, nyora kuti:
width = "300" >
Iyi tafura ndiyo 80% yehupamhi hwegiyo iri mukati.
Uye kuvaka tefura nehupamhi huwandu hwemhuri yemubereki, nyora kuti:
width = "80%" >
Iyi tafura ndiyo 80% yehupamhi hwegiyo iri mukati.
Ona muenzaniso we tafura nehupamhi
Deprecated HTML 4.01 TABLE Zvaanoita
Pane chimwe chinhu cheTABLE chinhu chinodonhedzwa mu HTML 4.01 uye chisina kushandiswa mu HTML5: fanana . Izvi zvinoita kuti iwe ugadzirire kuti tafura yacho inofanira kuwanika pane peji maererano nemashoko ari pedyo nayo. Ichi chirevo chave chakaderedzwa mu HTML 4.01, uye iwe haufaniri kudzivisa kushandisa. Pane kudaro, unofanirwa kushandisa pfuma yeCSS kana marginal-left: auto; uye marginal-right: auto; mitambo. Inotenderera yepaimba inokupa chigumisiro chiri pedyo nechinangwa chekufananidza chinopiwa, asi chinogona kuchinja nzira iyo yese yeji yezviri mukati inoratidzira. Nzira yakadzika-kurudyi: auto; uye margin-kusara: auto; ndizvo izvo W3C inorumbidza seimwe nzira.
Heino muenzaniso wakaderera uchishandisa chimiro chekufananidza:
align = "right" >
Iyi tafura yakanyatsoenderana
Nhepfenyuro inoyerera ichikomberedza kusvika kuruboshwe
Ona muenzaniso wakaderera uchishandisa chimiro chekufananidza.
Uye kuti uve nemafungiro akafanana neakavimbika (kwete-akaregererwa) HTML, nyora:
style = "svetuka: kurudyi;" >
Iyi tafura yakanyatsoenderana
Nhepfenyuro inoyerera ichikomberedza kusvika kuruboshwe
Izvo zvinotevera zvinotsanangura TABLE inofunga kuti haisi chikamu chero chipi zvacho chinonzi HTML.
Ruzivo rwepakutanga rinotsanangura maitiro e HTML chinhu chinoshanda mu HTML 4.01 asi hachina kushandiswa mu HTML5.
Izvo zvinotevera zvinotsanangura TABLE zviito zvisingabvumirwi mune zvinyorwa zvayo zvino. Kana iwe usingatarisiri kana mapeji ako achizadzisa uye vashandi vako vanoshandisa musikana anotsigira zvinhu izvi, ipapo unogona kushandisa zvinhu izvi. Asi vazhinji vavo havakwanisi kushandiswa mumashambadziro emazuva ano kana kuti kune dzimwe nzira dzinowirirana-dzinoenderana.
Hatinokurudzira kushandisa maitiro aya pamatafura e HTML.
Chirevo icho chirevo chekare chakaiswa pamberi peCSS isati yakatsigirwa zvikuru. Inokubvumira kuti uchinje ruvara rwemukati wetafura. Iwe unogona kuisa zita remavara kana kode ye hexadecimal. Ichi chiitiko chinoramba chichishanda mune dzakawanda zvevashandisi, asi nokuda kweHTML-yakajeka, haufaniri kuishandisa, uye shandisa CSS pane.
Izvo zviri nani pane izvozvi zvinoreva chimiro chetsika.
Kuti uchinje ruvara rwemukati wetafura, nyora kuti:
style = "ruvara-ruvara: #ccc;" >
Iyi tafura ine grey background
Saizvozvowo nemafungiro e bgcolor, chimiro chemuganzo chinokubvumira kuti uchinje mararamiro emuitiro. Izvi zvinowanikwa chete neInternet Explorer. Pane kudaro, unofanirwa kushandisa muganhu-ruvara rwemavara.
Kuti uchinje ruvara rwemuganhu wetafura yako, nyora kuti:
style = "muganhu-ruvara: tsvuku;" >
Iyi tafura ine muganhu mutsvuku.
Iti bordercolorlight uye bordercolordark zvigadziro zvakabatanidzwa muInternet Explorer kukubvumira iwe kugadzira muganhu weD 3D uri patafura yako. Zvisinei, sekune IE8 uye kumusoro, izvi zvinotsigirwa chete muIE7 Standards Mode uye Quirks Mode . Microsoft inotaura kuti zvinhu izvi hazvisati zvatsigirwa.
Kwenguva pfupi, mazamu anowanikwa pane TABLE chinhu chakarongedzwa kubatsira vashanduri kuziva mahwendefa akawanda tafura. Chikonzero chaiva chokuti izvi zvaizobatsira kukurumidzira kushandiswa kwematafura makuru. Kunyange zvakadaro yakangoshandiswa neInternet Explorer, uye seyeIE8 uye kumusoro, izvi zvinotsigirwa chete muIE7 Standards Mode uye Quirks Mode.
Nemhaka yekuti kune huwandu hwehupamhi (husati wapera mu HTML5) vanhu vazhinji vaifunga kuti pane zvakakosha zvema tefu pamwe chete. Asi nokuti matafura anoenderana nehupamhi hwehupenyu hwavo kana kuti yakatsanangurwa muhupamhi muhutano hweCSS kana hupamhi, hupamhi hahugoni kudziviswa. Saka panzvimbo iyo, vashanduri vakabvumira chimiro chepamusoro kuti vatsanangure huwandu hurefu hwetafura. Kana tafura yacho yakareba kupfuura iyo yakakwirira, ingaratidza kureba. Asi iwe unofanira kushandisa nzvimbo yacho
NeCSS yakakwirira pfuma iwe unogona kudzivirira hurefu kana iwe uchishandisa pfuma yeCSS uyewo kutsanangura zvinenge zvichiitika nehuwandu hunodarika.
Kuti uise huwandu husina kukwirira patafura, nyora kuti:
style = "urefu: 30em;" >
Iyi tafura inenge 30 ems yakakwirira.
Izvo zvinhu zviviri uye yakawedzera nzvimbo kumativi ose kuruboshwe / kurudyi (hspace) uye kumusoro / pasi (vspace) yefurafura. Iwe unofanirwa kushandisa shanduro yemugove panzvimbo.
Kuti ugadzire nzvimbo yakananga kuma pixel 20 uye nzvimbo yakakwana kusvika pamakisikero makumi mana, nyora kuti:
style = "marita: 20px 40px;"
Iyi tafura ine vspace yemapikseli 20 uye hspace yemapikseli makumi mana.
Icho chiito chiito chebhoolean chinotsanangura kana zviri mukati meetafura zvinofanira kuvhara pamucheto wechikamu chevabereki kana vewindo kana kusimba kumhanya kupenya. Pane kudaro, iwe unofanirwa kutsanangura maitiro ekuputika ega rega reta retafura uchishandisa CSS pfuma.
Kuti uite korona ine zvakawanda zvemashoko usingadi, nyora kuti:
style = "white-space: nowrap;" > Iri ndiro korona ine toni yehuwandu. Asi kunyange kana yakazara kupfuura iyo yechirangaridzo haifaniri kuvhara kumutsara unotevera, asi panzvimbo pokuti shandura firiji rekushandura kuti ipinde nepakati kuti uone zvose zviri mukati.
Pakupedzisira, chirevo chacho chinotsanangura kuti zviri mumasero ose zvinofanira kuenzaniswa sei mukati memusero. Panzvimbo pechikonzero ichi chisina kukodzera, iwe unofanira kushandisa pfuma yeCSS pane imwe sero unoda kuchinja kugadzirisa kwe. Iwe haugoni kuona migumisiro yemutauro uyu kunze kwekuti sero iri mukati mishoma pane nzvimbo iripo yakagadzirwa nedzimwe, masero makuru.
Kumanikidza sero kuti ienderane nechepasi (panzvimbo pepakati, sechisiri), nyora kuti:
Iri sero rakapfuura kupfuura rose uye saka richasimudza urefu kuti huve hurefu. Saka uchaona kuti sendimi yakagadzikana yakafanana nechepasi.
style = "zvakajeka-align: pasi;" > Zviri mukati pasi.
Zviri mukati mukati.