געטינג די מערסט אויס פון HTML טישן דורך לערנען טיש אַטריביוץ
HTML טאַבל אַטריביוץ געבן איר אַ פּלאַץ מער קאָנטראָל איבער HTML טישן. עס זענען פילע אַטריביוץ בנימצא צו טישן צו מאַכן זיי מער טשיקאַווע און טוישן די קוק פון דיין בלאַט.
HTML TABLE עלעמענט אַטטריבוטעס
אין HTML5 די עלעמענט ניצט די גלאבאלע אַטריביוץ און איינער אנדערע אַטריביוט:. און עס האט געביטן צו בלויז האָבן די ווערט פון 1 אָדער ליידיק (ד"ה גרענעץ = ""). אויב איר ווילן צו טוישן די ברייט פון די גרענעץ, איר זאָל נוצן די גרענעץ-ברייט CSS פאַרמאָג.
זען אונטן צו לערנען וועגן די גילטיק HTML5 טיש אַטראַביוץ.
עס זענען אויך עטלעכע אַטריביוץ וואָס זענען טייל פון די HTML 4.01 באַשרייַבונג וואָס איז געווארן פאַרעלטערט אין הטמל 5:
- -ניט די קסס וואַטן פאַרמאָג אויף די טיש ס טד און טה עלעמענטן.
- - ניצן די קסס פאַרמאָג ברעג-ספּייסינג אויף די טיש.
- -וסע CSS סטיילז border-color: black; און ברעג-נוסח אויף די טיש.
- -וסע CSS סטיילז border-color: black; און ברעג-נוסח אויף די צונעמען יסודות פון די טיש.
- -אין איר זייט, איר זאָל באַשרייַבן די סטרוקטור פון די טיש אין אַ קאַפּיטאַן אָדער שטעלן די גאנצע טיש אין אַ פיגורע און דיסקרייבינג עס אין אַ פיגור. אַלטערנאַטיוועלי, איר קען פאַרפּאָשעטערן די סטרוקטור פון די טיש אַזוי אַז קיין דערקלערונג איז דארף.
- -ניט די CSS ברייט פאַרמאָג.
און איין אַטריביוט וואָס איז געווען דעקאָראַטעד אין HTML 4.01 און איז אויך פאַרעלטערט אין הטמל 5.
לערן מער וועגן HTML 4.01 טאַבלעט אַטריביוץ.
- אַליינמאַנט- ניצן די CSS גרענעץ פאַרמאָג אַנשטאָט.
עס זענען אויך עטלעכע אַטריביוץ וואָס זענען נישט טייל פון קיין HTML באַשרייַבונג.
ניצן די אַטריביוץ אויב איר וויסן אַז די בראַוזערז וואָס איר קענען שטיצן זיי קענען זיין קערפאַלי און גילטיק HTML.
- -וסע די CSS פאַרמאָג הינטערגרונט-קאָליר אַנשטאָט.
- bordercolor-ניצן די קסס פאַרמאָג ברעג-קאָלירן אַנשטאָט.
- bordercolorlight-ניצן די CSS פאַרמאָג ברעג-קאָלירן אַנשטאָט.
- באָרדערקאָלאָרדאַרק - ניצן די קסס פאַרמאָג ברעג-קאָלירן אַנשטאָט.
- cols -There is no alternative to this attribute.
- הייך - ניצן די CSS פאַרמאָג הייך אַנשטאָט.
- -וסע די CSS פאַרמאָג גרענעץ אַנשטאָט.
- -וסע די CSS פאַרמאָג גרענעץ אַנשטאָט.
- -וסע די CSS פאַרמאָג ווייַס-אָרט אַנשטאָט.
- -וסע די CSS פאַרמאָג ווערטיקאַל-ייַנרייען אַנשטאָט.
לערן מער וועגן די בראַוזער ספּעציפיש טיש אַטריביוץ.
HTML5 TABLE עלעמענט אַטטריבוטעס
ווי אויבן דערמאנט, עס איז בלויז איין אַטריביוט, די גלאבאלע אַטריביוץ, וואָס איז גילטיק אויף אַ HTML5 טיש עלעמענט: גרענעץ.
די גרענעץ אַטריביוט איז געניצט צו באַשליסן אַ גרענעץ אַרום די גאנצע טיש און אַלע די סעלז ין עס. עס איז געווען עטלעכע קשיא ווי צו זיין אַרייַנגערעכנט אין די HTML5 ספּעסיפיקאַטיאָן, אָבער עס פארבליבן ווייַל עס געגעבן אינפֿאָרמאַציע וועגן די טיש סטרוקטור, אויסער פשוט סטיל ימפּלאַקיישאַנז.
צו לייגן די גרענעץ אַטריביוט, איר שטעלן די ווערט צו 1 אויב עס איז אַ גרענעץ און ליידיק (אָדער לאָזן די אַטריביוט) אויב עס איז ניט. רובֿ בראַוזערז וועט אויך שטיצן 0 פֿאַר קיין גרענעץ, און קיין אנדערע ינטאַדזשער ווערט (2, 3, 30, 500, עטק) צו דערקלערן די גרענעץ 'ס ברייט אין בילדצעלן, אָבער דעם איז פאַרעלטערט אין הטמל 5. אַנשטאָט, איר זאָל נוצן CSS באַן נוסח פּראָפּערטיעס צו באַגרענעצן די גרענעץ ברייט און אנדערע סטיילז.
צו שאַפֿן אַ טיש מיט אַ גרענעץ, שרייַבן:
border = "1" >
<טד> דאָס איז אַ טיש מיט אַ גרענעץ
עס זענען HTML 4.01 אַטריביוץ אַז זענען פאַרעלטערט אין הטמל 5. אויב איר פּלאַן אויף שרייַבן HTML 4.01 דאָקומענטן, איר קענען לערנען זיי, אַנדערש, איר קענען איגנאָרירן זיי. רובֿ פון די אַטריביוץ האָבן אַלטערנאַטיוועס, דיסקרייבד אויבן.
מיר באַשרייַבן די אַטריביוץ פון די עלעמענט וואָס זענען גילטיק אין HTML5 (און HTML 4.01). דאָס באשרייבט די TABLE אַטריביוץ אַז ביסט גילטיק אין HTML 4.01, אָבער זענען פאַרעלטערט אין הטמל 5. אויב איר נאָך שרייַבן HTML 4.01 דאָקומענטן, איר קענען נוצן די אַטריביוץ, אָבער רובֿ פון זיי האָבן אַלטערנאַטיוועס וואָס וועט מאַכן דיין בלעטער מער צוקונפֿט-פּראָטעקטעד פֿאַר ווען איר מאַך צו HTML5.
גילטיק HTML 4.01 אַטריביוץ
דער אַטריביוט מיר דיסקרייבד אויבן.
דער בלויז חילוק אין HTML 4.01 פון HTML5 איז אַז איר קענען ספּעציפיצירן קיין גאַנץ ינטעגער (0, 1, 2, 15, 20, 200, אאז"וו) צו באַשטימען די ברייט פון די גרענעץ אין בילדצעלן.
צו בויען אַ טיש מיט אַ 5 פּקס גרענעץ, שרייַבן:
<טיש גרענעץ = "5" >
<טד> דעם טיש האט אַ 5 פּקס גרענעץ.
זען אַ בייַשפּיל פון צוויי טישן מיט געמארקן.
די אַטריביוט דיפיינז די סומע פון פּלאַץ צווישן צעל געמארקן און דער אינהאַלט פון די צעל. די פעליקייַט איז צוויי בילדצעלן. באַשטעטיק די סעללפּאַדדינג צו 0 אויב איר ווילן קיין פּלאַץ צווישן אינהאַלט און געמארקן.
צו שטעלן די צעל וואַטן צו 20, שרייַבן:
<טאַבלע סעללפּאַדדינג = "20" >
<טד> דעם טיש האט אַ סעללפּאַדדינג פון 20.
<טד> צעל געמארקן וועט זיין אפגעשיידט דורך 20 פּיקסעלס.
זען אַ בייַשפּיל פון אַ טיש מיט סעללפּאַדדינג
די אַטריביוט דיפיינז די סומע פון פּלאַץ צווישן די טיש סעלז און די צעל צופרידן. ווי סעללפּאַדדינג, די פעליקייַט איז באַשטימט צו צוויי פּיקסעלס, אַזוי איר מוזן שטעלן עס צו 0 אויב איר ווילן קיין צעל ספּייסינג.
צו לייגן צעל ספּייסינג צו אַ טיש, שרייַבן:
<טאַבלע סעללספּאַסינג = "20" >
<טד> דעם טיש איז אַ סעללספּאַסינג פון 20.
סעלז וועט זיין צעטיילט דורך 20 פּיקסעלס.
זען אַ טיש מיט סעללספּאַסינג
דער אַטריביוט באשטייט וואָס פּאָרשאַנז פון די גרענעץ אַרומיק די אַרויס פון אַ טיש וועט זיין קענטיק. איר קענען ראַם דיין טיש אויף אַלע פיר זייטן, קיין איין זייַט, שפּיץ און דנאָ, לינקס און רעכט, אָדער גאָרניט.
דאָ איז די HTML פֿאַר אַ טיש מיט בלויז די לינקס זייַט גרענעץ:
frame = "lhs" >
<טד> דעם טיש
<טד> וועט האָבן
<טד> בלויז די
<טד> לינקס זייַט פריימד.
און אן אנדער בייַשפּיל מיט די דנאָ ראַם:
<טיש גרענעץ = "1" ראַם = "ונטער" >
<טד> דעם טיש האט אַ ראַם אויף די דנאָ.
קוק אויס עטלעכע טישן מיט ראָמען
דער אַטריביוט איז ענלעך צו די ראַם אַטריביוט, נאָר עס אַפעקץ די געמארקן אַרום די סעלז פון די טיש. איר קענען שטעלן כּללים אויף אַלע די סעלז, צווישן שפאלטן, צווישן גרופּעס ווי טבאָדי און טפאָאָט אָדער גאָרניט.
צו בויען אַ טיש מיט שורות בלויז צווישן די ראָוז, שרייַבן:
<טיש border = "1" כּללים = "ראָוז" >
<טד> דעם 4 קס 4 טיש האט
די ראָוז נישט שפאלטן
<טד> אַוטליינד מיט די
כּללים אַטריביוט.
און אנדערן מיט שורות צווישן די שפאלטן:
<טיש border = "1" כּללים = "קאָלס" >
<טד> דאס איז
<טד> אַ טיש
<טד> ווו די
<טד> שפאלטן
<טד> זענען
<טד> כיילייטיד
דאָ איז אַ בייַשפּיל פון אַאַ טיש מיט כּללים
דער אַטריביוט גיט אינפֿאָרמאַציע וועגן די טיש פֿאַר פאַרשטעלן לייענער און אנדערע באַניצער אגענטן אַז קען האָבן קאָנפליקט לייענען טישן. צו נוצן די קיצער אַטריביוט, איר שרייַבן אַ קורץ באַשרייַבונג פון די טיש און שטעלן דעם ווי די ווערט פון די אַטריביוט. דער קיצער וועט נישט אַרויסווייַזן אויף די וועב בלאַט אין רובֿ נאָרמאַל וועב בראַוזערז.
דאָ איז ווי צו שרייַבן אַ פּשוט טיש מיט אַ קיצער:
summary = "דאָס איז אַ מוסטער טיש וואָס כּולל פיללער אינפֿאָרמאַציע. די ציל פון דעם טיש איז צו באַווייַזן אַ קיצער." >
<טד> זייַל 1 רודערן 1
<טד> זייַל 2 רודערן 1
<טד> זייַל 1 רודערן 2
<טד> זייַל 2 רודערן 2
קוק אַ טיש מיט אַ קיצער
דער אַטריביוט דיפיינז די ברייט פון די טיש אין יעדער בילדצעלן אָדער ווי אַ פּראָצענט פון די קאַנטיינער עלעמענט. אויב די ברייט איז נישט באַשטימט, די טיש וועט נעמען בלויז פּלאַץ ווי עס דאַרף אַרויסווייַזן דעם אינהאַלט, מיט אַ מאַקסימום ברייט די זעלבע ווי די ברייט פון די פאָטער עלעמענט.
צו בויען אַ טיש מיט אַ ספּעציפיש ברייט אין בילדצעלן, שרייַבן:
<טיש ברייט = "300" >
<טד> דעם טיש איז 80% פון די ברייט פון דעם קאַנטיינער עס ס.
און צו בויען אַ טיש מיט אַ ברייט וואָס איז אַ פּראָצענט פון די פאָטער עלעמענט, שרייַבן:
<טיש ברייט = "80%" >
<טד> דעם טיש איז 80% פון די ברייט פון דעם קאַנטיינער עס ס.
זען אַ בייַשפּיל פון אַ טיש מיט אַ ברייט
דעפּרעסאַטעד HTML 4.01 טאַבלעט אַטהלעטע
עס איז איין אַטריביוט פון די טיש עלעמענט וואָס איז דעפּרעסאַטעד אין HTML 4.01 און אַבסאָלידע אין הטמל 5: ייַנרייען . דעם אַטריביוט לעץ איר שטעלן ווו די טיש זאָל זיין ליגן אויף די בלאַט אין די טעקסט וואָס איז בייַ אים. דעם אַטריביוט איז דעקאָרראַטעד אין HTML 4.01, און איר זאָל ויסמייַדן ניצן עס. אַנשטאָט, איר זאָל נוצן די CSS פאַרמאָג אָדער די גרענעץ-לינקס: אַוטאָ; און גרענעץ-רעכט: אַוטאָ; styles. די פלאָוט פאַרמאָג גיט איר אַ רעזולטאַט וואָס איז נעענטער צו וואָס די ייַנרייען אַטריביוט ביטנייַ, אָבער עס קען ווירקן די וועג פון דער בלאַט פון דעם אינהאַלט ווייַזן. דער גרענעץ-רעכט: אַוטאָ; און גרענעץ לינקס: אַוטאָ; זענען וואָס די W3C רעקאַמענדז ווי אַ אָלטערנאַטיוו.
דאָ איז אַ דעפּרעסאַטעד בייַשפּיל ניצן די ייַנרייען אַטריביוט:
<טיש ייַנרייען = "רעכט" >
<טד> דעם טיש איז גלייַך אַליינד
<טד> טעקסט פלאָוז אַרום אים צו לינקס
זען אַ דעפּרעסאַטעד בייַשפּיל ניצן די ייַנרייען אַטריביוט.
און צו באַקומען די זעלבע ווירקונג מיט גילטיק (ניט-דעפּרעסאַטעד) HTML, שרייַבן:
<טיש נוסח = "לאָזנ שווימען: רעכט;" >
<טד> דעם טיש איז גלייַך אַליינד
<טד> טעקסט פלאָוז אַרום אים צו לינקס
די ווייַטערדיקע דערקלערט טאַבלע אַטריביוץ וואָס זענען נישט טייל פון קיין HTML באַשרייַבונג.
די פריערדיקע אינפֿאָרמאַציע באשרייבט אַטריביוץ פון די HTML עלעמענט וואָס זענען גילטיק אין HTML 4.01 אָבער זענען פאַרעלטערט אין הטמל 5.
די פאלגענדע באשרייבט טאַבלע אַטריביוץ וואָס זענען ניט גילטיק אין קיין קראַנט ספּעסיפיקאַטיאָן. אויב איר טאָן ניט זאָרגן וועגן דיין בלעטער וואַלאַדייט און דיין ניצערס נוצן אַ בלעטערער וואָס שטיצט די עלעמענטן, איר קענען נוצן די יסודות. אבער רובֿ פון זיי זענען אָדער ניט שטיצן אין מאָדערן בראַוזערז אָדער האָבן אַלטערנאַטיוועס וואָס זענען מער סטאַנדאַרדס.
מיר טאָן נישט רעקאָמענדירן ניצן די אַטראַביוץ אויף דיין HTML טישן.
דער אַטריביוט איז אַן אַלט אַטריביוט וואָס איז אַרייַנגערעכנט פֿאַר CSS איז וויידלי געשטיצט. עס אַלאַוז איר צו טוישן די הינטערגרונט פֿאַרב טיש. איר קענען שטעלן אַ קאָליר נאָמען אָדער אַ העקסאַדעסימאַל קאָד. דאָס אַטריביוט נאָך מעשים אין אַ פּלאַץ פון בראַוזערז, אָבער פֿאַר צוקונפֿט-באַווייַזן HTML, איר זאָל ניט נוצן עס, און נוצן CSS אַנשטאָט.
די בעסער אָלטערנאַטיוו צו דעם אַטריביוט איז דער נוסח פאַרמאָג.
צו טוישן די הינטערגרונט קאָליר פון אַ טיש, שרייַבן:
<טיש נוסח = "הינטערגרונט-פֿאַרב: # קקק;" >
<טד> דעם טיש איז אַ גרוי הינטערגרונט
ענלעך צו די bgcolor אַטריביוט, די bordercolor אַטריביוט לעץ איר טוישן די קאָליר פון די אַטריביוט. דעם אַטריביוט איז בלויז געשטיצט דורך Internet Explorer. אַנשטאָט, איר זאָל נוצן די גרענעץ-קאָליר נוסח פאַרמאָג.
צו טוישן די קאָליר פון דיין טיש 'ס גרענעץ, שרייַבן:
style = "border-color: red;" >
<טד> דעם טיש האט אַ רויט ברעג
די bordercolorlight און bordercolordark אַטריביוץ זענען אַרייַנגערעכנט אין Internet Explorer צו לאָזן איר צו שאַפֿן אַ 3 ד פונדאַמענט אַרום דיין טיש. אָבער, ווי פון יע 8 און אַרויף, דאָס איז בלויז געשטיצט אין IE7 סטאַנדאַרדס מאָדע און קווירקס מאָדע . מיקראָסאָפט שטאַטן אַז די פּראָפּערטיעס זענען ניט מער געשטיצט.
פֿאַר אַ קורץ צייַט, די קאָלס אַטריביוט אויף די טיש עלעמענט איז געווען פארגעלייגט צו העלפן בראַוזערז וויסן ווי פילע שפאלטן אַ טיש האט. די האַנאָכע איז אַז דאָס וואָלט העלפֿן גיכקייַט אַרויף די רענדערינג פון גרויס טישן. אָבער עס איז בלויז ימפּלאַמענאַד דורך Internet Explorer, און ווי פון יע 8 און אַרויף, דאָס איז בלויז געשטיצט אין IE7 סטאַנדאַרדס מאָדע און קווירקס מאָדע.
ווייַל עס איז אַ ברייט אַטריביוט (אָבסאָלעטע אין הטמל 5) פילע מענטשן אנגענומען דאָרט געווען אַ הייך אַטריביוט פֿאַר טישן ווי געזונט. אָבער ווייַל די טישן קאַנפאָרם צו די ברייט פון זייער צופרידן אָדער די דיפיינד ברייט אין די CSS אָדער ברייט אַטריביוט, די הייך קען נישט זיין קאַנסטריינד. אַזוי, בראַוזערז דערלויבט די הייך אַטריביוט צו באַשטימען די מינימום הייך פון די טיש. אויב די טיש זענען העכער ווי אַז הייך, עס וואָלט ווייַזן מער. אבער איר זאָל נוצן די פאַרמאָג
מיט די קסס הייך פאַרמאָג איר קענען קאַנסטריישאַן די הייך אויב איר נוצן די קסס פאַרמאָג ווי געזונט צו דעפינירן וואָס כאַפּאַנז מיט קיין וידעפדיק צופרידן.
צו שטעלן די מינימום הייך אויף אַ טיש, שרייַבן:
<טיש נוסח = "הייך: 30 עם;" >
<טד> דעם טיש איז לפּחות 30 עמס הויך.
די צוויי אַטריביוץ און צוגעלייגט אָרט אַרום די לינקס / רעכט זייטן (הספּאַסע) און שפּיץ / דנאָ (ווספּאַסע) פון די טיש. איר זאָל נוצן דעם נוסח פאַרמאָג אַנשטאָט.
צו שטעלן די ווערטיקאַל אָרט צו 20 בילדצעלן און די האָריזאָנטאַל פּלאַץ צו 40 בילדצעלן, שרייַבן:
<טיש נוסח = "גרענעץ: 20 פּקס 40 פּקס;"
<טד> דעם טיש האט אַ ווספּאַסע פון 20 בילדצעלן און אַ הספּאַסע פון 40 בילדצעלן
דער אַטריביוט איז אַ באָאָלעאַן אַטריביוט אַז דיפיינז צי די אינהאַלט פון די טיש זאָל ייַנוויקלען אין די ברעג פון די פאָטער עלעמענט אָדער פֿענצטער אָדער קראַפט האָריזאָנטאַל סקראָללינג. אַנשטאָט, איר זאָל באַשליסן די ראַפּינג טשאַראַקטעריסטיקס פון יעדער טיש צעל ניצן די CSS פאַרמאָג.
צו מאַכן אַ זייַל מיט אַ פּלאַץ פון טעקסט ניט ייַנוויקלען, שרייַבן:
<טיש>
style = "white-space: nowrap;" > דעם איז אַ זייַל מיט אַ טאָן פון צופרידן. אבער אפילו אויב עס איז מער ווי די קאַנטיינער די טעקסט זאָל נישט ייַנוויקלען צו די ווייַטער שורה, אָבער אַנשטאָט קראַפט די בלעטערער פֿענצטער צו מעגילע כאָריזאַנטאַלי צו זען אַלע די אינהאַלט.
צום סוף, די אַטריביוט דיפיינז ווי די אינהאַלט פון יעדער צעל זאָל זיין גלייַך צו די צעל. אַנשטאָט דעם פאַרקריפּלט אַטריביוט, איר זאָל נוצן די CSS פאַרמאָג אויף יעדער צעל איר ווילן צו טוישן די אַליינמאַנט. איר וועט נישט באַמערקן די יפעקס פון דעם נוסח, סייַדן די אינהאַלט פון די צעל איז ווייניקער ווי די בנימצא פּלאַץ באשאפן דורך אנדערע, גרעסערע סעלז.
צו קראַפט אַ צעל צו ייַנרייען צו די דנאָ (אלא ווי די מיטל, ווי די פעליקייַט), שרייַבן:
<טיש>
<טד> דאס צעל איז מער ווי די מנוחה און אַזוי וועט פאָרס די הייך צו זיין הויך. אזוי איר וועט זען אַז די ווערטיקלי אַליינד צעל איז אַליינד צו די דנאָ.
style = "vertical-align: bottom;" > Contents at bottom.
<טד> אינהאַלט אין מיטן.