[html] 테이블 셀 합치기

세로형 표 만들기

<table>
 <tr>
  <th>No.</th>	<!-- 제목 th -->
  <th>Name</th>
  <th>ID</th>
 </tr>
 <tr>
  <td>01</td>	<!-- 일반 칸 -->
  <td>KJK</td>
  <td>K1K1</td>
 </tr>
 <tr>
  <td>02</td>
  <td>NJS</td>
  <td>JS222</td>
 </tr>
</table>

가로형 표 만들기

<table>
 <tr>
  <th>No.</th>	<!--제목-->
  <td>01</td>	<!--일반-->
  <td>02</td>
 </tr>
  <tr>
   <th>Name</th>
   <td>VVA</td>
   <td>MOD</td>
  </tr>
  <tr>
   <th>ID</th>
   <td>v33s3</td>
   <td>d4r44</td>
  </tr>
</table>

 

셀  합치기

colspan = "n" : 가로로 n개의 셀 합치기

rowspan = "n" : 세로로 n개의 셀 합치기(row를 시작점으로 내려가는 칸 수 세면 쉽다)

<!--가로 셀 합치기-->
<table>
 <tr>
  <th colspan="2">covid19</th>
  <th>현황</th>
 </tr>
 <tr>
  <td colspan="2">인원</td>
  <td>check</td>
 </tr>
 <tr>
  <td>참가</td>
  <td>10명</td>
  <td>이상무</td>
 </tr>
</table>
<!--세로 셀 합치기-->
<table>
 <tr>
  <th rowspan="2">결<br>재</th>
  <th>담당</th>
  <th>원장</th>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
</table>