Jwenn pi soti nan tablo HTML pa aprantisaj tab atribi
HTML atribi tab ba ou yon anpil plis kontwòl sou tablo tab. Gen yon anpil nan atribi ki disponib nan tab fè yo plis enteresan ak chanje gade nan paj ou an.
HTML eleman TAB eleman
Nan HTML5 eleman an itilize atribi mondyal yo ak yon lòt atribi:. Epi li te chanje sèlman gen valè a nan 1 oswa vid (sètadi font = ""). Si ou vle chanje lajè fwontyè a, ou ta dwe itilize pwopriyete fwontyè CSS la.
Gade anba a yo aprann sou atribi tab la valid HTML5.
Genyen tou atribi plizyè ki fè pati de spesifikasyon la HTML 4.01 ki te vin demode nan HTML5:
- -Sèvi pwopriyete COUD CSS la sou TD ak eleman TH yo.
- - Itilize pwopriyete fwontyè CSS la sou tab la.
- -Sèvi CSS Styles fontyè koulè: nwa; ak fontyè-style sou tab la.
- -Sèvi CSS Styles fontyè koulè: nwa; ak font-style sou eleman ki apwopriye yo nan tab la.
- -Olye de sa, ou ta dwe dekri estrikti tab la nan yon KAPSYON oswa mete tab la tout antye nan yon figi ak ki dekri li nan yon FIGCAPTION. Altènativman, ou ka senplifye estrikti tab la pou ke okenn eksplikasyon ki nesesè.
- -Eseye pwopriyete a lajè CSS.
Ak yon atribi ki te deprecated nan HTML 4.01 epi li se tou demode nan HTML5.
Aprann plis bagay sou atribi yo HTML 4.01 TAB.
- aliman - itilize pwopriyete Marge CSS olye.
Genyen tou atribi plizyè ki pa fè pati nan nenpòt ki spesifikasyon HTML.
Sèvi ak sa yo atribi si ou konnen ke navigatè yo ou sipòte ka okipe yo, epi ou pa pran swen sou valid HTML.
- -Use CSS pwopriyete background-koulè a olye.
- fwote koulè - Itilize pwopriyete CSS fwontyè-koulè olye.
- bordercolorlight -Use pwopriyete a CSS fwontyè-koulè olye.
- Bordercolordark - Itilize pwopriyete CSS fontyè koulè a olye.
- cols -Pa gen okenn altènativ sa a atribi.
- wotè - Itilize wotè pwopriyete CSS olye.
- -Eseye Marge pwopriyete CSS olye.
- -Eseye Marge pwopriyete CSS olye.
- -Sèvi pwopriyete CSS blan-espas olye.
- -Sèvi pwopriyete CSS vètikal-aliman olye.
Aprann plis sou atribi Tablo espesifik TAB.
HTML5 Tab eleman atribi
Kòm nou mansyone pi wo a, gen yon sèl atribi, pi lwen pase atribi mondyal yo, ki valab sou yon HTML5 eleman TAB: fwontyè.
Se atribi nan fwontyè itilize defini yon fwontyè alantou tab la tout antye ak tout selil ki nan li. Te gen kèk kesyon sou si wi ou non li ta dwe enkli nan spesifikasyon nan HTML5, men li rete paske li bay enfòmasyon sou estrikti nan tab, pi lwen pase tou senpleman enplikasyon style.
Pou ajoute atribi fwontyè a, ou mete valè a nan 1 si gen yon fwontyè ak vid (oswa kite nan atribi a) si pa gen. Pifò navigateurs yo pral sipòte 0 pou okenn fwontyè, ak nenpòt lòt valè nonb antye relatif (2, 3, 30, 500, elatriye) pou deklare lajè fwontyè a nan piksèl, men sa a se demode nan HTML5. Olye de sa, ou ta dwe itilize pwopriyete style fwontyè CSS defini lajè fwontyè ak lòt estil.
Pou kreye yon tab ki gen yon fwontyè, ekri:
border = "1" >
Sa a se yon tab ki gen yon fwontyè
Gen HTML 4.01 atribi ki yo demode nan HTML5. Si ou planifye sou ekri HTML 4.01 dokiman, ou ka aprann yo, otreman, ou ka inyore yo. Pifò nan atribi sa yo gen altènativ, ki dekri anwo a.
Nou dekri atribi eleman ki valab nan HTML5 (ak HTML 4.01). Sa a dekri atribi yo TAB ki valab nan HTML 4.01, men yo demode nan HTML5. Si ou toujou ekri HTML 4.01 dokiman, ou ka itilize atribi sa yo, men pifò nan yo gen altènativ ki pral fè paj ou yo plis lavni-prèv pou lè ou deplase nan HTML5.
Valab HTML 4.01 Atribi
Atribi nou dekri anwo a.
Diferans lan sèlman nan HTML 4.01 soti nan HTML5 se ke ou ka presize tout nonb antye relatif (0, 1, 2, 15, 20, 200, elatriye) defini lajè fwontyè a nan piksèl.
Pou konstwi yon tab ki gen yon fwontyè 5px, ekri:
border = "5" >
Tab sa a gen yon fwontyè 5px.
Gade yon egzanp sou de tab ak fwontyè yo.
Atribi a defini kantite espas ki genyen ant fwontyè selil ak sa ki nan selil la. Defo a se de piksèl. Mete cellpadding a pou 0 si ou vle pa gen okenn espas ant sa ak sou fwontyè yo.
Yo mete kouvèti selil la a 20, ekri:
cellpadding = "20" >
Tab sa a gen yon cellpadding de 20.
Fwontyè selil yo pral separe pa 20 piksèl.
Wè yon egzanp yon tab avèk cellpadding
Atribi a defini kantite espas ki genyen ant selil tab yo ak kontni selilè a. Tankou cellpadding, se default la mete de piksèl, kidonk, ou dwe mete li nan 0 si ou vle pa gen okenn espas selil.
Pou ajoute espas selil nan yon tablo, ekri:
cellspacing = "20" >
Tab sa a gen yon cellspacing de 20.
Selil yo pral separe pa 20 piksèl.
Gade yon tab avèk cellspacing
Atribi a idantifye ki pòsyon nan fwontyè ki antoure deyò a nan yon tab yo pral vizib. Ou ka ankadre tab ou sou tout kat kote, nenpòt ki bò, tèt ak anba, kite ak dwa, oswa okenn.
Isit la se HTML la pou yon tab ak sèlman fwontyè bò gòch la:
frame = "lhs" >
Tab sa
ap gen
sèlman
bò gòch ankadre.
Ak yon lòt egzanp ak ankadreman an anba:
ankadreman = "anba a" >
Tab sa a gen yon ankadreman sou anba a.
Tcheke kèk tab ak ankadreman
Atribi a se menm jan ak atribi ankadreman an, sèlman li afekte fontyè yo ozalantou selil yo nan tablo a. Ou ka mete règ sou tout selil yo, ant kolòn, ant gwoup tankou TBODY ak TFOOT oswa okenn.
Pou bati yon tab avèk liy sèlman ant ranje yo, ekri:
rules = "ranje" >
Tab 4x4 sa a gen
ranje yo pa kolòn
dekri ak la
atribi règ
Ak yon lòt ak liy ant kolòn yo:
rules = "cols" >
Sa a se
yon tab
kote
kolòn
sont
make
Isit la se yon egzanp nan aa tab avèk règleman yo
Atribi a bay enfòmasyon sou tab la pou lektè ekran ak lòt ajan itilizatè ki ta ka gen pwoblèm tab lekti. Pou itilize atribi a rezime, ou ekri yon deskripsyon kout sou tab la epi mete sa kòm valè atribi a. Rezime a pa pral montre nan paj wèb la nan pifò navigatè entènèt estanda.
Men ki jan yo ekri yon tab senp ak yon rezime:
summary = "Sa a se yon tab echantiyon ki gen enfòmasyon filler. Objektif tablo sa a se pou montre yon rezime." >
kolòn 1 ranje 1
kolòn 2 ranje 1
kolòn 1 ranje 2
kolòn 2 ranje 2
Wè yon tab avèk yon rezime
Atribi a defini lajè tab la nan swa piksèl oswa kòm yon pousantaj nan eleman an veso. Si lajè a pa mete, tab la pral pran jis espas kòm anpil jan li bezwen yo montre sa ki, ak yon lajè maksimòm menm jan ak lajè eleman paran an.
Pou konstwi yon tab ki gen yon lajè espesifik nan piksèl, ekri:
lajè = "300" >
Tab sa a se 80% nan lajè a nan veso a li nan.
Ak bati yon tab ki gen yon lajè ki se yon pousantaj eleman paran an, ekri:
width = "80%" >
Tab sa a se 80% nan lajè a nan veso a li nan.
Gade yon egzanp sou yon tab ki gen yon lajè
Deprecated HTML 4.01 TABL atribi
Gen yon atribi nan eleman an TAB ki deprecated nan HTML 4.01 ak demode nan HTML5: aliman . Sa a atribi pèmèt ou mete kote tab la ta dwe lokalize nan paj la relatif nan tèks la ki se bò kote l '. Sa a atribi ki te deprecated nan HTML 4.01, epi ou ta dwe evite itilize li. Olye de sa, ou ta dwe itilize pwopriyete a CSS oswa Marge-bò gòch la: oto; ak Marge-dwa: oto; Styles. Pwopriyete nan flote ba ou yon rezilta ki pi pre sa atribi a aliyen bay, men li ka afekte wout la rès la nan paj sa a montre ekspozisyon. Marge-dwa: oto; ak maj-kite: oto; se sa W3C rekòmande kòm yon altènatif.
Isit la se yon egzanp deprecated lè l sèvi avèk atribi a aliman:
align = "dwa" >
Tab sa a se dwa aliyen
Tèks ap koule bò kote li sou bò gòch
Al gade nan yon egzanp deprecated lè l sèvi avèk atribi nan aliman.
Ak jwenn efè a menm ak valab (ki pa deprecated) HTML, ekri:
style = "flote: dwa;" >
Tab sa a se dwa aliyen
Tèks ap koule bò kote li sou bò gòch
Sa ki annapre yo eksplike atribi TAB ki pa fè pati nenpòt espesifikasyon HTML.
Enfòmasyon anvan an dekri atribi nan eleman HTML la ki valab nan HTML 4.01 men yo obsolte nan HTML5.
Sa ki anba la a dekri atribi TAB ki pa valab nan nenpòt spesifikasyon aktyèl. Si ou pa pran swen sou si paj ou valide ak itilizatè ou itilize yon navigatè ki sipòte eleman sa yo, Lè sa a, ou ka itilize eleman sa yo. Men, anpil nan yo se swa sipòte nan navigatè modèn oswa gen altènativ ki gen plis estanda-konfòme.
Nou pa rekòmande pou itilize atribi sa yo sou tablo HTML ou yo.
Atribi a se yon atribi fin vye granmoun ki te enkli anvan CSS te lajman sipòte. Li pèmèt ou chanje koulè nan background nan tablo a. Ou ka mete yon non koulè oswa yon kòd ekzadesimal. Atribi sa a toujou ap travay nan yon anpil nan navigatè, men pou lavni-pwouve HTML, ou pa ta dwe itilize li, epi sèvi ak CSS olye.
Pi bon altènatif sa a atribi se pwopriyete a style.
Pou chanje koulè background nan nan yon tab, ekri:
style = "background-koulè: # cc;" >
Tab sa a gen yon background gri
Menm jan ak atribi a bgcolor, atribi fwodkolor pèmèt ou chanje koulè a nan atribi la. Sa a se atribi sèlman sipòte pa Internet Explorer. Olye de sa, ou ta dwe itilize pwopriyete a font-koulè style.
Pou chanje koulè fwontyè tab ou a, ekri:
style = "border-color: red;" >
Tab sa a gen yon fwontyè wouj.
Fwans koulè bwonzak ak atribi fwontyè yo te enkli nan Internet Explorer pou pèmèt ou kreye yon fwontyè 3D ozalantou tab ou. Sepandan, tankou nan IE8 ak moute, sa a se sèlman sipòte nan IE7 Standards Mode ak Mode Quirks . Microsoft deklare ke pwopriyete sa yo pa sipòte ankò.
Pou yon ti tan, atribi nan cols sou eleman nan TAB te pwopoze nan ede navigatè konnen konbyen kolòn yon tab te gen. Premye a te ke sa a ta ka ede pi vit rann la nan tab gwo. Sepandan li te sèlman aplike pa Internet Explorer, ak kòm nan IE8 ak moute, sa a se sèlman sipòte nan IE7 Standards Mode ak Mode Quirks.
Paske gen yon atribi lajè (demode nan HTML5) anpil moun sipoze te gen yon atribi wotè pou tab kòm byen. Men, paske tab yo konfòme ak lajè a nan kontni yo oswa lajè defini nan atribi a CSS oswa lajè, wotè a pa ta dwe contrainte. Se konsa, olye, navigatè pèmèt atribi nan wotè defini wotè a minimòm de tab la. Si tab la te pi wo pase sa wotè, li ta montre pi wo. Men, ou ta dwe itilize pwopriyete a
Avèk pwopriyete wotè CSS ou ka oblije kontwole wotè a si ou itilize pwopriyete CSS la byen pou defini kisa k ap pase ak nenpòt kontni depase.
Yo mete wotè a minimòm sou yon tab, ekri:
style = "wotè: 30em;" >
Tab sa a se omwen 30 ems segondè.
Atribi de yo ak te ajoute espas alantou bò gòch / dwat (hspace) ak tèt / anba (vspace) nan tablo a. Ou ta dwe itilize pwopriyete a style olye.
Yo mete espas vètikal la a 20 piksèl ak espas orizontal la a 40 piksèl, ekri:
< style tab = "Marge: 20px 40px;"
Tab sa a gen yon vspace de 20 piksèl ak yon hspace de 40 piksèl.
Atribi a se yon atribi Boolean ki defini si sa ki nan tablo a ta dwe vlope nan kwen an nan eleman paran an oswa fenèt oswa fòs defile orizontal. Olye de sa, ou ta dwe defini karakteristik yo anbalaj nan chak selil tab lè l sèvi avèk pwopriyete a CSS.
Pou fè yon kolòn ak anpil tèks pa vlope, ekri:
style = "blan-espas: nowrap;" > Sa a se yon kolòn ki gen yon tòn kontni. Men, menm si li se pi laj pase veso a tèks la pa ta dwe vlope pwochen liy lan, men olye fòse fenèt navigatè a desann horizontale yo wè tout kontni an.
Finalman, atribi a defini ki jan sa ki nan chak selil yo ta dwe aliman vètikal nan selil la. Olye pou sa a atribi envalid, ou ta dwe itilize pwopriyete a CSS sou chak selil ou vle chanje aliyman an. Ou pa pral remake efè yo nan style sa a sòf si sa selil la gen mwens pase espas ki la disponib ki te kreye pa lòt, pi gwo selil yo.
Pou fòse yon selil aliman anba a (olye ke mitan an, kòm default la), ekri:
Selil sa a pi lontan pase rès la epi konsa fòse wotè a pi wo. Se konsa, ou pral wè ke se vètikal ki aliyen selil ki adapte nan pati anba a.
style = "vètikal-aliman: anba;" > Contents nan anba.
Contents nan mitan.