경계선
테이블은 텍스트만을 포함하지는 않는다.
웹상에서 볼 수 있는 대부분의 사이트는 다양한 테이블 셀 속에 이미지와 텍스트를 포함하고 있다.(단지, 셀 사이의 경계가 보이지 않을 뿐이다.)<TABLE>태그의 "BORDER" 속성은 경계선의 굵기를(픽셀단위) 지정한다.
5픽셀짜리 테이블 경계선을 만들기 위해서는 <TABLE>태그에 "BORDER=5"라고 덧붙이기만 하면 된다. 경계를 보이지 않기 위해서는 BORDER 속성을 0으로 주면 된다. 대부분의 브라우져에서 기본 테이블 경계로 0을 주고 있기는 하지만 모든 브라우져에서 확실히 하기 위해서는 선언해 주는 것이 좋다.BORDER=20인 경우
<TABLE BORDER=20>
<TR>
<TD>금강산</TD>
<TD>설악산</TD>
<TD>한라산</TD>
</TR>
<TR>
<TD>서울</TD>
<TD>부산</TD>
<TD>대전</TD>
</TR>
</TABLE>
BORDER=0인 경우
<TABLE BORDER=0>
<TR>
<TD>금강산</TD>
<TD>설악산</TD>
<TD>한라산</TD>
</TR>
<TR>
<TD>서울</TD>
<TD>부산</TD>
<TD>대전</TD>
</TR>
</TABLE>
참조) 경계가 보이는 테이블을 디자인하면 각 요소들이 어떻게 배치되어 있는지로 볼 수 있다. 모든 것을 원하는 자리에 위치시킨 후 BORDER 속성을 0으로 주면 작업이 편리하다.
 |
 |
 |
|
 |
|
 |
|
 |
|
|
Copyright Centis. All rights reserved.