본문 바로가기
♣〓태그소스모음

액자모음 소스

by 실비단 2009. 11. 27.

■ 표 만들기 기본 태그
                                  소스를 복사 -  HTML문서에 붙여서 사용                       

                                                     


                                                          
            ■ 표 만들기 예문                        

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

     

                                                         

                                                  

     

                                         
                 
                                       

                                      

      

     

                                       예문 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) 2009.11.27
상단엔 이미지,하단엔 글이 흐르는 테이블  (0) 2009.11.27
흰배경에 깔끔하게 어울리는 스펜글자  (0) 2009.11.27
슬라이드 이미지  (0) 2006.07.06
아름다운 글 올리기  (0) 2005.12.13

관련글

티스토리툴바