لوست د HTML. د تسلیمی حجرو

په د HTML د جدولونو - یو ډیر مخېږئ توکی. د هغوی سره تاسو هر څه کولای شي. البته، د اصلي موخه - په یوه جدول کې ځای پرځای معلومات. خو د ځایونو د پرمخ تللي نور. په یو وخت کې دا ډېره مشهوره ته یو ځای چوکاټ د جوړولو لپاره یو جدول ګټه وه. اوس مسلکي هڅه کوي چې د نه نو.

میزونه ځکه چې د صفاتو زيات شمېر د خپلو پراخه غوښتنلیک وموندل. د مثال په توګه، يو ډېر ګټور ملکیت د ګډو قطارونو يا ستنې بدل کړی دی.

د تیوری پېژندنه

colspan او rowspan: په HTML، د حجراتو د اتحاديې له خوا د دوو صفتونو وسيله واقع دی. دوی لپاره د TD ترتيبول په ګوته شوي دي.

راځئ چې لومړی د هر میز د جوړښت تحليل، مخکې موږ د موضوع په را اوچتوي. په هر میز شتون لري يوه کرښه، او په هغې کې - د حجری. په یاد ولرئ چې په پیل کې، د ټولو جدولونو باید د حجرو په ورته شمېر لري.

د پورته اشاره دوه کتارونو او د درې حجرو هر رقم. دا يو عام جدول. که تاسو په هر بکس کې دي، د حجراتو د يو لږ شمير ډول، ميز په "حرکت څخه"، ټول به په سمه توګه نه ښودل شي.

د HTML-جدول: په عمودي او افقي حجرو لېږدونه

د مشخص د حجراتو يا تارونه د يو لږ شمير یوازې وکارول شي که تاسو څه لېږدونه لري. خو پر ځای د د سر د نږدې ګاونډي د ړنګ توکی تاسو ته اړتیا اضافي خاصه دی ځانګړی کړی. که تاسو د کالمونو، نو colspan، که تارونه، نو rowspan په ګډه کول. د یو خاصه ارزښت توکي چې تاسو غواړئ چې لېږدونه او د شمېر په ګوته کوي.

لطفا په ياد ده چې تاسو ته د سر د نږدې عنصر دا مشخص ته اړتيا لري. د مثال په توګه، په شکل پورته، که تاسو غوښتل چې د ګرځنده 1 او 2 په ګډه، تاسو باید په حجره کې 1 سره د دوو ارزښت colspan د خاصه دی ځانګړی کړی. او د دريځ شمېر 2 او يا 3 ړنګول، دا پروا نه کوي.

د ښکته کرښه ده چې تاسو د ګرځنده څومره فضا دا به واخلي ته ووايي. تلوالیزه ارزښت ده 1.

لېږدونه او د حجرو په عمودي د HTML میز په همدغه اصل کېدلی شي. په ساده اشغال فضا به په توګه په عمودي پام کې ونیول شي. لاندې شکل ته وګورئ.

دلته، سره د 43 شمېر حجری دوه تارونه نیسي. د دې، چې تاسو د خاصه rowspan دی ځانګړی کړی. فقط دومره په ياد:

• قطار - قطار.
• ډګروال - کالم / کالم.
• Span - ټولنې.

د منځته راوړونکی هڅه کړې تر څو د انسان د ژبې په توګه د امکان تر راولي، له دې امله، چې آن پرته پوه دا، کیدای شي حده پوه شي.

په عمودي او افقي: په HTML، د حجراتو د اتحاد کولای شي په دوو ترسره شي. د دې، چې موږ دواړه د خاصه دی ځانګړی کړی.

د انځور د پورته دی یوازې چې او ویلي چې د ټولنې کولای شي: د قطارونو، ستنې، او يا دواړه د قطارونو او ستنې.

د HTML: حجرو ورننباسئ. مثالونه

راځئ چې ډېر پېچلی بېلګې په لوی جدولونو د معیار په پام کې. دلته لاندې د چپ د یوه منظم جدول د اصلي نسخه وټاکئ. د يو حق - سره په دويم صف کې د دوه حجرو یو ترکیب يو variant. نو روښانه او آسانه د HTML-کوډ پرتله کړي.

تاسو هم کولای شی د حجری د مرکز د درې په ګډه کول. په لومړي مورد colspan د خاصه حجری №1 په ګوته کوي. دلته، لومړی به د تېرې شي، او د دوهم زياته کړه چې د colspan، مساوي له دریو څخه.

که تاسو غواړی چې په يو قطار د ټولو حجرو ته د یو واحد لېږدونه، نو د څلورو TD لرې په لومړي colspan = ښيي '5'.

لکه څنګه چې تاسو کولای شي وګورئ، په حقیقت کې، هر څه ساده ده. هیڅ پيچلې. تر ټولو مهمه، په دقت سره، د لومړي ځل څخه د جدولونه چې د ټولو لپاره دلایل او پوه شي، او بیا کومه ستونزه نه راپورته کیږي نه.

په توګه د يو ځای چوکاټ جدول

په HTML، د حجراتو د اتحاد نه دی تل لپاره د منظمو جدولونو سره د معلوماتو د (په کلام یا ایکسل) کارول. وېب پاڼه طرح اکثرا، خو د ټاکنو لپاره د ځايونو د هډوانې کارول مخکې يې.

د مثال په توګه، د محل د هډوانې په پام کې. دا طرح - ډېر ساده او ابتدايي. خو تاسو کولای شي د ټولنې د استعمال په صراحت وښيي.

په اصل کې د دوو هر حجری دری قطارونه یوه میز شتون درلود. بيا، چې د ځای د ځای د لوګو، په لومړي قطار د دوه حجرو دي په ګډه شوي دي. د ښکته کرښه ده چې د "زميني" ځای همداسی وکړی.

له کبله خپل ځای ته دا ممکنه ده چی د ډیزاین عناصر، او هيڅ به خپل حدودو نه پرېږدي. دا ډېر مناسب A او ساده ده. له همدې امله، دا دومره مشهوره شوه. اوس، دا سپارښتنه د يوه div ترتيبول په بلاکونه جوړ کړي.

پایلې

او په یاد چې د HTML جدول حجره آژانسونو، تاسو کولی شئ چې هر څه داسې کارونه کوي. دا ټول په هغه څه چې تاسو غواړئ پورې تړاو لري او څنګه تاسو غواړئ چې انتظام دا. مهمه دا، مه وارخطا نه. که تاسو غواړی چې د ټولنو د يو زيات شمېر یو لوی میز جوړ کړي، دا سپارښتنه ته د کاغذ پر یوه ټوټه یا د رنګ دا ټول رسم. Imposer او لومړنیو دا به آسانه وي.

کله چې تجربه تر لاسه کړی، په دغو عملیاتو تاسو کولای شي چې په خپل سر په اسانۍ سره ترسره کړي.