امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
ادغام يا مرج كردن سلولها در زبان HTML
#1
ادغام يا مرج كردن سلولها در زبان HTML
نحوه ادغام خانه های جدول : برای ترکیب و یکی کردن سلول‌های مجاور افقی در یک سطر جدول از ویژگی rowspan در درون تگ <td></td> استفاده می‌کنیم. جهت عملیات ادغام سلول ها باید سلول ها مجاور هم باشند و در یک سلول باید عدد مربوط به تعداد سلول‌هایی که می خواهیم آنها را با هم ادغام کنیم قرار دهیم. همچنین برای ادغام سلول‌های مجاور عمودی نیز از ویژگی colspan به روشی که برای ادغام سلول‌های مجاور افقی گفته شد استفاده می‌کنیم. مثلا فرض کنید قرار است جدولی به شکل ذیل بسازیم.
   

اگر کمی دقت کنید متوجه خواهید شد که جدول فوق دارای دو سطر می‌باشد که سطر اول دارای سه سلول بوده وسطر دوم دارای دو سلول است. سلول دوم سطر دوم به اندازه دو سلول از سطر اول است. برای ساخت چنین جدولی باید از کد ذیل بهره ببریم.
کد:
<head>
   <title></title>
   </head>
<body>

<table>
   <tr>
       <td>tr1-td1</td>
       <td>tr1-td2</td>
       <td>tr1-td3</td>
   </tr>
   <tr>
       <td>tr2-td1</td>
       <td colspan="2" >tr2-td2</td>
   </tr>
</table>
</body>
پاسخ
#2
بسیار عالی
پاسخ


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان