4-1. HTML - 표(table) 관련 태그

• Table 관련 태그
  • 웹 문서에서 자료 정리를 위해 주로 사용하는 태그
  • 행과 열로 이루어져 있으며, 행과 열이 교차하는 지점을 셀(cell)이라고 함.
  • 테이블을 나타내는 행과 열이 작성될 수 있는 영역을 지정

 

• <tr></tr> 태그 : Table Row의 약자로 한 행을 나타내는 태그

 

• <td></td> 태그 : Table Dada의 약자로 한 행의 한 컬럼(셀)을 타나내는 태그

 

• <th></th> 태그 : Table Header의 약자로 컬럼명을 표시하는 용도의 태그
•                          : 기본 성질은 td태그와 같으나 추가적으로 굵은 글씨, 가운데 정렬이 이루어짐

caption 태그 : 테이블의 제목이나 설명 내용을 추가하는 태그
                     : <table>   <caption>  제목이나 내용 작성 </caption>   </table>

border 속성 : table 태그와 내부에 작성되는 td, th 태그에 테두리 추가

 

테이블 태그로 작성한 코드 화면	웹에 출력된 화면  - caption에 작성된 내용이 표의 제목처럼 출력됨  - th태그로 작성된 글들은 굵은 글씨와 함께 가운데 정렬됨.

 

* 테이블 태그를 하나씩 작성하지 않고 한번에 작성하는 방법!!!
   - ex) 4행 3열의 테이블을 만들고 싶다면 주석의 내용처럼
           tr*4>td*3 작성해주면 한번에 생성이 됨