[결과]
[코드]
<table style="border: 1px solid; width: 100%">
<tr style="border: 1px solid">
<th style="border: 1px solid; background-color: red">사이즈</th>
<td style="border: 1px solid">사이즈1</td>
<td style="border: 1px solid">사이즈2</td>
<th style="border: 1px solid; background-color: red">구분</th>
<th style="border: 1px solid; background-color: red">인쇄</th>
<th style="border: 1px solid; background-color: red">용지</th>
<th style="border: 1px solid; background-color: red">장비</th>
</tr>
<tr style="border: 1px solid">
<th style="border: 1px solid; background-color: red">제본</th>
<td colspan="2" style="border: 1px solid">제본내용</td>
<th style="border: 1px solid; background-color: red">표지</th>
<td style="border: 1px solid">표지1</td>
<td style="border: 1px solid">표지2</td>
<td style="border: 1px solid">표지3</td>
</tr>
<tr style="border: 1px solid">
<th style="border: 1px solid; background-color: red">후가공</th>
<td colspan="2" style="border: 1px solid">후가공내용</td>
<th style="border: 1px solid; background-color: red">내지</th>
<td style="border: 1px solid">내지1</td>
<td style="border: 1px solid">내지2</td>
<td style="border: 1px solid">내지3</td>
</tr>
<tr style="border: 1px solid">
<th rowspan="2" style="border: 1px solid; background-color: red">면지</th>
<td colspan="2" style="border: 1px solid">면지내용1</td>
<th rowspan="2" style="border: 1px solid; background-color: red">간지</th>
<td rowspan="2" colspan="4" style="border: 1px solid">간지내용</td>
</tr>
<tr style="border: 1px solid">
<td colspan="2" style="border: 1px solid">면지내용2</td>
</tr>
</table>
[코멘트]
최근에 테이블을 만들어야 되는 일이 많아서, 예제로 한번 정리하는게 좋을 것 같아 포스팅하였다.
그냥 예제 테이블이라서 class는 안하고 style로 헤드에만 빨간색 색을 주고, border 넣어서 테두리 보이게 하였다.