왕초보용 인덱스 테이블 짜기입니다.
브라우저로 먼저보시는 분은 소스보기해서 보시기 바랍니다.
설명이 소스 중간 중간에 있어서,,,,,,,,,,,,,,,,,,,
비킹님께서 궁금해 하시기에 올립니다.
태그만 올리고 미리보기에 테이블과 태그를 링크합니다.

너무나 일반적인 방법이며, 초보님들의 틀짜기에 조금이라도 도움이 될까해서 올립니다.
초보님들은 쭉 복사해서 테스트해보시기 바랍니다.
단 태그가운데 ~~.php파일로 저장후 녹색으로 보이는 주석은 읽은다음 모두 제거해주세욥!! 헷갈리니까요...
40대 왕초보가 하는데 그누가 못하겠습니까?

<div align=center>
<!-- 가운데로 정렬시키라는 것입니다. 맨아래 </div> 태그가 있는 곳까지 한덩어리로 가운데로,, -->

<table width=800 height=100 border=1 cellpadding=0 cellspacing=0>
<tr>
<td colspan=6 height=80 align=center>배너혹은 상단이미지</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>

<table width=800 border=1 cellpadding=0 cellspacing=0>
<!-- 이테이블은 가급적 border=0 cellpadding=0 cellspacing=0 으로 사용하시는 것이 좋습니다. 현재는 보이게 하기위해 border=1을 준것입니다. 이유는 전체적으로 짜임새있게 하려면 최상위 테이블은 이렇게 하는 것이 통례랍니다.-->
<tr>
<td height=50 colspan=5 align=center>배너 혹은 상단메뉴</td>
</tr>
<tr>
<td width=150 valign=top>
<!-- 좌측메뉴시작 -->
좌측메뉴
<!-- 로그인폼, 접속자관련 폼, 보더리스트등을 플러그인 index.plug.php 파일에 넣어서 불러오던지 아니면 따로 따로 인덱스 파일에서 불러오던지 저의 왼쪽메뉴는 모두 플러그인 파일로 만들어서 한번에 불러오도록 하였습니다. 수정할때 쉽게하려고 그랬다죠? 아마.. -->
<table width=100% height=50% border=1 cellpadding=0 cellspacing=0>
<!-- 개인적인 습관인데 저는 테이블 속 테이블은 지금처럼 Tap 한키씩 안쪽으로 들여놓아 쉽게 구분할 수 있게 합니다.
테이블속에 다시 테이블이라면 Tab두번 이런식이죠,, 습관 들여놓으면 관리하시는데 좋습니다. 잘못된곳을 찾을때도 좋고,,-->
<tr>
<td>테이블을 넣어서 배열을 잡아줍니다.</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>11</td>
</tr>
</table>

<!-- 좌측메뉴끝 -->
</td>
<td width=1>여백<img src="floc.gif" width="1" height="0" border="0" alt=""></td>
<!-- 포토샾에서 가로 세로 1픽셀짜리(아주자그마한) 투명한 이미지(포토샵에서 새이미지 만들기메뉴에서 &nbsp;적당한 이름넣고, 너비1, 높이1, Resolution72, RGB, Transparent 콤보박스 선택, 저장은 save for web, )를 만들어 올린다음 여백을 줄 부분마다 <img src="파일이름.gif" width="얼마" height="얼마" border="0" alt="">로 마음대로 늘여서 씁니다. 당근 border="0은 필수, 용량작고 투명하니 문제될 것이 없읍니다. 여백조절의 좋은 방법입니다.-->
<td width=* height=300 align=center valign=top>
<!-- ###########################게시판 헤더로 쓴다면 여기까지가 헤더####################### -->

메인 테이블(중앙)
<!-- 최신글이라던지 최신이미지뽑기등 중앙에 올릴 것은 아래처럼 적당히 테이블을 만든다음 원하는 곳에 넣어 줍니다. 대개 Mysql디비를 읽어오는 경우가 많으므로 이페이지 맨위에 상단에 lib.inc.php파일을 불러오는 코드(처음 그누풀어보면 인뎃스에 있는 것처럼)를 불러오는 것 잊지마세요, 단 주의할 것은 게시판의 헤더로 사용할 경우 헤더는 제거하고 넣습니다.에러납니다. -->
<table width=100% height=50% border=1 cellpadding=0 cellspacing=0>
<tr>
<td colspan=3>대충 이런식으로 테이블을 넣어서 배열을 잡아줍니다.</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
</table>

<table width=100% border=1 cellpadding=0 cellspacing=0>
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>d</td>
</tr>
</table>

<!--############################ 게시판 헤더로 쓴다면 여기서 부터 풋 #############################-->
</td>
<td width=1>여백<img src="floc.gif" width="1" height="0" border="0" alt=""></td>
<td width=150 align=right valign=top>
<!-- 오른쪽 메뉴 시작 -->
우측메뉴
<table width=100% height=50% border=1 cellpadding=0 cellspacing=0>
<!-- 저의 경우 새로운 플러그인 파일 index.plug_r.php 을 만들어서 왼쪽처럼 불러들여서 쓰고있습니다.

플러그인 include 시작 &nbsp; &nbsp; &nbsp; &nbsp;
// 플러그인 프로그램을 위한 코드
~~~~
if (preg_match("/index[0-9a-zA-Z_-]*\.plug_r.php/", $entry)) { 파일이름만 바꿔 주었습니다.

또하나 헤더파일에서 플러그인을 불러올때는 &nbsp; &nbsp; &nbsp; &nbsp;
// 플러그인 프로그램을 위한 코드
 &nbsp; &nbsp; &nbsp; &nbsp;unset($dirarr);
 &nbsp; &nbsp; &nbsp; &nbsp;$d = dir("."); 를 $d = dir("../"); 식으로 경로를 잡아주었답니다.
다만 따로 플러그인 폴더를 만들어 경로를 지정해주는 것은 잘 않되더군요, -->


<tr>
<td>테이블을 넣어서 배열을 잡아줍니다.</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>11</td>
</tr>
</table>

<!-- 오른쪽 메뉴 끝 -->
</td>
</tr>
<tr>
<td colspan=5 align=center>카피 또는 하단메뉴</td>
</tr>
</table>

</div>

미리보기 http://www.puchonphoto.com/html/abc.php