<TABLE
style="BORDER-RIGHT: red 5px solid; BORDER-TOP: red 5px solid; FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#cccccc,direction:145,strength:15); BORDER-LEFT: red 5px solid; BORDER-BOTTOM: red 5px solid; HEIGHT: 15pt"
height=300 cellSpacing=3 cellPadding=15 width=200 align=center>
<TBODY>
<TR>
<TD>작품 소스 입력
</TD></TR></TBODY></TABLE>
*위 소스를 복사하여 HTML에 부쳐 넣기 한후 "작품 소스입력"란 에 작품 소스를 입력하고
width 치수와 height 치수를 swf 치수에 마추어 입력 하세요 아래와 같은 액자가 됩니다
|
■ 표 만들기 기본 태그
소스를 복사 - HTML문서에 붙여서 사용
|
<TABLE
cellSpacing=20
style="BACKGROUND-COLOR: #f5fffa;
BORDER-BOTTOM: #00ffff 10pxridge;
BORDER-LEFT: #00ffff 10px ridge;
BORDER-RIGHT: #00ffff 10px ridge;
BORDER-TOP: #00ffff 10px ridge">
<TBODY> <TR><TD>
<TABLE border=3
height=200 width=300
bordercolordark="black">
<TBODY><TR>
<TD>글.그림
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
|
바깥과 안 테두리간의 여백
표 배경색
바깥테두리의 색상과 너비 (하)
" (좌)
" (우)
" (상)
안쪽 테두리의 너비
크기
문장 또는 이미지
|
■ 표 만들기 예문
예문 1-1
<TABLE cellSpacing=10
style="BACKGROUND-COLOR: #fffff0;
BORDER-BOTTOM: #ff3366 10px ridge;
BORDER-LEFT: #ff3366 10px ridge;
BORDER-RIGHT: #ff3366 10px ridge;
BORDER-TOP: #ff3366 10px ridge">
<TBODY> <TR> <TD>
<TABLE border=3 height=200 width=300 bordercolordark="green">
<TBODY> <TR>
<TD>글.그림</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
|
예문 1-2
|
<TABLE cellSpacing=10
style="BACKGROUND-COLOR: #f5fffa;
BORDER-BOTTOM: #00ffff 10px ridge;
BORDER-LEFT: #00ffff 10px ridge;
BORDER-RIGHT: #00ffff 10px ridge;
BORDER-TOP: #00ffff 10px ridge">
<TBODY> <TR> <TD>
<TABLE border=3 height=200 width=300 bordercolordark="green">
<TBODY> <TR
<TD>글 . 그림</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE> |
예문 2
<TABLE cellSpacing=0
style="BACKGROUND-COLOR: #e5e5e5;
BORDER-BOTTOM: #ffffff 10px ridge;
BORDER-LEFT: #ffffff 10px ridge;
BORDER-RIGHT: #ffffff 10px ridge;
BORDER-TOP: #ffffff 10px ridge">
<TBODY> <TR> <TD>
<TABLE border=8 height=200 width=300>
<TBODY> <TR>
<TD>글 그림</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
|
예문 3
|
<center>
<table border=3 bgcolor=#FFD6ED bordercolorlight=#F4E0EB
bordercolordark=#E7B9D3><tr><td>
<table border=3 bgcolor=#FFD6ED bordercolorlight=#F4E0EB
bordercolordark=#E7B9D3><tr><td>
<table border=30 bgcolor=#FFF5FA bordercolor=#FFF5FA><tr><td>
<TABLE border="1" cellspacing="0" cellpadding="0" align="center"
cellpadding="0" height="100" width=300 >
<TR><TD> 글 / 그림 </td></tr></table></td></tr></table>
</table></table>
</center> |
예문 4
|
<center>
<table bgcolor=blue width=300 height=200 border=10
BORDERCOLOR=#c71585 CELLPADDING=0
CELLSPACING=0><tr><td>
<table bgcolor=#c71585 width=300 height=200 border=1
BORDERCOLOR=#99ccff CELLPADDING=10
CELLSPACING=1 style="border-right-width:1; border-left-width:1;">
<tr><td>
<table bgcolor=000000 width="300" height=200 border=1 BORDERCOLOR=blue CELLPADDING=0
CELLSPACING=0 style="border-right-width:1; border-left-width:1;">
<tr><td> 글 / 그림</p></td> </tr></table> </td></tr></table>
</td></tr></table>
</center> |
예문 5
|
<center>
<table border=2 cellpadding=0 cellspacing=0 bordercolor="#D3BC93"
bordercolordark="#CDB083" bordercolorlight="#DFCBAB">
<tr><td>
<table border="0" cellpadding="0" cellspacing="20"
background="http://msh38.ivyro.net/table1.jpg" bordercolor="#D3BC93"
bordercolordark="#CDB083" bordercolorlight="#DFCBAB" bgcolor="#000000"
width="163">
<tr><td width="123">
<table border=3 cellpadding=0 cellspacing=0 bordercolor="#D3BC93"
bordercolordark="#CDB083" bordercolorlight="#DFCBAB" width="243">
<tr><td width="235">
<center><b><font color="white"><br><br>글 / 그림 </font></b></center>
<p align="center"><b><font color="white"> </font></b></p>
</tr></table></tr></table></table>
</center>
|
예문 5-1
|
<table border="2" cellpadding="0" cellspacing="15" width="300" height="200"
bordercolor="663333" background="http://msh38.ivyro.net/table2.jpg"
align="center"><tr><td><img src=http://msh38.ivyro.net/f-8.jpg width=300
height=200></td ></tr></table> |
예문 6
|
// 노래감상실/윤선녀님 |
오늘의 일기: 춘곤증 극복 비법
출처 : @사랑해오빠 사랑해 플래닛 사랑과영혼 홈피 입니다@
메모 :
