درس با HTML بود. ادغام سلولها

جداول در HTML - یک آیتم بسیار مفید است. بنابراین شما می توانید هر چیزی را انجام. البته، هدف اصلی - دادن اطلاعات در یک جدول. اما توسعه دهندگان از سایت های فراتر رفته اند. در یک زمان آن را بسیار محبوب به استفاده از یک جدول برای ایجاد یک چارچوب سایت بود. حالا حرفه ای در حال تلاش برای انجام این کار نیست.

جداول کاربرد گسترده ای خود را به دلیل تعداد زیادی از ویژگی پیدا کرده اند. به عنوان مثال، یک ویژگی بسیار مفید تبدیل ترکیب سطرها یا ستون ها.

مقدمه ای بر تئوری

colspan و rowspan در HTML، اتحادیه سلول با استفاده از دو ویژگی رخ می دهد. آنها برای تگ TD مشخص شده است.

اجازه دهید ما اولین تجزیه و تحلیل ساختار هر جدول، قبل از ما به این موضوع بپردازیم. در هر جدول است یک خط، و در آن - سلول. به یاد داشته باشید که در ابتدا، تمام جداول باید به همان تعداد از سلول های حاوی.

شکل بالا دو ردیف نشان داد و در هر یک از سه سلول. این یک جدول مشترک است. اگر شما در هر جعبه، یک تعداد کمتری از سلول ها، در جدول است "بیرون آمدن"، همه به درستی نمایش داده نمی شود.

HTML-جدول: ادغام سلول های عمودی و افقی

برای مشخص کردن یک تعداد کمتری از سلول ها یا رشته را می توان تنها استفاده می شود اگر شما چیزی برای ادغام خواهند شد. اما به جای آیتم های حذف شده در نزدیکترین همسایه به بالا شما نیاز به مشخص یک ویژگی اضافی. اگر شما ستون، سپس colspan، اگر رشته ها، پس از آن rowspan ترکیب. ارزش یک ویژگی نشان می دهد تعدادی از مواردی که شما می خواهید به ادغام.

لطفا توجه داشته باشید که شما نیاز به آن را مشخص در نزدیکترین عنصر به بالا. برای مثال، در شکل بالا، اگر شما می خواهید به ترکیب سلول 1 و 2، شما نیاز به مشخص در سلول 1 مشخصه colspan با ارزش دو. و حذف شماره موقعیت 2 یا 3، مهم نیست.

خط پایین این است که شما در سلول چه مقدار فضای آن را بگویید. مقدار پیش فرض 1 است.

سلول ادغام به صورت عمودی HTML جدول می گیرد در اصل همان. به سادگی فضای اشغال شده به عنوان به صورت عمودی در نظر گرفته. رجوع کنید به شکل زیر است.

در اینجا، همراه با تعداد 43 دو رشته طول می کشد. برای این کار، شما rowspan ویژگی را مشخص کنید. فقط به یاد:

• ردیف - ردیف.
• دگروال - ستون / ستون.
• دهانه - انجمن.

سازندگان سعی کرده اند به زبان که ممکن است به انسان، به طوری که حتی بدون دانستن آن، به نحوی می تواند درک.

صورت عمودی و افقی در HTML، اتحادیه سلول را می توان در دو جهت انجام می شود. برای این کار، ما هر دو ویژگی را مشخص کنید.

شکل بالا است که فقط و اظهار داشت که ارتباط می توانید انجام دهید: ردیف ها، ستون ها، و یا هر دو سطر و ستون.

HTML: ادغام سلول ها است. نمونه

اجازه دهید ما نمونه های پیچیده تر نقطه عطف در جداول بزرگ در نظر بگیرند. در زیر در سمت چپ تنظیم نسخه اصلی یک جدول به طور منظم. حق - یک نوع با ترکیبی از دو سلول در سطر دوم. بنابراین واضح تر و آسان تر برای مقایسه HTML کد.

شما همچنین می توانید در مرکز سلول ترکیب سه. در مورد اول صفت colspan سلول №1 مشخص می کند. در اینجا، برای اولین بار بدون تغییر خواهد بود، و دوم به colspan اضافه شده است، به سه برابر است.

اگر شما می خواهید به ادغام تمام سلول ها در یک ردیف به یک، پس از آن حذف چهار TD در اول نشان می دهد = colspan '5'.

همانطور که می بینید، در واقع، همه چیز ساده است. هیچ چیز پیچیده. مهمتر از همه، با دقت، از اولین بار به درک تمام مشکلات از جداول، و سپس هیچ مشکلی باید بوجود می آیند است.

جدول به عنوان یک چارچوب سایت

در HTML، اتحادیه سلول است که همیشه برای جداول به طور منظم با اطلاعات (در ورد یا اکسل) استفاده نمی شود. طراحان وب سایت اغلب، اما قبل از روز برگزاری آنها برای طرح از سایت های استفاده کرده اند.

به عنوان مثال، در نظر گرفتن طرح از سایت. این طراحی - بسیار ساده و ابتدایی است. اما شما می توانید با استفاده از ارتباط به صراحت نشان می دهد.

در اصل یک جدول از سه ردیف از هر دو سلول وجود دارد. سپس، به جای آرم از سایت، دو سلول در سطر اول اند ترکیب شده اند. خط پایین این است برای انجام همان به جای "زیرزمین".

با توجه به جایگاه خود را از آن ممکن است به جای عناصر طراحی و هیچ چیز نمی محدودیت های خود را ترک کنید. این است که بسیار راحت و ساده است. بنابراین، آن را محبوب بود. حالا، توصیه می شود برای ایجاد یک بلوک تگ div.

نتیجه

و به یاد داشته باشید که ادغام خانه جدول HTML را، شما می توانید هر کاری را که دوست دارید. تمام آنچه در آن شما می خواهید بستگی دارد و چگونه می خواهید به آن ترتیب. مهم، اشتباه گرفته شود. اگر شما می خواهید برای ایجاد یک جدول بزرگ با تعداد زیادی از انجمن، توصیه می شود به آن همه قرعه کشی بر روی یک تکه کاغذ و یا در رنگ. مبتدیان Imposer و آن را آسان تر خواهد بود.

هنگامی که به دست آوردن تجربه، این عملیات شما می توانید در سر خود را به راحتی انجام دهد.