Learn HTML & CSS. 14.Tables

Review what I learned

1. <table> 태그로 표를 만들 수 있다.


2. <tr> 태그(table row)는 표에 행을 추가해준다.


3. tr 태그로 추가한 행에 <td> 태그(table data)로 데이터를 추가할 수 있다. (열과 비슷)


4. 표에서의 헤딩(heading)은 해당 행, 열의 의미를 정해준다. <th> 태그로 추가할 수 있다.


5. td 태그에 rowspan 속성을 추가하여 여러 행에 걸쳐 데이터가 표시되게 할 수 있다.
       예. <td rowspan="3">data</td>
   


6. td 태그에 colspan 속성을 추가하여 여러 열에 걸쳐 데이터가 표시되게 할 수 있다.
       예. <td colspan="2">data</td>
   
   
7. 표를 만드는 태그들은 세 영역으로 구분할 수 있다. head, body, footer


8. head 영역은 <thead> 태그로 감싸서 구성한다.


9. body 영역은 <tbody> 태그로 감싸서 구성한다.


10. footer 영역은 <tfoot> 태그로 감싸서 구성한다.


11. 지금까지 배운 CSS 속성들 모두 표 데이터에 사용할 수 있다.

출처 : codecademy(HTML & CSS)