공부/HTML 2012. 8. 10. 17:53

http://www.kallery.net/index.php?g_clss=forum&g_prcss=thrd&g_tmplt=&g_brd=21&g_pg=2&g_thrd=1420&s_lngg=English


colspan (열 합치기) 과 rowspan (행 합치기)


<table border="1" width="300" height="50">

  <tr>

    <td colspan="2">1행 1, 2열</td>

    <td>1행 3열</td>

  </tr>

  <tr>

    <td rowspan="2">2, 3행 1열</td>

    <td>2행 2열</td>

    <td>2행 3열</td>

  </tr>

  <tr>

    <td>3행 2열</td>

    <td>3행 3열</td>

  </tr>

</table>

 

1행 1, 2열 1행 3열
2, 3행 1열 2행 2열 2행 3열
3행 2열 3행 3열


<table border="0" width="300" height="50"

          cellspacing="3">

  <tr bgcolor="Red">

    <td colspan="2">1행 1, 2열</td>

    <td>1행 3열</td>

  </tr>

  <tr>

    <td bgcolor="Blue" rowspan="2">2, 3행 1열</td>

    <td bgcolor="Yellow">2행 2열</td>

    <td bgcolor="Green">2행 3열</td>

  </tr>

  <tr>

    <td bgcolor="MediumPurple">3행 2열</td>

    <td>3행 3열</td>

  </tr>

</table>

1행 1, 2열 1행 3열
2, 3행 1열 2행 2열 2행 3열
3행 2열 3행 3열


'공부 > HTML' 카테고리의 다른 글

[HTML][JSP] 한글 처리  (0) 2012.01.05
페이지 이동방법  (0) 2012.01.05
posted by 나무사이
: