[스크랩] table의 활용

Table의 구성과 용어

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

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

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

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

    bgcolor = aqua       background = 주소삽입(url)

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

           cellpadding=5 bgcolor=aqua width=450 height=350>

           <tr><td>

           <img src=http://kth5775.com.ne.kr/090618/03.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=https://t1.daumcdn.net/cfile/cafe/167069284C63B4360F WIDTH=450 HEIGHT=350> </td></tr></table>

(2)아래로 이중 테이불

♣태그 소스 ♣
<table border=10 bordercolor=brown bgcolor=orange><tr><td> <img src=https://t1.daumcdn.net/cfile/cafe/167069284C63B4360F WIDTH=450 HEIGHT=350> <tr><td> <img src=https://t1.daumcdn.net/cfile/cafe/167069284C63B4360F WIDTH=450 HEIGHT=350> </td></tr></table><br><br>

(3) 옆으로 이중 테이불

♣태그 소스 ♣
<table border=10 bordercolor=brown bgcolor=orange><tr><td> <img src=https://t1.daumcdn.net/cfile/cafe/167069284C63B4360F WIDTH=450 HEIGHT=350> <td> <img src=https://t1.daumcdn.net/cfile/cafe/167069284C63B4360F WIDTH=450 HEIGHT=350> </td></tr></table><br><br>

 

(4) 보더없는 테이불

 

☆ 그림자 있는 테이불

 

6."테이불 모음"을 잘 활용하자

   

*테이불모음*

출처 : 늘 처음처럼 ...

글쓴이 : 진시 원글보기

메모 :