د HTML جدولونو ډیری برخه ترلاسه کول د زده کړې میز صفات سره
د HTML میزیل ځانګړتیاوې تاسو په HTML جدولونو کې ډیر کنټرول درکوي. دلته ډیره ځانګړتیاوې د میزونو لپاره شتون لري تر څو دوی خورا زړه وټاکي او ستاسو د پاڼې نظر بدل کړي.
د HTML جدول عنصر خصوصیات
په HTML5 کې عنصر د نړۍ ځانګړتیاوې او یو بل خاصیت کاروي:. او دا یوازې د 1 یا خالي ارزښت ارزښت لري (یعنې سرحد = ""). که غواړئ د سرحد چوکۍ بدل کړئ، تاسو باید د سرحد چوکۍ سی ایس ایس ملکیت کاروئ.
د صحيح HTML5 جدول ځانګړتیاو په اړه د زده کولو لپاره لاندې وګورئ.
همدا راز ډیری ځانګړتیاوې دي چې د HTML 4.01 ځانګړتیا برخه ده چې په HTML5 کې ناپاک شوي دي:
- - د میز د TD او TH عنصرونو کې د سی ایس ایس پاډنګ کولو ملکیت استعمال کړئ.
- - په میز کې د سی ایس ایس ملکیت د سرحد حدود پټ کړئ.
- د سی ایس ایس شالونه د سرحد رنګ - کارول: تور؛ او په میز کې د سرحد طرز.
- د سی ایس ایس شالونه د سرحد رنګ - کارول: تور؛ او د میز په مناسب عناصر باندې د سرحد طرزالعمل.
- په هرصورت، تاسو باید په CAPTION کې د میز جوړښت تشریح کړئ یا ټول میز په شکل کې وساتئ او په FIGCAPTION کې یې تشریح کړئ. په عین حال کې، تاسو د میز جوړښت کیدای شي آسانه کړي ترڅو هیڅ وضاحت ورته اړتیا نه وي.
- د CSS چوکۍ ملکیت استعمال کړئ.
او یو خاصیت چې په HTML 4.01 کې بې برخې شوی و او همداراز په HTML5 کې ناپاک دی.
د HTML 4.01 جدول ځانګړتیاو په اړه نور معلومات ترلاسه کړئ.
- برابرول - د ځای پر ځای د سی ایس ایس توپیر ملکیت استعمال کړئ.
دلته هم ځانګړتیاوې شتون لري چې د HTML د ځانګړتیاوو برخه نده.
که چیرې تاسو پوهیږئ چې هغه لټونونه چې تاسو یې ملاتړ کوئ کولی شي دوی سره سمبال کړي او تاسو د باوري HTML لپاره پاملرنه نه کوئ.
- - د ځای پر ځای د سی ایس ایس ملکیت پس منظر رنګ وګورئ.
- bordercolor - د ځای پر ځای د سی ایس ایس شتمني سرحد رنګ استعمال کړئ.
- bordercolorlight - د ځای پر ځای د سی ایس ایس شتمني سرحد رنګ استعمال کړئ.
- bordercolordark - د ځای ځای پر ځای د ایس ایس ایس شتمني سرحد وګورئ.
- رنګونه - د دې خاصیت لپاره هیڅ بدیل نه دی.
- اوچت - د ځای پر ځای د سی ایس ایس شتمنۍ لوټ کړئ.
- د ځای پرځای د CSS CSS شتمنۍ استعمال کړئ.
- د ځای پرځای د CSS CSS شتمنۍ استعمال کړئ.
- د ځای پرځای د سی ایس ایس ملکیت سپینه ځای وکاروی.
- د دې ځای پرځای د سی ایس ایس ملکیت عمودی قطار وکاروئ.
د بررسي مشخص ټیلیټ ځانګړتیاو په اړه نور معلومات ترلاسه کړئ.
HTML5 د جدول عنصر خصوصیات
لکه څنګه چې موږ پورته یادونه وکړه، د نړۍ ځانګړتیاوو څخه بهر، یوازې یو خاصیت شتون لري، چې په HTML5 چوکاټ کې عنصر دی: سرحد.
د سرحد ځانګړتیا د ټول میز شاوخوا شاوخوا او د هغې ټولو حجرو د تعریفولو لپاره کارول کیږي. ځینې پوښتنې شتون لري چې ایا دا به د HTML5 ځانګړتیاوو کې شاملې شي، مګر دا پاتې کیده ځکه چې دوی د میز جوړښت په اړه معلومات چمتو کړي، د ساده محصوالتو اغیزونو څخه بهر.
د سرحد ځانګړتیا اضافه کولو لپاره، تاسو ارزښت 1 ته ورکړئ که سرحد وي او خالي وي (یا خاصیت پریښودئ) که شتون نلري. ډیری براؤزرونه به د سرحد لپاره 0 لپاره هم مالتړ وکړي، او د بل ضمیمه ارزښت) 2، 3، 30، 500، او نور (چې د پولې چوکۍ پکسل کې پکښې اعالن کړي، مګر دا په HTML5 کې ناپاک دی. پرځای یې، تاسو باید د سرحد چوک او نور ډولونه تعریف کړئ د سی ایس ایس سرحد طرز ځانګړتیاو څخه کار واخلئ.
د سرحد سره د میز جوړولو لپاره، ولیکئ:
<میز سرحد = "1" >
دا د میز سره سرحد دی
دلته HTML 4.01 ځانګړتیاوې شتون لري چې په HTML5 کې ناپاک دي. که تاسو د HTML 4.01 اسنادو لیکلو پلان ولرئ، تاسو کولی شئ دوی زده کړئ، بل ډول، تاسو دوی کوالی شئ سترګې پټې کړئ. د دې ځانګړتیاوو ډیری بدیلونه لري چې پورته بیان شوي.
موږ د هغه عنصر ځانګړتیاوې تشریح کوو چې په HTML5 (او HTML 4.01) کې اعتبار لري. دا د TABLE ځانګړتیاوې بیانوي کوم چې په HTML 4.01 کې اعتبار لري، مګر په HTML5 کې ناپاک دي. که تاسو لا تر اوسه د HTML 4.01 اسناد ولیکئ، تاسو کولی شئ دا صفتونه وکاروئ، مګر ډیری یې داسې بدیلونه لري چې ستاسو پاڼې به د راتلونکې لپاره ثبوت په HTML5 کې وړاندې کړي.
باوري HTML 4.01 ځانګړتیاوې
هغه مشخصیت چې موږ یې پورته بیان کړی دی.
د HTML5 څخه یوازې HTML 4.01 کې یوازینی توپیر دا دی چې تاسو کولی شئ د هر ډول بشپړ انټرنیټر (0، 1، 2، 15، 20، 200، او نور) مشخص کړئ تر څو د پورتنی پورتنی چوکۍ تعریف کړئ.
د 5px سرحد سره د میز جوړولو لپاره، لیکئ:
<میز سرحد = "5" >
دا میز 5px سرحد لري.
د سرحدونو سره د دوو میزونو مثال وګورئ.
خاصیت د حجرو سرحدونو او د حجرې محتوا ترمنځ د ځای اندازه بیانوي. اصلي بڼې دوه پکسلونه دي. که چیرې تاسو د محتوياتو او سرحدونو تر مینځ ځای نه غواړئ، د سیل پلډینډ ترتیب کړئ.
د 20 سلګونو حجرو د ټاکلو لپاره، لیکئ:
<میز سیلپډنگ = "20" >
دا میز د 20 سیلاب پلنګ لري.
<د سیل حدود به د 20 پکسلونو لخوا جلا شي.
د سیل پلادډ سره د میز یو مثال وګورئ
خاصیت د میز حجرو او د حجرو محتوياتو ترمنځ د ځای اندازه بیانوي. د سیل پلډډینډ په څیر، ډیزاین دوه سایټونو ته ټاکل شوی، نو تاسو باید دا په 0 کې وټاکئ که چیرې تاسو د حجرې فاصله نه غواړو.
د میز لپاره د حجاب ځای اضافه کولو لپاره، ولیکئ:
cellspacing = "20" >
<جدول> دا میز 20 د حجرې ځای لري.
خونه به د 20 پکسلونو لخوا جلا شي.
د حجرې سپوږمکۍ سره یو میز وګورئ
خاصیت په ګوته کوي چې د پولې بهر شاوخوا شاوخوا شاوخوا سرحدونه لیدل کیږي. تاسو کولای شئ خپل میز په ټولو لورونو کې، هر اړخ، پورتنۍ او ښکته، چپ او ښې، یا هیڅ.
دلته د میز لپاره د HTML لپاره یواځې د ښي خوا ته سرحد دی:
<میز سرحد = "1" چوکاټ = "lhs" >
دا میز
به ولري
یوازې
ښي خواړه جوړ شوي.
او بل مثال د لاندې چوکاټ سره:
<میز سرحد = "1" چوکاټ = "لاندې" >
دا میز چوکاټ په لاندې کې دی.
ځینې میزونه د چوکاټونو سره وګورئ
خاصیت د چوکاټ خاصیت ته ورته دی، یوازې دا د میز د حجرو شاوخوا شاوخوا تاثیر کوي. تاسو کولی شئ په ټولو خونو کې قواعد مقرر کړئ، د کالمونو تر منځ، د ډلو تر مینځ لکه TBODY او TFOOT یا هیڅ.
یوازې د قطارونو ترمینځ د لینونو جوړولو لپاره، لیکل وکړئ:
<میز سرحد = "1" اصول = "قطارونه" >
دا 4x4 میز لري
قطارونه کالمونه نه دي
د سره تشریح شوی
قوانین خاصیت
او بل د لینونو ترمنځ د لیکو سره:
<میز سرحد = "1" قوانین = "کال" >
دا دی
یوه میز
چیرته چې
کالمونه
دي
په نښه شوې
دلته د قواعدو سره د آ میز د مثال مثال دی
خاصیت د میز په اړه معلومات د سکرین لوستونکو او نورو کاروونکو استازو لپاره چمتو کوي چې د میزونو لوستلو ستونزه لري. د لنډیز ځانګړتیاوو کارولو لپاره، تاسو د میز لنډ معلومات لیکئ او هغه د ځانګړتیا ارزښت په توګه وساتئ. لنډیز به په ډیرو معياري ویب سایټونو کې په ویب پاڼه کې نه ښودل کیږي.
دلته د لنډیز سره یو ساده میز ولیکئ:
<جدول لنډ = "دا د نمونې میز دی چې ډکهر معلومات لري. د دې میز هدف د لنډیز څرګندول دي." >
کالم 1 قطار 1
کالم 2 قطار 1
کالم 1 قطار 2
کالم 2 قطار 2
د لنډیز سره یوه میز وګورئ
خاصیت د میز چوکۍ په یا هم پکسل کې یا د کانتینر عنصر فیصده تعریفوي. که چیرې چوکۍ ندی ټاکل شوی، میز یوازې دومره ډیر ځای نیسي ځکه چې د منځپانګې نندارې ته اړتیا لري، د ډیری حد چوپړ سره ورته لکه د مور عنصر چوکۍ.
د لاندینې ځانګړي چوکۍ سره په تڼۍ کې یو میز جوړ کړئ، ولیکئ:
width = "300" >
دا میز د کانټینر 80٪ برخه ده چې دا په کې ده.
او د یوې چوکۍ سره میز چې د مور د عنصر فیصدی دی، ولیکئ:
width = "80٪" >
دا میز د کانټینر 80٪ برخه ده چې دا په کې ده.
د میز په څیر د میز یو مثال وګورئ
بې ځایه شوي HTML 4.01 جدول ځانګړتیاوې
دلته د جدول عنصر یوه ځانګړتیا ده چې په HTML 4.01 کې بې ځایه شوي او په HTML5 کې ناڅاپي شوی. دا خاصیت تاسو ته اجازه ورکوي چې په هغه ځای کې چې جدول ورسره تړاو لري په جدول کې واقع شي چیرې چیرته. دا خاصیت په HTML 4.01 کې خراب شوی، او تاسو باید د کارولو څخه مخنیوی وکړئ. پرځای یې، تاسو باید د CSS شتمنۍ یا حاصله - بکس څخه کار واخلئ: آٹو؛ او متوسط - حق: خپل؛ ډولونه. د فلایت ملکیت تاسو ته یو نتیجه درکوي چې هغه څه ته نږدې وي چې د صفیت نښه وټاکل شي، مګر دا د پاڼي نور منځپانګې د منځپانګې اغیزې اغیزه کولی شي. حاصله - حق: خپل؛ او حاصله - بکس: آٹو؛ هغه دي چې W3C د بدیل په توګه وړاندیز کوي.
دلته یو ناسمه بیلګه ده چې د سایټ خاصیت کاروي:
align = "right" >
دا میز سمه سمه ده
متن د هغې څنګ ته ښي لور ته وځي
د نښې نښانې په کارولو سره ناسمه بېلګه وګورئ.
او د معتبر (بې ځایه شوي) HTML سره ورته اغیز ترلاسه کولو لپاره، ولیکئ:
<میز طرز = "فلوټ: حق؛" >
دا میز سمه سمه ده
متن د هغې څنګ ته ښي لور ته وځي
الندې ټکي ځانګړتیاوې بیانوي کوم چې د HTML ځانګړتیاوو برخه نده.
پخوانۍ معلومات د HTML عنصر ځانګړتیاوې بیانوي کوم چې په HTML 4.01 کې اعتبار لري مګر په HTML5 کې ناپاک دي.
الندې ټایټ ځانګړتیاوې بیانوي کوم چې په اوسني ځانګړتیا کې اعتبار نلري. که تاسو فکر نه کوئ چې ستاسو پاڼې باوري دي او ستاسو کاروونکي هغه برنامه کاروي چې د دغو عنصرونو مالتړ کوي، نو تاسو کولی شئ دغه عناصر وکاروي. مګر ډیری یې یا په عصري برښنا کې نه ملاتړ شوي یا بدیلونه لري چې نور معیارونه دي - مطابق.
موږ د دې ځانګړتیاوو څخه په خپل HTML میزونو کې نه وړاندیز کوو .
خاصیت یو پخوانی خصوصیت دی چې مخکې د CSS څخه ملاتړ شوی و. دا تاسو ته اجازه درکوي چې د میز شاليد رنګ بدل کړي. تاسو کولی شئ د رنګ نوم یا د هکسډایډیلډ کوډ ولیکئ. دا خاصیت لاهم په ډیرو براؤزرونو کې کار کوي، مګر د راتلونکي لخوا ثابت شوي HTML لپاره، تاسو باید دا کار ونه کړي، او د ځای پرځای یې CSS استعمال کړئ.
د دې ځانګړتیا لپاره غوره بدیل د شتمنۍ ملکیت دی.
د میز د پس منظر رنګ بدلولو لپاره، ولیکئ:
<میز طرز = "شاليد رنګ: #cc؛" >
دا میز یو خړور پس منظر لري
د Bgcolor خاصیت ته ورته، د بورډروورور ځانګړتیا تاسو ته د خاصیت رنګ بدلولو ته اجازه ورکوي. دا خاصیت یوازې د انټرنیټ اکسپورټ لخوا ملاتړ شوی. پرځای یې، تاسو باید د پول رنګ رنګ ډوله ملکیت کاروئ.
د خپل میز د سرحد رنګ بدلولو لپاره، ولیکئ:
<میز سرحد = "1" بڼه = "سرحدي رنګ: ریډ؛" >
دا میز یو سور سرحد لري.
د بورډروولوورډ او بورډروالورکتیک ځانګړتیاوې په انټرنټ اکسپورر کې شامل شوي ترڅو تاسو ته اجازه درکړي چې ستاسو د میز شاوخوا دریم سرحد جوړ کړي. په هرصورت، د IE8 او پورته په څیر، دا یوازې د IE7 معیارونو موډل او د نرخ موډل کې مرسته کوي . مائیکروسافټ په ګوته کوي چې دا ملکیت نور نور ملاتړ نه کوي.
د لنډ وخت لپاره، د جدول عنصر کې اشاره د وړاندیز شوې وړاندیز شوې وه چې د لټونګرانو په اړه پوه شي چې څومره میزان یو میز درلود. اساس دا و چې دا به د لوی میزونو د خرڅلاو په چټکتیا کې مرسته وکړي. که څه هم دا یوازې د انټرنیټ اکسپلورر لخوا تطبیق شوی، او د IE8 او پورته په څیر، دا یواځې په IE7 معیارونو او نرخ موډ کې ملاتړ کیږي.
ځکه چې هلته د چوکۍ ځانګړتیاوې (په HTML5 کې ویجاړ شوي) ډیری خلکو داسې انګیرل چې د میزونو لپاره د قدیت لوړتیا هم شتون لري. مګر ځکه چې میزونه د دوی د منځپانګې چوکۍ سره سمون لري یا د ایس ایس یا چوک ځانګړی کې تعریف شوي چوکۍ، قدیت نشي محدود کیدی. نو ددې پرځای، براؤزرونو ته د قدیت ځانګړتیا اجازه ورکړه چې د میز لږ تر لږه تعریف وکړي. که چیرې میز د قد په پرتله لوړې وي، نو دا به لوړې وي. مګر تاسو باید د ملکیت څخه کار واخلئ
د سي ایس ایس د لوړو مالونو سره تاسو کولی شئ لوړوالی محدود کړئ که تاسو د CSS شتمنۍ کاروئ همداراز د کوم اضافی محتوا سره څه پیښیږي تعریف کړئ.
په جدول کې د ټیټې کچې لوړوالی ټاکل، لیکل:
<میز طرز = "قد: 30em؛" >
دا میز لږ تر لږه 30 ems لوړ دی.
د بائیں / ښی خواو خوا (hspace) او د پورته / ټیټ / ټیم (vsSpace) دوه ځانګړتیاوې او اضافی ځای. تاسو باید د سټیل شتمنۍ څخه کار واخلئ.
د 20 پکسلونو لپاره عمودی ځای ټاکلو او افقی ځای 40 پکسلونو ته وټاکئ، لیکئ:
<د میز طرز = "حاصله: 20px 40px؛"
دا میز د 20 پکسلونو بمباري او د 40 پکسلونو یو هسپانوی لري.
خاصیت د بویلن خاصیت دی چې دا یې په ګوته کوي چې د میز منځپانګې باید د مور عنصر یا کړکۍ په څنډه کې لرې شي یا افقی سکولینګ ځواک کړي. پرځای یې، تاسو باید د هرډول میزیز پوښۍ مشخصات مشخص کړئ چې د CSS ملکیت کاروي.
د ډیرو متنونو سره یو کالم جوړ کړئ، لطفا لیکئ:
<میز>
style = "سپینه ماڼۍ: nowrap؛" > دا د ټن د محتوا سره یو کالم دی. مګر حتی که دا د کانتینر څخه پراخه وي نو متن باید بل لین ته ونښلوي، مګر د برنامه کړکۍ مجبور کړئ چې افقی په ټولیز ډول وګورئ.
په پای کې، خاصیت په ګوته کوي چې د هر حجرو محتويات باید په عمودی توګه د سوري دننه په نښه کړي. د دې ناباوره ځانګړتیا پرځای، تاسو باید په هر حجرو کې د CSS ملکیت کارول غواړئ چې تاسو یې د مسیر بدل کول غواړئ. تاسو به د دې طرز اغیزو ته پام ونه کړئ مګر دا چې د حجرو محتويات د نورو، لوی حجرو لخوا رامینځ ته شوی ځای کې کم وي.
د دې لپاره چې یو خلیج په نښه کولو ته ټیټ شي (د منځنۍ په څیر، د ډیزاین په توګه)، ولیکئ:
<میز>
دا حجره د نورو څخه ډیر اوږده دی او له دې امله د قد اندازه لوړه ده. نو تاسو به وګورئ چې عمودی جریان لرونکي حجرې په ښکته برخه کې راغونډ شوي.
style = "عمودی - سایټ: لاندې:" > لاندې ټکي.
په منځنۍ کې منځپانګه.