[HTML] Table Colspan & Rowspan

HTML 테이블은 여러 행 및 열에 걸쳐 있는 셀이 있을 수 있습니다.

HTML Table - Colspan

여러 열에 걸쳐 셀을 만들려면 colspan 속성을 사용하십시오.

<table>
	<tr>
    	<th colspan="2">Name</th>
        <th>Age</th>
    </tr>
    <tr>
    	<td>Jill</td>
        <td>Smith</td>
        <td>43</td>
    </tr>
    <tr>
    	<td>Eve</td>
        <td>Jackson</td>
        <td>57</td>
    </tr>
    <tr>
    	<td>Eve</td>
        <td>Jackson</td>
        <td>57</td>
    </tr>
</table>

colspan 속성의 값은 확장할 열의 수를 나타냅니다.

HTML Table - Rowspan

여러 행에 걸쳐 셀을 만들려면 rowspan 속성을 사용하십시오.

<table>
	<tr>
    	<th>Name</th>
        <td>Jill</td>
    </tr>
    <tr>
    	<th rowspan="2">Phone</th>
        <td>555-1234</td>
    </tr>
    <tr>
    	<td>555-8745</td>
    </tr>
</table>

rowspan 속성의 값은 확장할 행 수를 나타냅니다.

 

REFERENCE

https://www.w3schools.com/html/html_table_colspan_rowspan.asp

HTML Table Colspan & Rowspan