테이블을 만들어서 제로보드를 넣는 것을 해 봅시다(과연?)
왼쪽에 메뉴가 있고 오른쪽에 제로보드가 있는 홈페이지를 만든다면, 한줄 두칸짜리 표를 만들어서 왼쪽칸에는 메뉴들을, 오른쪽 칸에는 제로보드를 집어넣으면 되거든요.
또 메모장을 꺼내서 표를 만들어보아요. ^ㅁ^;;
table.html
<HEAD>
<TITLE> 제로보드 넣기 연습 </TITLE>
</HEAD><BODY bgcolor=#FFFFFF topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
<TABLE border=0 cellpadding=20 cellspacing=0>
<TR>
<TD>[메뉴]</TD>
<TD>[제로보드]</TD>
</TR>
</TABLE></BODY>
</HTML>
table.html 설명
<HEAD>
<TITLE> 제로보드 넣기 연습 </TITLE> ->문서 제목입니다.
</HEAD><BODY bgcolor=#FFFFFF topmargin=0 leftmargin=0 marginwidth=0 marginheight=0> -> 본문의 속성을 나타냅니다. 바탕색은 흰색, 사방의 가장자리에 여백을 주지 않는다는 뜻이에요.
<TABLE border=0 cellpadding=20 cellspacing=0> -> 표가 시작된다는 것을 나타냅니다. 표 가장자리의 굵기가 0, 표 안쪽의 여백이 20픽셀, 표 가장자리의 안쪽도 0픽섹이라는 것을 나타냅니다. 자세한 표 이야기는 다음에 하지요.
<TR> -> 첫번째 줄
<TD>[메뉴]</TD> -> 첫번째 칸
<TD>[제로보드]</TD> -> 두번째 칸
</TR> -> 첫번째 줄이 끝납니다.
</TABLE> -> 표가 끝난다는 것을 나타냅니다.</BODY>
</HTML>
저장한 파일을 인터넷 익스플로러에서 불러오면 아래처럼 보입니다. 눈에는 안 보이지만 가장자리가 투명하게 처리된 표가 틀림없이 있어요.
그럼 [메뉴] 부분에 내용을 넣어볼까요. 메뉴목록은 INdex, Informagin, text, SlamDunk이라고 하지요.(뻘뻘) 모두 제로보드 게시판으로 한다고 하고, 링크는 아래처럼 해 볼께요.
INdex :: http://rukawa.name/bbs/zboard.php?id=hello&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=5
Information :: http://rukawa.name/bbs/zboard.php?id=hello&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=4
text :: http://rukawa.name/bbs/zboard.php?id=text
SlamDunk :: http://rukawa.name/bbs/zboard.php?id=slamdunk
첫페이지와 소개페이지도 게시판의 게시물입니다. 그럼 링크가 아래처럼 되겠지요.
링크를 입력해서 table.html을 완성합니다.
<HEAD>
<TITLE> 제로보드 넣기 연습 </TITLE> ->문서 제목입니다.
</HEAD><BODY bgcolor=#FFFFFF topmargin=0 leftmargin=0 marginwidth=0 marginheight=0> -> 본문의 속성을 나타냅니다. 바탕색은 흰색, 사방의 가장자리에 여백을 주지 않는다는 뜻이에요.
<TABLE border=0 cellpadding=20 cellspacing=0> -> 표가 시작된다는 것을 나타냅니다. 표 가장자리의 굵기가 0, 표 안쪽의 여백이 20픽셀, 표 가장자리의 안쪽도 0픽섹이라는 것을 나타냅니다. 자세한 표 이야기는 다음에 하지요.
<TR> -> 첫번째 줄
<TD>
<A xhref=”http://rukawa.name/bbs/zboard.php?id=hello&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=5″ >INdex</A>
<A xhref=”http://rukawa.name/bbs/zboard.php?id=hello&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=4″ >Information</A>
<A xhref=”http://rukawa.name/bbs/zboard.php?id=text” >text</A>
<A xhref=”http://rukawa.name/bbs/zboard.php?id=slamdunk” >SlamDunk</A>
</TD> -> 첫번째 칸
<TD>[제로보드]</TD> -> 두번째 칸
</TR> -> 첫번째 줄이 끝납니다.
</TABLE> -> 표가 끝난다는 것을 나타냅니다.</BODY>
</HTML>
약간 복잡해졌네요. ^^; 이 파일을 인터넷 익스플로러에서 불러오면 이렇게 됩니다.
