درس في HTML. دمج الخلايا

الجداول في HTML - عنصر مفيد جدا. معها يمكنك أن تفعل أي شيء. وبطبيعة الحال، فإن الغرض الرئيسي - وضع المعلومات في جدول. لكن مطوري المواقع قد ذهب أبعد من ذلك. في وقت واحد كان شعبية جدا لاستخدام جدول لإنشاء إطار الموقع. الآن المهنيين تحاول عدم القيام بذلك.

وقد وجدت الجداول تطبيق على نطاق واسع نظرا لوجود عدد كبير من الصفات. على سبيل المثال، تحولت خاصية مفيدة جدا الجمع بين الصفوف أو الأعمدة.

مقدمة إلى نظرية

في HTML، اتحاد خلايا يحدث عن طريق سمتان: كولسبان وروسبان. تم تحديد أنها لعلامة الدفتيريا.

دعونا أولا تحليل بنية كل جدول، قبل أن الخوض في هذا الموضوع. في كل طاولة هناك خط، وفي ذلك - الخلية. تذكر أن في البداية، يجب على جميع الجداول تحتوي على نفس العدد من الخلايا.

الشكل أعلاه أشار صفين وفي كل من ثلاث خلايا. وهو الجدول المشترك. إذا كنت في أي مربع، اكتب رقما أصغر من الخلايا، الجدول هو "الخروج"، لن يتم عرض جميع بشكل صحيح.

HTML-الجدول: دمج الخلايا عموديا وأفقيا

لتحديد عدد أقل من الخلايا أو السلاسل يمكن أن تستخدم إلا إذا كان لديك شيء لدمج. ولكن بدلا من العنصر المحذوف في أقرب جار إلى الأعلى تحتاج إلى تحديد سمة إضافية. إذا كنت الجمع بين الأعمدة، ثم كولسبان، إذا السلاسل، ثم روسبان. قيمة سمة تشير إلى عدد العناصر التي تريد دمجها.

الرجاء ملاحظة أنك بحاجة إلى تحديد ذلك في أقرب عنصر إلى الأعلى. على سبيل المثال، في الشكل أعلاه، إذا أردت الجمع بين الخلية 1 و 2، تحتاج إلى تحديد في سمة كولسبان خلية 1 بقيمة اثنين. وحذف موقف عدد 2 أو 3، لا يهم.

خلاصة القول هي أن تخبر الخلية مقدار المساحة التي سوف تتخذ. القيمة الافتراضية هي 1.

دمج الخلايا عموديا يأخذ HTML جدول مكان على نفس المبدأ. ببساطة سينظر في الفضاء المحتلة عموديا. انظر الشكل أدناه.

هنا، الخلية التي تحتوي على عدد 43 يأخذ سلسلتين. للقيام بذلك، يمكنك تحديد روسبان السمة. فقط تذكرت:

• صف واحد - صف واحد.
• العقيد - عمود / عمود.
• سبان - جمعية.

وقد حاول المبدعين لجعل لغة ممكن للإنسان، ذلك أنه حتى دون أن يعرفوا ذلك، يمكن أن نفهم بطريقة أو بأخرى.

في HTML، اتحاد الخلايا يمكن أن يتم في اتجاهين: عموديا وأفقيا. للقيام بذلك، ونحن تحديد كل السمة.

الشكل أعلاه هو أن مجرد وذكر أن الجمعية يمكن أن تفعله: الصفوف والأعمدة، أو الصفوف والأعمدة على حد سواء.

HTML: دمج الخلايا. أمثلة

دعونا ننظر أكثر تعقيدا أمثلة بارزة على جداول كبيرة. أدناه على اليسار تعيين النسخة الأصلية من جدول منتظم. والحق - البديل مع مزيج من اثنين من الخلايا في الصف الثاني. حتى أكثر وضوحا وأسهل للمقارنة HTML رمز.

يمكنك أيضا الجمع بين ثلاثة في وسط الخلية. في الحالة الأولى تحدد السمة كولسبان الخلية №1. هنا، الأول سيكون دون تغيير، والثاني تضاف إلى كولسبان، أي ما يعادل ثلاثة.

إذا كنت ترغب في دمج كافة الخلايا في صف واحد إلى واحد، ثم إزالة الدفتيريا أربعة في إشارة إلى أول = كولسبان '5'.

كما ترون، في الواقع، كل ما هو بسيط. لا شيء معقد. الأهم من ذلك، بعناية، من أول مرة لفهم كل المطبات الجداول، ومن ثم لا ينبغي أن تنشأ أية مشاكل.

الجدول كإطار الموقع

في HTML، ولا يستخدم اتحاد خلايا دائما للجداول منتظمة مع المعلومات (في وورد أو إكسل). مصممي المواقع في كثير من الأحيان، ولكن قبل أن تستخدم صناديق الاقتراع لهم لتخطيط المواقع.

على سبيل المثال، والنظر في تخطيط الموقع. هذا التصميم - بسيطة جدا وبدائية. ولكن يمكن أن تظهر لك استخدام الجمعيات صراحة.

كان هناك أصلا جدول ثلاثة صفوف من خليتين كل منهما. ثم، لوضع شعار للموقع، تم دمج خليتين في الصف الأول. خلاصة القول هي أن تفعل الشيء نفسه لاستيعاب "القبو".

بسبب أنه من الممكن أن مكانها لوضع عناصر التصميم، وسوف شيئا لم يترك حدوده. هذا هو مريحة جدا وبسيطة. ولذلك كان شائعا حتى. الآن، فمن المستحسن إنشاء علامة div الكتل.

استنتاج

وتذكر أن دمج HTML خلية الجدول، يمكنك أن تفعل ما تريد. كل هذا يتوقف على ما تريد وكيف تريد لترتيب ذلك. الأهم من ذلك، لا يحصل الخلط. إذا كنت ترغب في إنشاء جدول كبير مع عدد كبير من الجمعيات، فمن المستحسن أن ألفت كل شيء على قطعة من الورق أو في الطلاء. مبتدئين الفارض سيكون من الأسهل.

عندما اكتساب الخبرة، هذه العمليات يمكن أن تؤدي في رأسك بسهولة.