<TABLE>...</TABLE>
◀ ■ ▶
표를 만들 때 사용하는 element로 시작과 끝내는 태그로 이루어진다.
속성
| align
|
| width
|
| bgcolor
|
| frame, rules, border
|
| cellspacing, cellpadding
|
| id, class
|
| title
|
| style
|
| onclick, ondlclick, onmouseup, onmousedown, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
|
width = 숫자
width는 표의 가로 폭을 정하는 것으로, 숫자를 쓰면 픽셀값이 되고, %를 붙이면 상위 block-level element의 폭을 기준으로 한 값이 된다.
frame = void | above | below | hsides | vsides | lhs | rhs | box | border
frame은 표의 어느 선을 나타낼 것인지를 정한다.
void: 가장자리 없는 표. 기본값이다.
above: 각 행의 윗변만 나타난다.
below: 각 행의 아랫변만 나타난다.
hsides: 가로선만 나타난다.
vsides: 세로선만 나타난다.
lhs: 중간 왼쪽변만 나타난다.
rhs: 중간 오른쪽변만 나타난다.
box: 네 변 모두 나타난다.
border: 네 변 모두 나타난다.
rules = none | groups | rows | cols | all
rules는 frame과 비슷하지만 표의 가장자리선까지 나타난다는 점이 다르다.
none: 선이 없다. 기본값이다.
groups: THEAD, TFOOT, TBODY, COLGROUP. COL 사이에만 선이 나타난다.
rows: 행 사이에 선이 나타난다.
cols: 열 사이에 선이 나타난다.
all: 모든 선이 나타난다.
border (= 숫자)
값으로 숫자를 쓰면 표의 가장자리 선 굵기의 픽셀값이 되고, 값없이 border 속성만 쓰면 굵기 1픽셀의 표가 만들어진다.
cellspacing = 숫자
셀과 셀 사이의 경계선 굵기를 픽셀값으로 써 준다. Border 값은 표의 가장자리 선 굵기에만 영향을 미치므로, 모든 선의 굵기를 동일하게 만들기 위해서는 border 값만큼 cellspacing 값을 주면 된다.
cellpadding = 숫자
셀의 가장자리와 셀 안에 들어있는 데이터 사이의 여백이다. 역시 픽셀값을 쓴다.
다음에 나오는 TR과 TD element를 익히고 나서 TABLE의 속성들을 모두 시험해보기로 하자.
◀ ■ ▶