> 의 탁자를 총결산해 보았다.

마침내 HTML의 책상 구조를 알게 되었고 아직 잊지 않은 틈을 타서 정리했다.

주안점

우선 표의 결합은 colspan(横方向の結合)과rowspan(縦方向の結合) 두 가지가 있다.
중요한 것은 分割표를 만드는 것이 아니라 結合표를 만드는 것이다.
혼자서 지금까지 어떻게 해分割?나는 이 문제를 고려하고 있기 때문에 매우 혼란스럽다.
하지만 結合라는 생각으로 이해하면 이해하기 쉽다.
예를 들면, 가장 ↓의 조합 예를 보아라.
보아하니3列目を2行に分割실제로 하는 일은1列目と2列目を1行に結合 하고 있어요.
따라서 1열과 2열의 td 라벨에 rowspan="2" 을 지정해서 실현합니다.

수평적 결합

이미지 완성

코드

<table border="1">
    <tr>    
        <td colspan="2">セル1</td>
    </tr>       
    <tr>        
        <td>セル2-1</td>
        <td>セル2-2</td>
    </tr>
</table> 

종적 결합

이미지 완성

코드

<table border="1">
    <tr>        
        <td rowspan="2">セル1</td>
        <td>セル2-1</td>
    </tr>       
    <tr>    
        <td>セル2-2</td>
    </tr>
</table> 

코디해보세요.

이미지 완성

코드

<table border="1">
    <tr>        
        <td rowspan="2">セル1-1</td>
        <td rowspan="2">セル1-2</td>
        <td>セル1-3-1</td>
    </tr>       
    <tr>    
        <td>セル1-3-2</td>
    </tr>       
    <tr>        
        <td rowspan="2">セル1-1</td>
        <td rowspan="2">セル2-2</td>
        <td>セル2-3-1</td>
    </tr>       
    <tr>    
        <td>セル2-3-2</td>
    </tr>
</table>