HTML의 colspan 속성은 테이블에서 셀이 확장되어야 하는 열 수를 설정하는 데 사용됩니다.
요소 colspan 속성
HTML에서
요소의 colspan 속성은 셀이 확장되어야 하는 열 수를 정의합니다.
다음은 구문입니다 -
<td colspan="num">
위에서 num은 셀이 확장되어야 하는 열의 개수입니다. 이제
요소 −의 colspan 속성을 구현하는 예를 살펴보겠습니다. 예시
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 2px solid blue;
}
</style>
</head>
<body>
<h2>Product Expenses</h2>
<table>
<tr>
<th>Domains</th>
<th>Cost</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>
출력
요소 colspan 속성
요소의 colspan 속성은 헤더 셀이 확장되어야 하는 열의 수를 설정하는 데 사용됩니다.
다음은 구문입니다 -
<th colspan="num">
위에서 num은 헤더 셀이 확장되어야 하는 열의 개수입니다.
이제
요소 −의 colspan 속성을 구현하는 예를 살펴보겠습니다. 예시
<!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>
출력
HTML에서
다음은 구문입니다 -
<td colspan="num">
위에서 num은 셀이 확장되어야 하는 열의 개수입니다. 이제
예시
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid blue; } </style> </head> <body> <h2>Product Expenses</h2> <table> <tr> <th>Domains</th> <th>Cost</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>
출력
요소 colspan 속성
요소의 colspan 속성은 헤더 셀이 확장되어야 하는 열의 수를 설정하는 데 사용됩니다.
다음은 구문입니다 -
<th colspan="num">
위에서 num은 헤더 셀이 확장되어야 하는 열의 개수입니다.
이제
요소 −의 colspan 속성을 구현하는 예를 살펴보겠습니다. 예시
<!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="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>
출력