<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의 속성들을 모두 시험해보기로 하자.

'nowrap' - 줄바꿈 방지 - 태그의 사용 예)