액자

     ■ 표 만들기 기본 태그
                                  소스를 복사 -  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                      

<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> 

                                                     

 

  ■ 예시-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>                      

 

 

 ■ 예시-3

<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>
 

             


             
 ■ 예시-4                       

        <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> 

 

 

  ■ 예시-5                         

<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>

 

 

■ 예시-6                             

<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">
글 / 그림  </tr></table></tr></table></table>

 

 

 

■ 예시-7                               

 <table border="2" cellpadding="0" cellspacing="15" width="300" height="200" bordercolor="663333" background="http://msh38.ivyro.net/table2.jpg" align="center"><tr><td>
글 그림</td ></tr></table>

 

 

 

■ 예시-8                                 

    <TABLE bgColor=#d2d2ff border=10 borderColorDark=#6a5acd     borderColorLight=#a390ee cellSpacing=20><TBODY><TR>
    <TD> 글 / 그림 </TD></TR></TBODY></TABLE>

 

 

            

 

 ■ 예시-9                          

    <TABLE bgColor=#fcccff border=5 cellPadding=5 cellSpacing=5 height=190   width=250><TBODY><TR>
    <TD bgColor=#ffffff> 글/ 그림  </TD></TR></TBODY></TABLE>

 

 

 

 ■ 예시-10  

 <table style="background-color:fafade;border-width:12px;border-color::606467;border-style:ridge;" CELLSPACING=20><tr><td><table border=1><tr>
 <td>그림/글</td></tr></table></td></tr></table>

 

 

 

 ■ 예시-11  

                

<TABLE
style="BORDER-LEFT-COLOR: mediumorchid; BORDER-BOTTOM-COLOR: mediumorchid; BORDER-TOP-STYLE: double; BORDER-TOP-COLOR: mediumorchid; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-RIGHT-COLOR: mediumorchid; BORDER-BOTTOM-STYLE: double" borderColor=mediumorchid borderColorDark=mediumorchid width=222 align=center borderColorLight=mediumorchid border=12>
<TBODY>
<TR>
<TD vAlign=center borderColor=mediumorchid align=middle width=212>
<CENTER><P>글 그림</p>
</TD></TR></TBODY></TABLE>    

 

 

         
 ■ 예시-12                                     

 

  <TABLE style="BORDER-RIGHT: #66ff99  15px  ridge;BORDER-TOP: #66ff99 15px ridge;BORDER-LEFT: #66ff99 15px ridge;BORDER-BOTTOM: #66ff99 15px   ridge;BACKGROUND-COLOR: #fafade"><TBODY><TR><TD>
  그림/ 글자</TD></TR></TBODY></TABLE>                    

 

 

 

 ■ 예시-13  

<table style="border-width:4px;border-color:#cc0000;border-style:dotted" cellspacing="0"><tr><td>
<table style="border-width:2px;border-color:#CC0000;border-style:dotted" cellspacing="0"><tr><td>
<table style="border-width:4px;border-color:#cc0000;border-style:dotted" cellspacing="10"><tr><td>
글/ 그림
</td></tr></table></td></tr></table></td></tr></table>

 

 

         ■ 예시-14

<table style="border-width:6px; border-color:rgb(153,0,0); border-style:double;" border="1" width="384">
 <tr>
 <td width="374"><p><span style="font-size:11pt;">
 <embed src="http://msh38.ivyro.net/sw22/swish-m201.swf" width="475" height="313"></span></p>
 </td>
 </tr>
 </table>