본문 바로가기

HTML / CSS / Java Script

테이블 태그 셀 합치기 그리고, 테이블 안 테이블

테이블


TABLE 가로, 세로 셀합치기

테이블의 셀을 합칠 때에는 가로로 합치는 경우와 세로로 합치는 경우가 있다.
TD 속성중에 colspan과 rowspan을 이용해서 합치려고 하는 셀의 수를 정해주면되요.

가로로 합치는 경우


가로합치기


<TABLE>
<TR>
	<TD colspan="3">1 2 3</TD>
</TR>
<TR>
	<TD>4</TD>
	<TD>5</TD>
	<TD>6</TD>
</TR>
</TABLE>

세로로 합치는 경우


세로합치기


<TABLE>
<TR>
	<TD rowspan="2">1 4</TD>
	<TD>2</TD>
	<TD>3</TD>
</TR>
<TR>
	<TD>5</TD>
	<TD>6</TD>
</TR>
</TABLE>


테이블안테이블


<TABLE>
<TR>
    <TD>
        <TABLE>
           <TR>
	     <TD> </TD>
          </TR>
        </TABLE>
   </TD>
</TR>
</TABLE>

가로,세로 합치는경우도 테이블안에 테이블로 할수 있어요.