기본

• border : table 경계선 굵기를 지정 ex) border="10"

• width : 너비를 지정 ex) width:="100%","100px"(%,px)

• height : 높이를 지정

• 표

< body > tag 안에< table > tag가 들어감

• tr : table row : 가로줄 만드는 역할
• td : table data : 세로줄 (셀) 만드는 역할 ---> th 로 변경 : 글씨가 두껍게 표의제목으로 변경됨
• < table > 안에 < tr > 있고 안에 < td >

• < table border="" width="" summary="" > --->summary(표에대한자세한설명) 원래 위치이지만 밑에다 써도됨 (필수요소아님)

• < caption > 표의제목 -->★필수요소 (table 태그 안에 caption 이 꼭 있어야함)

• < colgroup > ---> 셀에 대한 width 값이나 디자인적 요소를 사용할때 이용(rowgroup 없음 => scpoe에 나오는 colgroup과 다름)

• < col width="설정" />

• 웹표준의 접근성 순서

1. < thead > : 테이블안의 제목

2. < tfoot > : 표의합계- 표를 만들고 브라우져를 확인하면 맨밑으로 가있는것을 볼수있음.(필수요소아니라 뺄수 있으며 thead도 가능)

3. < tbody > : 테이블안의 내용

ex)

 < body > 

 < table border="1" width="100%" summary="세부설명" >  

     < caption >표의제목< /caption >  
     < colgroup >  
       < col width="100"/ >  
       < col /  >  
       < col width="100"/ >  
       < col / >  
   < /colgroup >  
    < tbody > 
       < tr >  
         < td >text< /td >
       < /tr >
< /tbody >  
< /table >
< /body >

colspan

: ( th,td태그에 사용가능 )

• column span 약자로 셀(가로줄) 병합하는 역할 ( colspan="갯수" )

ex) < th colspan="2" > text < /th > 또는 < td colspan="2" > text < /td >

rowspan

• rowspan 으로 셀 (세로줄) 병합하는 역할 ( rowspan="갯수" )

ex) < th rowspan="2" > text 또는 < td rowspan="2 "> text < /td >

: 읽는방향 ( th 태그안에서만 사용가능 )

col scope : 세로로 읽는 방향 (그룹으로 묶인것을 세로로 읽을 땐 scope="colgroup"으로 입력)

ex) < th colspan="4" scope="colgroup" id="f2" >text

row scope : 가로로 읽는 방향 (그룹으로 묶인것을 가로로 읽을 땐 scope="rowgroup" 으로 입력)

ex) < th colspan="4" scope="rowgroup" id="f1" >text< /th >

headers="id" : 사용자가 읽히고 싶은 순서대로 읽는 역할

ex) < td headers="f1 f24 c44 g11" >text< /td >

ex) < body >

< table border="1" width="100%" summary="세부설명" >

< caption >표의제목 </caption >  

  < colgroup >  
      < col width="100"/ >  
      < col / > 
      < col width="100"/ >  
      < col / >  
   < /colgroup >  
         < thead >  
           < tr >  
              < th >text< /th >   
              < th colspan="" scope="colgroup" id="" >text< /th >  
           < /tr >  
         < /thead >  
         < tbody >
           < tr >  
             < td >text< /td >  
             < td headers="표들의 고유 이름들 ">text</td>  
             < td >text< /td >  
          < /tr >  
       < /tbody >    
< /table >  
< /body >