HTML 테이블 - 다른 td 아래 td

Question

아래 그림과 같이 테이블 TD를 레이아웃하고 싶습니다.

나는 몇 가지 방법을 시도하고 위로하는 방법을 찾고했지만, 나는 많은 내 손을 가져올 수 없습니다. 이것은 현재 가지고있는 코드입니다. 작동하지 않고 모든 TD가 수평으로 정렬 된 일반 테이블처럼 보이게합니다. 모든 팁이나 단서가 멋질 것입니다!

<table> 
    <td rowspan="2" colspan="1">td1</td> 
    <td rowspan="1" colspan="2">td2</td> 
    <td rowspan="1" colspan="2">td3</td> 
</table> 

Answer 1

<table border="1"> 
    <tr> 
     <td rowspan="2">td1</td> 
     <td>td2</td> 
    </tr> 
    <tr> 
     <td>td3</td> 
    </tr> 
</table> 

바이올린 : 마법처럼 http://jsfiddle.net/oou92y33/