HTML ■ 테이블 태그 활용

 

 

◈ 테이블 태그 ◈

 

• table 태그

웹 페이지에서 테이블(표) 형식의 자료를 만들 때 사용

 

• table > tr 태그

한 개의 행을 만드는 태그

 

• table > th 태그

한 개의 행을 만드는 태그  제목을 표시하는 용도로 사용되며, 중앙 정렬 및 굵은 글씨로 표시됨

 

• table > tr > td 태그

한 개의 열을 만드는 태그

 

◈ 행 vs 열 vs 셀 ◈

 

• 행(row)

각각의 한 줄(가로)을 의미

 

• 열(column)

각각의 한 줄(세로)을 의미

 

• 셀(cell)

행과 열의 교차점에 위치하는 각각의 데이터를 의미

 

 

◈ 테이블 태그의 구조 ◈

 

 

 

 

◈ 테이블 태그에 CSS 적용하기 ◈

 

 

◈ 행 병합과 열 병합 ◈

 

• rowspan

테이블에서 행 병합을 사용하기 위한 속성

 

 

• colspan

테이블에서 열 병합을 사용하기 위한 속성

 

 

HTML 테이블 태그 활용에관련하여 정리를 진행했다 다음글은 양식요소 활용하기를 통해 마무리하도록하겠당 그럼 20000!!!