Loaʻa i nā papahana loa ma waho o nā pae HTML ma o kaʻikeʻana i nāʻaina papa
Hiki i nā papahana HTML ke hāʻawi iāʻoe i ka mana ma luna o nā papa HTML. Nui nāʻano i loaʻa i nā papa e hoʻonui iā lākou a hoʻololi i ka nānā o kāuʻaoʻao.
Hiki i nāʻano hoʻohālikelike e pili ana
I ka HTML5, hoʻohana ka hua i nā pono honua a me kekahiʻano keu:. A ua hoʻololiʻiaʻo ia wale nō ka waiwai o 1 aʻole paha (ʻo ia ka palena = ""). Inā makemakeʻoe e hoʻololi i ka laulā o ka palena, ponoʻoe e hoʻohana i ka waiwai o ka CSS whānui āpau.
E nānā ma lalo nei e aʻo e pili ana i nāʻano papa pae HTML5.
Aia kekahi mau 'ano loiloi kahi o ka hōʻano HTML 4.01 i lilo iʻeleʻele i HTML5:
- -E hana i ka waiwai CSS ma ka papahana TD a me TH.
- -E hoʻolālā i ka palena'āina o CSS ma ka papaʻaina.
- -Una CSS i nā palena palena palena:ʻeleʻele; a me ka 'āina' āina ma ka papa.
- -Una CSS i nā palena palena palena:ʻeleʻele; a me ka 'āina' āina i nā mea kūpono o ka papa.
- -Iʻole, ponoʻoe e wehewehe i ka hanana o ka papa i loko o ka CAPTION a iʻole e waiho i ka papaʻaina a pau ma kahi i hōʻikeʻia a hōʻikeʻia ma kahi i hōʻikeʻia. Eia kekahi, hiki iāʻoe ke hoʻohaʻahaʻa i keʻano o ka papa iʻole e weheweheʻia.
- -I ka mea ākea o ka CSS.
A i hoʻokahi inoa i hoʻohokaʻia i HTML 4.01 a ua lōʻihi hoʻi i ka HTML5.
E aʻo hou e pili ana i nā huahana HTML 4.01 TABLE.
- ke kaulike -ʻO ka waiwai ma kaʻaoʻao CSS ma kahi.
Aia kekahi mauʻanoʻokoʻaʻaʻole he hapa o nā kikowaena HTML.
E hoʻohana i kēia mauʻano ināʻikeʻoe e hiki i nā mea kelepona āu e kākoʻo ai ke mālama iā lākou aʻaʻoleʻoe e hopohopo e pili ana i ka HTML pono.
- -E pākuʻi i ka waiwai waiwai CSS.
- bordercolor -E hoʻopili i kaʻaha palena palena CSS.
- ka palena palena'āina -E pākuʻi i ka laka palena palena CSS.
- bordercolordark --Ua hana i ka kala palena palena CSS.
- nā koʻi -ʻAʻohe meaʻokoʻa i kēiaʻano.
- ke kiʻekiʻe -Uu i ka kiʻekiʻe o ka hale CSS ma kahi.
- -E ka palena'āina CSS ma kahi.
- -E ka palena'āina CSS ma kahi.
- -Ma kahi o ka CSS waiwai kūpono-kiko kahi.
- -E hoʻohui i ka'āpana CSS ma kahi o ka'ākau.
E aʻo hou e pili ana i nāʻano pilina Kūlana Hulina Pūnaewele.
Hiki i nāʻano hoʻohālike o ka HTML5
E like me kā mākou i'ōlelo ai ma luna nei, aia hoʻokahi wale nō manaʻo, ma waho o nā kumukānāwai honua, kūpono ma kahi HTML5 TABLE element: palena.
Hoʻohanaʻia kaʻoki'āina no ka ho'ākākaʻana i kahi palena a puni ka papaʻaina a me nā pūnaewele a pau. Aia kekahi nīnau no kaʻikeʻia paha i loko o ka hōʻano HTML5, akā no ka hoʻolakoʻana i kaʻike e pili ana i ka papaʻaina, ma mua o keʻano o keʻano pilikino.
No ka hoʻohuiʻana i ka huanga palena, hoʻonohoʻoe i ka helu i ka 1 inā he palena a me ka meaʻole (a haʻalele paha i ka attribute) ināʻaʻole. E kākoʻo ka hapa nui o nā pūnaewele i ka 0 no ka palenaʻole, a me kahi helu'ē aʻe (2, 3, 30, 500, a me nā mea'ē aʻe) e haʻi i ke ākea o ka palena i nā pika, akā, uaʻeleʻele loa ma HTML5. Ma kahi kūpono, e hoʻohanaʻoe i nāʻano kālai'āina o ka CSS e ho'ākāka i ka laulā palena a me nāʻano'ē aʻe.
No ka hanaʻana i kahi pākaukau me kahi palena, e kākau:
< palena palena = "1" >
He papa kēia me ka palena td>
tr>
table>Aia nā mana HTML 4.01 iʻeleʻele i ka HTML5. Inā makemakeʻoe e kākau i nā palapala HTML 4.01, hiki iāʻoe ke aʻo iā lākou, aʻaʻoleʻoe, hiki iāʻoe ke hōʻole iā lākou. ʻO ka hapa nui o kēia mauʻano hoʻololi, i ho'ākākaʻia ma luna nei.
Hōʻike mākou i nāʻano o ka māmā i pololei i HTML5 (a me HTML 4.01). Hōʻike kēia i nā'oluʻu TABLE e kūpono ana i HTML 4.01, akā ua lōʻihi i ka HTML5. Inā kākau mauʻoe i nā HTML 4.01 palapala, hiki iāʻoe ke hoʻohana i kēia mauʻano, akāʻo ka hapanui o lākou he mau mea'ē aʻe e hoʻonui i kāu mauʻaoʻao i ka wā e neʻe aiʻoe i HTML5.
ʻO Valid HTML 4.01 Nā Hiʻona
ʻO ka pilikino i hōʻikeʻia ma luna.
ʻO ka mea like wale nō i HTML 4.01 mai HTML5 he hiki iāʻoe ke koho i kahi meaʻai holoʻokoʻa (0, 1, 2, 15, 20, 200, a me nā mea'ē aʻe) e wehewehe i ka whānui o ka palena i nā pika.
No ka kūkuluʻana i kahi papaʻaina me ka palena 5px, e kākau i kēia:
< palena palena = "5" >
He papa'āina 5px kēia papa. td>
tr>
table>E nānā i keʻano o nā papaʻelua me nā palena.
ʻO ka pilikino e ho'ākāka ana i ka nui o ka manawa ma waena o nā palena pūnaewele a me nā mea o loko o ka pūnaewele. ʻO ka paʻakikī,ʻelua pixels. E hoʻonoho i ka palepaʻi i ka 0 ināʻaʻoleʻoe e makemake i kahi kikowaena ma waena o nā mea a me nā palena.
No ka hoʻonohonohoʻana i ka pale ana o ka paopao i 20, e kākau:
cellpadding = "20" >
Aia kēia papaʻaina i ka palahima o 20. td>
tr>
E hoʻokaʻawaleʻia nā palena o ka Cell me 20 pika. td>
tr>
table>E nānā i kahi hiʻohiʻona o kahi papaʻaina me ka lolo uila
ʻO ka pilikino e ho'ākāka ana i ka nui o ka manawa ma waena o nā pūnaewele papa a me ka helu pūnaewele. E like me ka palepale, ua hoʻonohoʻia ka paʻakikī iʻelua pixels, no laila ponoʻoe e hoʻonoho i ka 0 inā makemakeʻoleʻoe i kahi kōpili pūnaewele.
No ka hoʻohuiʻana i ka pūnaewele i kahi papa, e kākau:
piulapili = "20" >
Ua pili kēia papa i ka pūnaewele o 20. td>
tr>
E hoʻokaʻawaleʻia nā pūnaewele e 20 pika. td>
tr>
table>E nānā i kahi papaʻaina me nā pūnaewele
Hōʻike ka meaʻae i nā'āpana o ka palena a puni i ka papa. Hiki iāʻoe ke hoʻonoho i kāu papaʻaina ma nāʻaoʻaoʻehā, ma kekahiʻaoʻao, ma luna a ma lalo, hema a'ākau,ʻaʻohe.
Eia ka HTML no kahi papaʻaina me ka palena hema wale nō:
frame = "lhs" >
Ke pākaukau kēia td>
loaʻa iā td>
tr>
i ka td> wale nō
kaʻaoʻao hema i kālaiʻia. td>
tr>
table>Eia kekahi hiʻohiʻona me ka kumu lalo:
frame = "ma lalo" >
He papa kēia papa i lalo. td>
tr>
table>E nānā i kekahi mau papa me nā papa
ʻO ke alalike e like me ke kiʻi kekona, akā, pili i nā palena a puni nā pūnaewele o ka papa. Hiki iāʻoe ke hoʻonoho i nā rula ma nā pūnaewele, ma waena o nā koluma, ma waena o nā poʻe e like me TBODY a me TFOOT aʻaʻoleʻole.
No ka kūkuluʻana i ka papa me nā laina wale nō ma waena o nā lālani, e kākau:
mau rule = "mau laina"
Ua pili kēia pakuhi 4x4 td>
i nā lālani iʻole kolā td>
tr>
i weheweheʻia me td>
hoʻohālike kuleana. td>
tr>
table>Aʻo kekahi me kahi laina ma waena o nā pou:
rule = "nā'āpana"
Eia kēia td>
pākaukau td>
kahi i td>
tr>
nā pou td>
nā td>
hoʻokumu td>
tr>
table>Eia keʻano o kahi papaʻaina me nā kānāwai
Hāʻawiʻia e ka pilikino i kaʻike e pili ana i ka papa no nā mea heluhelu a me nā mea hoʻohana'ē aʻe paha i pilikia e heluhelu i nā papa. No ka hoʻohanaʻana i ka pilina haʻihaʻi, e kākauʻoe i kahi hōʻokoʻa o ka papa e waiho ai i keʻano o ka hua. ʻAʻole e hōʻikeʻia ka hōʻuluʻulu ma ka pūnaewele i ka hapanui o nā pūnaewele pūnaewele maʻamau.
Eia ka pehea e kākau ai i kahi papaʻaina me ka hōʻuluʻulu manaʻo:
summary = "He papa helu kahi i loko o ka 'ike i ka hoʻopihapiha." Ke kumu o kēia papa e hōʻike i kahi hōʻuluʻulu. " >
kolamu 1 lālani 1 td>
kapu 2 lālani 1 td>
tr>
kolamu 1 lālani 2 td>
kapu 2 pae 2 td>
tr>
table>E nānā i kahi papa me kahi hōʻuluʻulu
ʻO ke alaula ka ho'ākāka i ka laulā o ka pāʻani ma nā pixels a iʻole he hapa o ka māhele pahu. Ināʻaʻole i hoʻonohonohoʻia ka laulā, e hoʻolōlā wale nō ka papa e like me ka mea e pono ai ke hōʻike i nā mea i hoʻopaʻaʻia, me ka laulā nui loa e like me ka laulā o ka wae makua.
E kūkulu i kahi papaʻaina me kahi kikowahi i nā pika, e kākau:
laulā width = "300" >
ʻO kēia pākaukau he 80% o ka whānui o ka pahu i loko. td>
tr>
table>A no ka kūkuluʻana i pākaukau me ka laulā he hapaha o ka māhele makua, e kākau:
laulā nui = "80%" >
ʻO kēia pākaukau he 80% o ka whānui o ka pahu i loko. td>
tr>
table>E nānā i kahi hōʻailona o kahi papaʻaina me kahi laulā
Nā huahana HTML 4.01 i kauʻia
Aia kekahi mahele o ka helu TABLE i hoʻopauʻia i HTML 4.01 a uaʻeleʻele i ka HTML5: pili . ʻO kēia māla e hoʻonoho i kahi e hoʻonohoʻia ai ka papa ma kaʻaoʻao pili i ka kikokikona e pili ana. Ua hoʻopauʻia kēiaʻoki i HTML 4.01, a ponoʻoe e hōʻole i ka hoʻohanaʻana. Akā, ponoʻoe e hoʻohana i ka waiwai CSS a iʻole kaʻaoʻao hema-hema: auto; a me ka'ākau-'ākau; nāʻano. Hāʻawi ka mea float iāʻoe i kahi hopena e pili kokoke ana i ka mea i hoʻohālikelikeʻia i ka mana i hāʻawiʻia, akā hiki iā ia ke hoʻololi i keʻano o ka hōʻike o ka hōʻike ma nāʻaoʻao. ʻO kaʻaoʻao'ākau-'ākau: auto; a me kaʻaoʻao hema-hema: auto; i ka mea a ka W3C e'ōlelo ai heʻokoʻa.
Eia keʻano hoʻohaʻahaʻa e hoʻohana ana i keʻano hoʻohālike:
align = "'ākau" >
Ua pili pono kēia pākaukau td>
tr>
Hoʻopuni ka 'ākau a puni i kaʻaoʻao hema td>
tr>
table>E nānā i kahi hōʻailona hana me ka hoʻohanaʻana i keʻano hoʻohālike.
A no ka loaʻaʻana o ka mana like me ka mana (non-deprecated) HTML, e kākau:
style = "lele: pololei;" >
Ua pili pono kēia pākaukau td>
tr>
Hoʻopuni ka 'ākau a puni i kaʻaoʻao hema td>
tr>
table>Eia ka ho'ākākaʻana ma lalo nei i nāʻanoʻano TABLEʻaʻole i komo i kahi kikowaena HTML.
ʻO kaʻike ma mua e hōʻike ana i nāʻano o ka mea HTML i pololei i HTML 4.01 akā ua lōʻihi i ka HTML5.
Eia ka ho'ākākaʻana ma lalo nei i nāʻanoʻano TABLE e kūponoʻole i kēlā me kēia kiko'ī o kēia manawa. Ināʻaʻoleʻoe e noʻonoʻo inā pololei kāu mauʻaoʻao a hoʻohanaʻia e kāu poʻe hoʻohana i kahi polokalamu kele pūnaewele e kākoʻo nei i kēia mau mea, a laila hiki iāʻoe ke hoʻohana i kēia mau mea. Akāʻo ka hapanui o lākouʻaʻole i manaʻoʻia i nā polokalamu hou o kēia manawa a iʻole i nā koho'ē aʻe iʻoi aku kaʻoihana kūpono.
ʻAʻole mākou e manaʻo e hoʻohana ana i kēia mauʻano ma kāu mau papa HTML.
ʻO ka attribute kekahi inoa kahiko i hoʻokomoʻia ma mua o ka kākoʻo nuiʻana o CSS. Hiki iāʻoe ke hoʻololi i ka lae mua o ka papa. Hiki iāʻoe ke hoʻonoho i kahi inoa inoa a iʻole ka helu hexadecimal. Ke hana nei kēia māla i ka nui o nā pūnaewele, akā no nā HTML i hōʻaho houʻia,ʻaʻole ponoʻoe e hoʻohana ia mea, a hoʻohana i ka CSS ma kahi.
ʻO ka maikaʻi maikaʻi aʻe i kēiaʻano kaila,ʻo ia kaʻano o ka style.
No ke hoʻololi i ka lae mua o kahi pākaukau, e kākau:
= "ka hopena o ke kala: #ccc;" >
He papa hina kēia td>
tr>
table>E like me ka pilina bglorlor, ke konoʻaina bordercolor e hiki ai iāʻoe ke hoʻololi i ke kala o ka inoa. ʻO kēia mea i kākoʻo waleʻia e Internet Explorer. Ma kahi kūpono, ponoʻoe e hoʻohana i ka waiwai kālai'āina o ka palena.
No ka hoʻololiʻana i ke kala o ka palena o kāu pākaukau, e kākau:
style = "ka palena palena:ʻulaʻula;" >
Aia kēia papaʻaina i ka palenaʻulaʻula. td>
tr>
table>Ua hoʻokomoʻia ka laina a me ka palena bordercolordark i Internet Explorer e hiki ai iāʻoe ke hoʻolālā i kahi palena'āina 3D a puni kāu papa. Eia naʻe, no IE8 a piʻi, ua kākoʻo waleʻia kēia ma ka Mode IE7 Standards Mode a me Quirks Mode . Ua'ōleloʻo Microsoftʻaʻole i kākoʻoʻia kēia mau waiwai.
No ka manawa pōkole, ua hoʻohāpaiʻia nā kāpena i manaʻoʻia ma ka wae TABLE e kōkua i nā meaʻike pū eʻike i ka nui o nā pou o ka papa. ʻO ka manaʻo o kēia e kōkua ana i ka wikiwiki o ka hanaʻana o nā papa nui. Eia naʻe, ua hoʻohana waleʻia e Internet Explorer, a me IE8 a me ka piʻiʻana, ua kākoʻo waleʻia kēia ma ka Mode IE7 Standards Mode a me Quirks Mode.
Ma muli o kahi huaʻoki laulā (ua paʻakikī i ka HTML5) manaʻoʻia he nui ka manaʻo no nā papa. Akā, no ka mālamaʻana o nā papa i ka laulā o kā lākou waihona a iʻole ka laulā i ho'ākākaʻia ma ka CSS a iʻole ka laula o ka momona,ʻaʻole hiki ke kāohiʻia ke kiʻekiʻe. No laila, ua hāʻawiʻia nā meaʻike pūnaewele i ka mea kiʻekiʻe e hoʻohālikelike i ke kiʻekiʻe liʻiliʻi o ka pākaukau. Ināʻoi aku ka lōʻihi o ka pākaukau ma mua o ke kiʻekiʻe, e hōʻike ana ka lōʻihi. Akā, ponoʻoe e hoʻohana i ka waiwai
Me ka CSS wahi kiʻekiʻe e hiki iāʻoe ke kāohi i ke kiʻekiʻe ināʻoe e hoʻohana i ka waiwai CSS me ka ho'ākākaʻana i ka hopena me kekahi meaʻoi aʻe.
No ka hoʻonohonohoʻana i ke kiʻekiʻe liʻiliʻi ma luna o kekahi pākaukau, e kākau:
style = "kiʻekiʻe: 30em;" >
'O kēia pākaukau he 30 mau kukuna kiʻekiʻe. td>
tr>
table>ʻO nāʻanoʻelua a me ka māhele kiko e pili ana i nāʻaoʻao hema /'ākau (hspace) a me luna / lalo (vspace) o ka papa. Ponoʻoe e hoʻohana i ka waiwai kāhua.
No ka hoʻonohonohoʻana i kahi kikowaena i 20 pixels a me ka avanoa kaulike i 40 pika, e kākau:
style = "palena: 20px 40px;"
'O kēia papa ke loaʻa he 20 pixels a me kahi hspace o 40 pixels. td>
tr>
table>ʻO ka attribute, he attribute boolean e ho'ākāka ana i ka hoʻopiliʻana o nā mea o ka papa ma kaʻaoʻao o ka māwae makua a iʻole ka puka makani a iʻole ka paʻiʻana i ka paepae pale. Ma kahi kūpono, ponoʻoe e wehewehe i nāʻano kāpili o kēlā me kēia pūnaepa pane me ka waiwai CSS.
No ka hanaʻana i kahi kolamu me ka nui o nā kikokikona e hoʻopiliʻoleʻia, e kākau:
style = "keʻokeʻo-kahi: hoʻokuʻu;" > He paepae kēia me kahi ton o ka mea. Akā, ināʻoi aku ka lōʻihi ma mua o ka pahu,ʻaʻole e hoʻokomo i ka kikokikona i ka laina e hiki mai ana, akā, e hoʻoikaika i ka puka pūnaewele no ka'ōwiliʻana i ka pae eʻike i nā mea a pau. Td>
tr>
table>ʻO ka mea hope,ʻo keʻano hoʻohālikelike ke kuhikuhi i ka pilina o nā mea o loko o kēlā me kēia kelepona pololei i loko o ke kele. Ma kahi o kēia 'ano kuhihewa, ponoʻoe e hoʻohana i ka waiwai CSS ma kēlā me kēia pūnaewele e makemake anaʻoe e hoʻololi i ke ala o. ʻAʻoleʻoe eʻike i nā hopena o kēia kāʻei keʻole ka emi o nā pūnaewele o ka pūnaewele ma mua o kahi i loaʻa i nā mea'ē aʻe i nui aʻe.
No ka hoʻoikaikaʻana i kahi pūnaewele e pili i ka papakū (ma mua o ka waena, ma keʻanoʻole), e kākau:
Ua lōʻihi kēia pūnaewele ma mua o ka hoʻomaha a no laila e hoʻoikaika i ke kiʻekiʻe e lilo i ke kiʻekiʻe. No laila eʻikeʻoe e pili ana ka pūnaewele pilina paʻa i ka papakū. Td>
style = "e kau i ke alakau: lalo;" > Nā mea ma lalo. Td>
Nā mea i ka waena. td>
tr>
table>