레이아웃(Layout)
CSS 레이아웃
점선 테이블1
점선 테이블2
메타(Meta)
이미지맵(image map)
아이프레임(iframe)
입력양식(form)
텍스트 필드(Text Field)
패스워드(Password Field)
텍스트에어리어(textarea)
셀렉트박스(select)
체크박스(Check Box)
라디오버튼(Radio Button)
리셋버튼(Reset Button)
전송버튼(Submit Button)
이미지 버튼(Image Type)
파일(File Form Control)
히든 필드(Hidden Field)
label
autocomplete
배경음악
필드셋(Fieldset)
마퀴(Marquee)
HTML과 XHTML
오브젝트(Object)
점선 테이블1

<table>태그를 이용하여 아래와 같은 점선 테이블을 만들어 보겠습니다.

<table width="300" cellpadding="0" cellspacing="0" border="0" align="center">
<tr height="12">
 <td colspan="3"><img src="top.gif" border="0"></td>
</tr>
<tr>
 <td width="7"><img src="left.gif" border="0"></td>
 <td width="286" align="center">점선 테두리를 가진 테이블</td>
 <td width="7"><img src="right.gif" border="0"></td>
</tr>
<tr height="11">
 <td colspan="3"><img src="bottom.gif" border="0"></td>
</tr>
</table>

3개의 열과 3개의 행으로 구성된 테이블입니다.

점선 테두리를 가진 테이블

테이블의 주위는 이미지를 사용하고, 테이블안의 내용은 텍스트를 사용하므로 언제든지 텍스트의 수정이 가능합니다.

이 테이블의 단점은 width가 300으로 고정되어 있다는 점입니다.

Related links
점선 테이블1 예제를 압축한 파일입니다. 다운로드 받아서 연습해 보세요.
Copyright © Homejjang.com All rights reserved.