Table의 활용

▣ Table의 활용 

 

⊙ 기본 table

 

<table border=5 bordercolor=brown cellspacing=10 cellpadding=5 width=600 height=400 bgcolor=aqua><tr><td>
<img src=http://kth5775.com.ne.kr/a0823/16.jpg WIDTH=600 HEIGHT=400>
</td></tr></table>

 

⊙ 이중 table

 

<CENTER>
<TABLE borderColor=#9c0000 cellSpacing=10 cellPadding=10 width=500 border=5 bgcolor=white>
<TR><TD>
<img style src="http://kth5775.com.ne.kr/a0823/16.jpg" width=500 height=350>
<TR><TD background=http://eun9696.new21.net/hyugesil/simsim/wall_paper/05/90.gif>
<PRE>
<FONT face=궁서 color=red size=4>
<UL><UL>
<b> 그리운, 너무 그리운 그대입니다 </b> 
 내 그리움의 끝에는
늘 그대가 있습니다.

이른 아침 눈을 뜨면
제일 먼저 생각나는 그대입니다.
가까이 있어 행복한 날보다
멀리 있어 그리운 날이 더 많아
가슴 한편을
늘 아픔으로 물들게 하는 그대입니다.

</FONT></UL></PRE></TD></TR></TABLE></CENTER>

 

⊙ 테이불 용어

 

     table border=10             테이불 두께

    border color=red           테두리 색깔

    cellspacing=5                셀과 셀사이의 간격

    cellpadding=10              셀과 그림사이의 여백

    <TR>  <TD>                  셀의 가로와세로     

    width = 600                   넓이의 픽셀값

    height = 400                 높이의 픽셀값

    bgcolor = aqua                 바탕 색갈

    background = 주소삽입(url)    주소가 있는 바탕색 

//