Te tiki i te nuinga o nga ripanga HTML ma te tautuhi i nga huanga ripanga
Ko nga huanga ripanga HTML e whakarato ana ki a koe i te nui o te mana ki nga ripanga HTML. He maha nga huanga e wātea ana ki nga ripanga kia nui ake ai nga ahuareka me te huri i te ahua o to wharangi.
TABLE HAUTAU WHAKAMAHI
I te HTML5, ka whakamahi te huanga i nga huanga o te ao me tetahi atu huanga:. Na kua rere ke te mea ko te uara o te 1, te kore ranei (ie rohe = ""). Mena e hiahia ana koe ki te huri i te whanui o te rohe, me whakamahi koe i te taonga CSS whānui-whānui.
Tirohia i raro nei hei ako mo nga huanga HTML5 whaimana.
He maha ano nga huanga e waahanga ana i te waahanga HTML 4.01 kua pahure ake i te HTML5:
- -Kua whakauruhia nga taonga taraiwa CSS i runga i nga mahinga TD me TH.
- -Kua whakauruhia te rohe-rohe o te CSS i runga i te tepu.
- -Kaua nga ritenga CSS tae-tae: pango; me te āhua-rohe i runga i te tepu.
- -Kaua nga ritenga CSS tae-tae: pango; me te hanganga-rohe i runga i nga waahanga tika o te tepu.
- -Me korero, me whakaatu koe i te hanganga o te tepu i roto i te CAPTION ranei te whakanoho i te ripanga katoa i roto i te WHAKAPA me te whakaahua i roto i te whakaahua. I tua atu, ka taea e koe te whakakotahi i te hanganga o te tepu kia kore ai he whakamaramatanga e hiahiatia.
- -Mahia te taonga whanui CSS.
Na tetahi huanga i whakakorea i roto i te HTML 4.01 me te mea kua pahure ake hoki i te HTML5.
Ako atu mo nga huanga HTML 4.01 TABLE.
- whakaekea -Kua whakauruhia te riihi rohe CSS.
He maha nga huanga e kore e waahanga o nga waahanga HTML.
Whakamahia enei huanga ki te mohio koe ka taea e nga kaituhi e awhina ana koe te whakahaere ia ratou, kaore koe e whakaaro ana ki te HTML whaimana.
- -Kua whakauruhia te ahua o te taiao CSS.
- rohe -Kua whakauruhia te karauna rohe-rohe CSS.
- rohe-rohe -Kua whakauruhia te karauna rohe-rohe o CSS.
- bordercolordark -Kua whakauruhia te karauna rohe-rohe o CSS.
- koha -Kaore he rereke i tenei huanga.
- teitei -Kei te tiketike o te rawa CSS.
- -Mahia te rohe o te taiao CSS.
- -Mahia te rohe o te taiao CSS.
- -Kua whakauruhia nga taonga o te CSS ma te kaa-kiko.
- -Kua whakauruhia te taonga CSS hei utu.
Me ako atu ano mo nga Putea TABLE Motuhake.
Kaupapa Huanga HTML5
Ka rite ki ta matou i whakahuatia i runga ake nei, kotahi anake te huanga, i tua atu i nga huanga o te ao, e tika ana i runga i te kaupapa HTML5 TABLE: rohe.
Ka whakamahia te huanga rohe ki te tautuhi i te rohe huri noa i te ripanga katoa me nga ruma katoa kei roto. I penei ano mehemea ka whakauruhia ki roto i te tohu HTML5, engari i noho tonu no te mea i whakaratohia nga korero e pa ana ki te hanganga ripanga, i tua atu i nga ahuatanga o te kāhua.
Hei tapiri i te huanga rohe, ka whakaturia e koe te uara ki te 1 ki te mea he rohe me te kore (ka mahue te huanga) mehemea kaore. Ka tautoko hoki te nuinga o nga kaitirotiro 0 mo te kore rohe, me tetahi atu uara taapiri (2, 3, 30, 500, etc) hei whakaatu i te whanui o te rohe i roto i nga pika, engari kua pahure ake i te HTML5. Engari, me whakamahi koe i nga āhuatanga tahua CSS hei tautuhi i te whanui rohe me etahi atu momo.
Hei waihanga i tetahi tepu me te rohe, tuhia:
< rohe papa = "1" >
He ripanga tenei me te rohe td>
tr>
tepuHe HTML 4.01 nga huanga kua pahure i te HTML5. Ki te whakamahere koe ki te tuhi i nga tuhinga HTML 4.01, ka taea e koe te ako ki a raatau, kaore pea koe e wareware. Ko te nuinga o enei huanga he rerekētanga, i whakaahuatia i runga nei.
Kei te whakaahua matou i nga huanga o te huānga e tika ana i HTML5 (me HTML 4.01). Kei te whakaahua tenei i nga huanga TABLE e tika ana i roto i te HTML 4.01, engari kaore i te HTML5. Mena ka tuhi tonu koe i nga tuhinga HTML 4.01, ka taea e koe te whakamahi i enei huanga, engari ko te nuinga o era he waahanga ka whakauru atu i o rarangi pepa mo te waa ka neke koe ki te HTML5.
HTML Valid HTML1
Ko te huanga i whakaahuatia i runga.
Ko te rerekëtanga anake i HTML 4.01 mai i te HTML5 ko te tohu ka taea e koe te tautuhi i tetahi taapiri katoa (0, 1, 2, 15, 20, 200, me etahi atu) hei tautuhi i te whanui o te rohe i roto i nga pika.
Hei hanga i tetahi tepu me te rohe 5px, tuhia:
< rohe papa = "5" >
He papa 5px tenei tepu. td>
tr>
tepuTirohia tetahi tauira o nga papa e rua me nga rohe.
Ko te huanga e tautuhi ana i te nui o te mokowhiti i waenga i nga rohe taiao me nga ihirangi o te pūtau. Ko te taunoa he rua pika. Tautuhia te taaputapu ki 0 ki te kore e hiahiatia he mokowhiti i waenganui i nga ihirangi me nga rohe.
Hei tautuhi i te hika ki te 20, tuhia:
cellpadding = "20" >
Kei te ripanga tenei he pukupuku o te 20. td>
tr>
Ka wehea nga rohe o te Cell ki te 20 pika. td>
tr>
tepuTirohia tetahi tauira o te tepu me te rorohiko
Ko te huanga e tautuhi ana i te nui o te mokowhiti i waenga i nga tepu ripanga me te ihirangi pūtau. Ka rite ki te paera, ka tautuhia te taunoa ki nga pika e rua, na me whakaturia e koe ki te 0 ki te hiahia koe ki te kore mokowhiti.
Hei tāpiri mokowhiti pūtau ki te ripanga, tuhia:
rorohiko = "20" >
He ripanga o tenei tepu o te 20. td>
tr>
Ka wehea nga pūtau e 20 pika. td>
tr>
tepuTirohia te tepu me te hanganga rorohiko
Ko te huanga ka tautuhi i nga waahanga o te rohe e karapoti ana i waho o te tepu ka kitea. Ka taea e koe te tautuhi i to papa ki nga taha e wha, ki tetahi taha, ki runga, ki raro, ki maui, ki te taha matau, ki te kore.
Anei ko te HTML mo te tepu me te taha taha maui anake:
anga = "lhs" >
Tenei tepu td>
ka whai / / td>
tr>
anake te td>
te taha taha maui kua oti te hanga. td>
tr>
tepuKo tetahi atu tauira ki te anga o raro:
anga = "kei raro" >
He taahi tenei tepu i raro. td>
tr>
tepuTirohia etahi papa mo nga papa
He rite te huanga ki te huanga angamahi, engari ka pa ana ki nga rohe o nga taapau o te ripanga. Ka taea e koe te whakarite ture i runga i nga raupapa katoa, i waenga i nga pou, i waenga i nga rōpū rite TBODY me TFOOT ranei kahore.
Hei hanga i tetahi tepu me nga raina anake i waenga i nga rarangi, tuhia:
ture = "rarangi" >
Kei tenei ripanga 4x4 td>
nga rarangi kaore i te tīwae td>
tr>
kua tautuhia ki te td>
tohu huanga. td>
tr>
tepuA ko tetahi atu he aho kei waenganui i nga pou:
ture = "kohanga" >
Ko te / / td tenei
te ripanga td>
kei hea te td>
tr>
tīwae td>
he td>
i whakahuatia td>
tr>
tepuAnei he tauira o te tepu me nga ture
Ko te huanga e whakarato ana i nga korero e pā ana ki te ripanga mo nga kaipānui mata me etahi atu kaiwhakahaere kaiwhakamahi e raru ana ki te panui i nga ripanga. Hei whakamahi i te huanga whakariterite, tuhia he whakariterite poto o te tepu me te hoatu i te mea hei uara o te huanga. Kaore te whakarupapatanga e whakaatu i te whārangi tukutuku i roto i te nuinga o nga pae tukutuku tukutuku.
Anei ko te tuhituhi i tetahi tepu iti me te whakariterite:
< summary summary = "He tauira tauira tenei e whakaatu ana i nga korero whakaari. Ko te kaupapa o tenei tepu ko te whakaatu i te whakariterite." >
tīwae 1 rarangi 1 td>
tīwae 2 rarangi 1 td>
tr>
tīwae 1 rarangi 2 td>
tīwae 2 rarangi 2 td>
tr>
tepuTirohia te tepu me te whakariterite
Ko te huanga e tautuhi ana i te whanui o te tepu i roto i nga pika kotahi, i te rite ranei o te ōrau o te huānga ipu. Mena kaore te whanui i tautuhia, ko te tepu ka nui noa atu te waahanga hei whakaatu i nga ihirangi, me te whānui o te whanui te rite ki te whanui o te huanga matua.
Hei hanga i tetahi tepu me te whanui whanui i nga pika, tuhia:
< whanui ripanga = "300" >
Ko tenei tepu he 80% o te whanui o te ipu kei roto i. td>
tr>
tepuA, ki te hanga i tetahi tepu me te whanui he waahanga o te huanga matua, tuhia:
< whanui ripanga = "80%" >
Ko tenei tepu he 80% o te whanui o te ipu kei roto i. td>
tr>
tepuTirohia tetahi tauira o te tepu me te whanui
Ko te HTML 4.01 TABLE Huanga
He kotahi te huanga o te huānga TABLE e whakahekehia ana i roto i te HTML 4.01 me te tawhitinga i te HTML5: hāngai . Ko tenei huanga ka taea e koe te whakatakoto i te wahi e noho ai te tepu i runga i te hononga whanaunga ki te kuputuhi kei tera taha. Kua whakakorehia tenei huanga i te HTML 4.01, a kia karohia e koe te whakamahi. Engari, me whakamahi koe i te taonga CSS ranei i te taha maui-maui: auto; me te taha-matau-tika: auto; momo. Ko te taonga rererangi e homai ana ki a koe he hua e tata ana ki te mea e whakaratohia ana te huanga, engari ka pa ki te ahua o te whakaaturanga o nga tuhinga o te whārangi. Ko te taha-taha-matau: auto; me te taha-maui: auto; ko te aha te W3C e taunaki ana hei ahua ke.
Anei he tauira whakaiti i te whakamahi i te huanga huanga:
align = "tika" >
E tika ana tenei ripanga ki te td>
tr>
E rere ana nga kuputuhi a tawhio noa ki te taha maui td>
tr>
tepuTirohia tetahi tauira whakaiti i te whakamahi i te huanga tautuhinga.
A, me te whai i taua mahi me te whaimana (kaore i te whakakore) HTML, tuhia:
< style style = "rererangi: tika;" >
E tika ana tenei ripanga ki te td>
tr>
E rere ana nga kuputuhi a tawhio noa ki te taha maui td>
tr>
tepuKo nga korero e whai ake nei e whakaatu ana i nga huanga TABLE ehara i te waahanga o nga waahanga HTML.
Ko nga korero o mua e whakaatu ana i nga huanga o te huānga HTML e whaimana ana i HTML 4.01, engari kua pahure ake i te HTML5.
Ko nga korero e whai ake nei e whakaatu ana i nga huanga TABLE e kore e tika i roto i tetahi waahanga o naianei. Mena kaore koe e whai whakaaro ana ki te whakamana o ou pepa me te whakamahi a nga kaiwhakamahi i tetahi kaituhi e tautoko ana i enei kaupapa, ka taea e koe te whakamahi i enei huinga. Engari ko te nuinga o ratou kaore i te tautohetohe ki nga kaitohutohu hou, kaore ano hoki he tikanga ke atu i nga paerewa.
Kaore matou e tūtohu ki te whakamahi i enei huanga i runga i nga ripanga HTML.
Ko te huanga ko te huanga tawhito i whakaurua i mua i te tautoko a te CSS. Ka taea e koe te huri i te tae papamuri o te tepu. Ka taea e koe te whakaturia he ingoa tae, he waehere hexadecimal. Kei te mahi tonu tenei huanga i roto i te rota o nga kaituhi, engari mo nga HTML kua tohua ake nei, kaua e whakamahia e koe, me whakamahi CSS hei utu.
Ko te pai ke atu ki tenei huanga ko te taonga tahua.
Hei huri i te tae papamuri o te tepu, tuhia:
< kāhua ripanga = "karaehe-tae: #ccc;" >
Kei tenei tepu he pango hina td>
tr>
tepuE rite ana ki te huanga tohu, ko te tohu taiao ka taea e koe te huri i te tae o te huanga. Ko tenei huanga anake e tautokona ana e Internet Explorer. Engari, me whakamahi koe i te taonga tahua tae-rohe.
Hei huri i te tae o te rohe o to papa, tuhia:
kāhua = "tae-tae: whero;" >
He taangata whero tenei tepu. td>
tr>
tepuI whakauruhia te maamaa me te tohu roheroto i roto i Internet Explorer kia taea ai e koe te hanga i tetahi rohe 3D e pa ana ki tau tepu. Engari, i te IE8 me te ake, ka tautokona anake tenei i te Aratau Aromatawai IE7 me te Aratau Tae . E ai ki a Microsoft ko enei taonga kaore i te tautokona.
No te wa poto, ko nga kohinga i runga i te kaupapa TABLE i whakaarohia hei awhina i nga kaipupuri ki te mohio ki te maha o nga tīwae i te tepu. Ko te kaupapa ko tenei ka awhina i te tere o nga ripanga nui. Engari i whakamahia noa e Internet Explorer, me te IE8 me te ake, ka tautokona tenei i te Aratau Paerewa IE7 me te Aratau Tae.
No te mea ko te whanui whanui (kua paheke ki te HTML5) he maha nga tangata i whakaarohia ko te tino huanga mo nga tepu. Engari, no te mea e rite ana nga ripanga ki te whanui o to ratou ihirangi, te whanui tautuhi ranei i roto i te CSS, i te whanui whanui, kaore e taea te whakakore i te teitei. Heoi, ka whakaaetia e te hunga tirotiro te huanga teitei hei tautuhi i te teitei iti o te tepu. Mena he teitei ake te tepu i taua teitei, ka whakaatu teitei ake. Engari me whakamahi koe i te taonga
Ma te CSS teitei o te rawa ka taea e koe te whakakii i te teitei ki te whakamahi koe i te taonga CSS hei tautuhi i nga mea e tupu ana me nga mea whakaheke.
Hei tautuhi i te teitei iti i runga i te tepu, tuhia:
< style style = "teitei: 30em;" >
Ko te tepu nei ko te 30 iti te roa. td>
tr>
tepuKo nga huanga e rua me te waahi kaapiri ki te taha maui / taha matau (hspace) me runga / raro (vspace) o te tepu. Me whakamahi koe i te taonga tahua.
Hei tautuhi i te mokowā poutū ki 20 pika me te mokowā whakapae ki te 40 pika, tuhia:
< style style = "te taha: 20px 40px;"
Kei tenei tepu he mokowā o 20 pika me te mokowā o te 40 pika. td>
tr>
tepuKo te huanga ko te huanga puroa e tautuhi ana mehemea kei te taapiri nga ihirangi o te tepu i te taha o te huānga matua, te matapihi ranei, te whakawhiti i te whakawhiti whakapae. Engari, me tautuhi koe i nga momo hokai o ia papapu taapau e whakamahi ana i te taonga CSS.
Ki te hanga i tetahi tīwae me te maha o nga tuhinga kaore i te rorohiko, tuhia:
style = "white-space: nowrap;" > He pourangi tenei me te ton o te ihirangi. Engari, ahakoa he whanui atu i te pouaka, kaua te kuputuhi e whakauru ki te rarangi e whai ake nei, engari ka kaha te matapihi tirotiro ki te huri i te waa kia kite i nga ihirangi katoa. Td>
tr>
tepuHei whakamutunga, ko te huanga ka tautuhi i nga mahinga o ia rorohiko kia hāngai i roto i te pūtau. I tua atu i tenei huanga kino, me whakamahi e koe te taonga CSS i runga i ia kamera e hiahia ana koe ki te whakarereke i te hanganga o. Kaore koe e kite i nga paanga o tenei ahua tae noa ki te iti iho o nga puna o te pūtau i te waahi e wātea ana e etahi atu, nui atu nga pūtau.
Hei pehi i tetahi pūtau kia hāngai ki te raro (kaua ki te waenganui, hei taunoa), tuhia:
He roa atu te roa o tenei pūtau i te okiokinga, a, ka kaha te kaha ki te neke ake. Na ka kite koe i te taurangi o te rorohiko e hono ana ki te raro. Td>
style = "poutū-hāngai: raro;" > Nga mea kei raro. Td>
Nga ihirangi i waenganui. td>
tr>
tepu