Internet Media LCC

1. <table> 태그의 속성

 1) 배경색  

      table 전체에 걸쳐 배경색을 지정할 수가 있다.

      ex)  <table width=500 bgcolor=#003366>

 2) 가로세로 길이

   1. width : 표 전체의 가로길이를 픽셀값으로 지정할 수 있다.

   2. height : 표 전체의 세로길이를 픽셀값으로 지정한다.

  ex)  <table width=500 height=800 align=center>

 3) 정렬

    align : left, right, center를 지정할 수 있다.

      ex)  <table width=500 align=center>

 4) 테두리 색상 : bordercolor 로 테두리의 색상을 지정할 수 있다.

   ex) <table width=500 align=center border=1 bordercolor=#000000>

 6) 셀간격

   1. cellspacing : 셀과 셀 사이의 간격을 지정한다.(기본 값 : 1)

   2. cellspacing=0, border=0 으로 지정하면 칸과 칸 사이에 간격이 안 생긴다. 

 7) 셀안쪽 여백

    cellpadding : <td></td> 사이에 들어가는 글과 셀과의 간격

2. <tr> 태그와 <td>태그의 공통속성

 1) bgcolor : 배경색을 지정할 수 있다.

 2) 가로세로 정렬 

   1. align : left / right / center을 지정할 수 있다.

   2. valign : up / bottom / middle을 지정할 수 있다.

* 참고사항
작은 단위에 주는 효과가 우선순위로 선택된다. ( <table>   <  <tr>   <   <td> )

<table width=500 bgcolor=#000000 border=1>

<tr bgcolor=#ffffff>

  <td bgcolor=#003366>

       내용

  </td>

</tr>

</table>

의 경우에서 테이블의 배경색깔은 #003366이 될 된다.