HTML의 테이블 열을 병합하려면
예시
다음 코드를 실행하여 HTML의 테이블 열을 병합할 수 있습니다. 먼저 HTML로 3행 3열로 테이블을 만드는 방법을 살펴보겠습니다.
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px; height: 50px; } </style> </head> <body> <h1>Heading</h1> <table> <tr> <th></th> <th></th> <th></th> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
출력
예시
colspan 속성을 사용하여 열을 병합해 보겠습니다. 처음 2개의 열이 병합됩니다.
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px; height: 50px; } </style> </head> <body> <h1>Heading</h1> <table> <tr> <th></th> <th></th> <th></th> </tr> <tr> <td colspan="2"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
출력