[html] 13 - html 공부 정리4_table

테이블을 만들어보자 <table>

 

테이블 <table></table>

• 표를 만들 때 사용하는 태그
• 과거에는 테이블을 사용하여 레이아웃을 구성 하였으나 기능 상의 한계로 인하여 최근에는 공간 분할 태그인 <div> 태그를 사용
• 먼저 행을 쓰고 행의 자식 요소로 칸을 넣어주는 것이 기본
• <table> : 표를 감싸는 태그
• <tr> : 표 내부의 행
• <th> : 표 내부의 제목 칸
• <td> : 행 내부의 일반 칸

 

<table> 속성

<table>

• border : 테두리 두께
• cellspacing : 테두리 간격 사이의 너비
• cellpadding : 셀 내부의 간격
• align : 테이블 정렬 속성
• width 와 height : 테이블의 너비와 높이
• bgcolor 와 bordercolor : 테이블 배경색과, 테두리 색

 

<td> 속성

<td></td>

• colspan : 해당 칸이 점유하는 열의 수 지정
• rowspan : 해당 칸이 점유하는 행의 수 지정