◆ 컴퓨터상식/액자소스

액자사용하기

장미부인 2012. 5. 29. 23:12

그


2
글그림
3
그
4
그
5
그

<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

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

                            

                 

                 

                                                 예문 7

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

                 

                 

                 

                                                  예문 8

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

                                          

                 

                                                         예문 9
                                


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

                       

                         
                                                                     예문 10

                 

                 
                <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>
                             <p>그림/ 글자 </p>
                             </TD></TR></TBODY></TABLE>
                 

                                      

                 

                                                      예문 11

                                                        

                 

                 <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow
                (color:silver,direction:145,strength:15)"
                 cellSpacing=3 cellPadding=10 border=1>
                     <TBODY>
                     <TR>
                     <TD> 글/ 그림</TD>
                </TR></TBODY></TABLE>

                 

                 

                                               

                                                            예문 12

               

                  <TABLE  style="FILTER: progid:DXImageTransform.Microsoft.Shadow
                   (color:190335,direction:145,strength:15)"
                   cellSpacing=3 cellPadding=22 border=5>
                  <TBODY>
                  <TR>
                  <TD>  글/그림
                 <CENTER></CENTER></TD></TR></TBODY></TABLE>

                 

                 

                                                          예문 13

                 <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#CDB5CD,direction:145,strength:20)" cellSpacing=3 cellPadding=20

                     border=7 bordercolor=blue><TR><TD><TABLE background=http://msh38.ivyro.net/back-3711.jpg bgColor=#ff99ff align="center"><TR><TD>
                            글/그림
                    </TD></tr></TABLE></TD></TR></TABLE>

                                      

                     

                                              예문 14


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

                 

                 
           
          저작자표시 비영리 변경금지

          '◆ 컴퓨터상식 > 액자소스' 카테고리의 다른 글

          간단한 액자소스  (0) 2012.05.29
          액자와 소스사용하기  (0) 2012.05.29
          하얀 줄의액자  (0) 2012.05.29
          황금액자  (0) 2012.05.29
          붉은 액자  (0) 2012.05.29

          '◆ 컴퓨터상식/액자소스'의 다른글

          • 현재글액자사용하기

          관련글

          티스토리툴바