다음은 구문입니다 -
<th colspan="num">
위에서 num은 헤더 셀이 확장되어야 하는 열의 개수입니다.
이제
예시
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid green; } </style> </head> <body> <h2>Product Expenses</h2> <table> <tr> <th colspan="2">Expenses</th> </tr> <tr> <td>Product Development</td> <td>500000</td> </tr> <tr> <td>Marketing</td> <td>500000</td> </tr> <tr> <td>Services</td> <td>100000</td> </tr> <tr> <td>Support</td> <td>100000</td> </tr> <tr> <td>Maintenance</td> <td>100000</td> </tr> <tr> <td colspan="2">Total Budget = INR 1300000</td> </tr> </table> </body> </html>
출력
위의 예에서 헤더 셀에 걸쳐 있는 열 수를 설정했습니다 -
<th colspan="2">Expenses</th>
개수는 2이므로 두 개의 열이 헤더 셀에 걸쳐 있습니다.