HTML기본태그 테이블태그(Table,Tr(Th,Td))

 

 <table>태그

 표 를 만들 때 사용한다. 웹페이지 전체를 구성하기도함
   
    align - 정렬
    bgcolor - 배경색
    background - 배경이미지
    border - 테두리 두께
    bordercolor - 테두리색 

    bordercolordark  - 테이블의 그림자 
    cellpadding - 셀안쪽여백(픽셀)
    cellspacing - 셀과 셀사이 여백 (픽샐)
    width - 너비(픽셀)

    height - 높이 (픽셀)
    frame - 표바깥쪽 테두리 (above,below, border, box, ihs,rhs,hsides,vsides,void)
    rules - 표안쪽 테두리 (all,cols,rows,group,none)

    hspace/vspace - 테이블과 주변 글들과의 여백 지정

     

 

<table>

  <caption>표 제목</caption>

   <tr>  <-- 행구분

    <th>열의 제목</th>
    <td>셀의 내용</td>
   </tr>

<table>
 

 <tr>태그

 표에서 행을 관리할 때 사용한다.

 align - 행의정렬
 bgcolor - 행의 배경색
 valign - 행의 세로정렬방식(top,middle,bottom)
 height - 행의 높이
 rowspan - 행의 병합(개수)

<th>와 <td> 태그

표에서 열을 관리할 때 사용한다 특히 <th>태그는 열의 제목을 표시할 때 사용한다. 기본적으로 굵게,중앙 정렬이 적용된다. <td>태그는 열을 구분지을 때 사용한다.

 

align - 셀의 정렬방식(left,right,center)을 지정한다. 기본값을 left이다.

valign - 셀에서 세로 정렬방식(top,middle,bottom)을 지정한다. 기본값을 middle이다.

background - 셀의 배경 이미지(이미지파일)를 지정한다.

bgcolor - 셀의 배경색(색상이나 색상코드)을 지정한다.

colspan - 셀의 병합(열의 개수)을 지정한다.

nowrap - 셀에서 중 바꿈이 되지 않도록 지정한다.

width - 셀의 너비(픽셀)를 지정한다.

 

<table> 태그 내에서 사용하는 태그들에는 다음과 같은 것들이 있다.

 

<caption> - 표의 제목이나 간단한 설명을 표시할 때 사용한다.

<col> - 모든 행에 대해 해당 열의 속성을 지정할 때 사용한다.

<colgroup> - 여러 열을 하나의 그룹으로 묶어서 속성을 한번에 지정하는 태그로 span속성을 사용해서 몇개의 열을 묶을지 표시하는 것이 가는 하다.

<thead> - 표 내부에서 또 다른 그룹을 지정한 경우 머리글을 지정해 준다.

<tfoot> - 표 내부에서 또 다른 그룹을 지정한 경우 바닥글을 지정해 준다. <tbody>태그보다 우선해서 적는다.

<tbody> - 표 내부에서 또 다른 그룹을 지정한 경우 본문을 지정해 준다.