본문 바로가기

program life/html

첫주 HTML Table을 이용한 레이아웃 작성


기본 테이블 구조

 1  2
 3  4


<table border="1">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>


colspan 가로 행 합칠 col수

 1
 3  4

<table border="1">
<tr><td colspan ="2" >1</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

rowspan 세로 열 합칠 row수

 1  2
 4

<table border="1">
<tr><td rowspan="2" >1</td><td>2</td></tr>
<tr><td>4</td></tr>
</table>



수업은 기본적으로 테이블 레이아웃 작성 법에 이야기 하고 끝냈습니다.

'program life > html' 카테고리의 다른 글

HTML (Hyper Text Markup Language)  (0) 2011.10.04