Table의 구성과 용어

 

Table의 구성과 용어

    table border=10 테이불 두께          border color=red  테두리 색깔

    cellspacing=5 셀과 셀사이의 간격    cellpadding=10 셀과 그림사이의 여백

    <TR>  셀의 가로           <TD>  셀의 세로 <TR><TD>가 합처서 테이불이 됨

    width = 600 넓이의 픽셀값       height = 400 높이의 픽셀값

    bgcolor = 바탕색       background = 바탕벽지 또는 이미지 주소 

      예 : <table border=5 bordercolor=brown cellspacing=10

           cellpadding=5 bgcolor=aqua width=450 height=350> <tr><td>

        <img src=http://kth5775.com.ne.kr/110212/71.jpg WIDTH=450 HEIGHT=350>

           </td></tr></table>

 

(1) 기본 테이불

 

♣태그 소스 ♣
<table border=5 bordercolor=brown cellspacing=10 cellpadding=5 width=450 height=350 bgcolor=aqua><tr><td> <img src=http://kth5775.com.ne.kr/110918/04.jpg WIDTH=450 HEIGHT=350> </td></tr></table>

(2) 아래로 이중 테이불

내 마음 속의 집 / 고의석 내 마음 오솔길 끝 깊은 산기슭에 아담한 초가집 한 채 있습니다 앞산과 뒷산이 손 내밀면 맞닿고 대밭을 휘도는 실개천이 병풍처럼 안고 사는 그런 초가집입니다 하얀 달빛이 어둠 뚫고 내리면 둥그런 박 덩이 머리에 이고 배고파서 훌쩍대는그런 초가집이 내 마음 깊은 골짜기 끝 아련한 산기슭에 자리 잡고 있습니다.

♣태그 소스 ♣
<table border=10 bordercolor=brown bgcolor=orange><tr><td> <img src=http://kth5775.com.ne.kr/110918/04.jpg WIDTH=450 HEIGHT=350> <tr><td> <pre> <font size=3 color=blue face=휴먼옛체><b><ul> 내 마음 속의 집 / 고의석 내 마음 오솔길 끝 깊은 산기슭에 아담한 초가집 한 채 있습니다 앞산과 뒷산이 손 내밀면 맞닿고 대밭을 휘도는 실개천이 병풍처럼 안고 사는 그런 초가집입니다 하얀 달빛이 어둠 뚫고 내리면 둥그런 박 덩이 머리에 이고 배고파서 훌쩍대는그런 초가집이 내 마음 깊은 골짜기 끝 아련한 산기슭에 자리 잡고 있습니다. </td></tr></table><br><br>

(3) 보더없는 테이불

가을 / 조철형 걸어오는 소리 해마다 다르다 가슴마다 아름다운 빛깔들 곱게 새겨 놓으려 그대 오는가 먼 길 떠날 임 한낮 햇살이 힘든 사람들 그대 따뜻한 가슴으로 그려놓을 수채화 으스러지게 한번 품어보면 한동안 덜 외롭고 힘들까 깊고 고운 그대 사랑을 오롯이 안고서 희망을 노래할 수 있게 그대, 고이 머물러 다오.

♣태그 소스 ♣
<TABLE borderColor=brown height=350 cellSpacing=10 cellPadding=5 width=450 bgColor=aqua border=0> <TBODY> <TR> <TD><IMG height=350 src="http://kth5775.com.ne.kr/110918/04.jpg" width=450> <TR> <TD><br> <font color=red face=휴먼옛체><pre><b><big> <ul><ul> 가을 / 조철영</div></font> <font size=4 color=red face=바탕> <center> <MARQUEE scrollAmount=2 scrollDelay=100 direction=up height=300><span style="color:red;FILTER:glow(color=yellow);height:14px"> <font color=#ff3399 size=4 face=솔체> <pre> 걸어오는 소리 해마다 다르다 가슴마다 아름다운 빛깔들 곱게 새겨 놓으려 그대 오는가 먼 길 떠날 임 한낮 햇살이 힘든 사람들 그대 따뜻한 가슴으로 그려놓을 수채화 으스러지게 한번 품어보면 한동안 덜 외롭고 힘들까 깊고 고운 그대 사랑을 오롯이 안고서 희망을 노래할 수 있게 그대, 고이 머물러 다오. </ul> </span></font> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

(4) 그림자 있는 테이불

♣태그 소스 ♣
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow (color:190335,direction:145,strength:15)" cellSpacing=0 cellPadding=1 border=0> <TBODY> <TR> <TD><IMG height=450 src="http://kth5775.com.ne.kr/110918/04.jpg" width=550 type="application/shockwave-flash" menu="false"> </TD></TR></TBODY></TABLE>

(5) 다양한 모양의 테이불

가을 /조철영 걸어오는 소리 해마다 다르다 가슴마다 아름다운 빛깔들 곱게 새겨 놓으려 그대 오는가 먼 길 떠날 임 한낮 햇살이 힘든 사람들 그대 따뜻한 가슴으로 그려놓을 수채화 으스러지게 한번 품어보면 한동안 덜 외롭고 힘들까 깊고 고운 그대 사랑을 오롯이 안고서 희망을 노래할 수 있게 그대, 고이 머물러 다오.

♣태그 소스 ♣
<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#996633 cellSpacing=0 cellPadding=0 border=3> <TBODY> <TR> <TD> <TABLE style="BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#996633 cellSpacing=0 cellPadding=0 border=3> <TBODY> <TR> <TD> <TABLE borderColor=red cellSpacing=2 cellPadding=2 bgColor=purple border=1> <TBODY> <TR> <TD> <TABLE borderColor=green cellSpacing=5 width=600 bgcolor=aqua border=3 cellspadding="0"> <TBODY> <TR> <TD> <table width="600" height="400" border=2 cellpadding=0 cellspacing=0 > <tr><td> <marquee direction="up" height=400 scrollamount="1.0" scrolldelay="100" id="layer1" style="position:absolute; z-index:1; margin-left:50;"> <span style="font:bold 15px/150%; color:yellow; FILTER:shadow(color=red, Direction=135); height:100px;"> <pre><FONT color=yellow size=3><b> <ul> 가을 / 조철영 걸어오는 소리 해마다 다르다 가슴마다 아름다운 빛깔들 곱게 새겨 놓으려 그대 오는가 먼 길 떠날 임 한낮 햇살이 힘든 사람들 그대 따뜻한 가슴으로 그려놓을 수채화 으스러지게 한번 품어보면 한동안 덜 외롭고 힘들까 깊고 고운 그대 사랑을 오롯이 안고서 희망을 노래할 수 있게 그대, 고이 머물러 다오. </span></marquee> <img src=http://kth5775.com.ne.kr/110918/04.jpg width="600" height="400"> </td></tr></table> </TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>