진보호스팅 블로그

7. 표 만들기

표를 만들 때 사용하는 요소에는

table요소들
• 표의 시작과 끝을 지정합니다.
• 표의 한 줄을 지정하며 각 줄의 시작과 끝에 사용합니다.
• < /TD> 각 칸에 들어갈 내용을 적어줄 때 사용합니다.
• 칸을 나타내며 칸의 내용이 굵게 나타납니다.
• 표의 제목을 표시해 주는 요소입니다.

7.1.

cellspacing 속성
내부경계선의 굵기를 지정하는 속성이며 이 속성의 속성값 역시 픽셀값입니다. 기본값은 2가 됩니다. 즉, 속성값을 사용하지 않은 경우 내부경계선의 굵기는 2픽셀이 됩니다.

cellpadding 속성
이 속성을

width 속성
표의 폭 크기를 정의하는 속성으로, 속성값을 나타내기 위해서는 픽셀 값으로 나타내는 방법과 화면에 대한 비율로 나타내는 방법의 두 가지가 있습니다.

height 속성
Width 속성과 유사하게 표의 높이를 정의하는 속성으로 픽셀 값이나 화면크기에 대한 비율로 이 속성의 속성값을 정의할 수 있습니다.

7.2. 요소의 속성들
rowspan 속성
세로로 여러 개의 셀을 합칠 때 사용하는 속성이며 합쳐진 셀의 개수를 속성값으로 합니다.

1행 1열 1행 2열 2행

colspan 속성
가로로 여러 개의 셀을 합칠 때 사용하는 속성이다. 역시 셀의 수를 속성값으로 사용합니다.

align 속성
셀 내부에 입력된 내용을 좌(left), 우(right), 또는 가운데(center)로 정렬시키는데 사용합니다. 기본값은 left입니다.

valign 속성
셀 내부 내용을 상하방향에 대해 정렬하고자 할 때 필요한 속성입니다. 속성값으로 top, bottom, middle을 가지며 기본값은 middle, 즉 내용이 셀 중간에 나타나게 됩니다.

bgcolor 속성
셀 내의 색상을 임의로 바꿀 때 사용됩니다.

7.3. 요소의 속성
align 속성
표의 제목을 붙일 위치를 지정하는 속성으로 top과 bottom의 속성값을 가질 수 있습니다. top 은 표의 제목을 표의 윗부분에 표시하며 bottom은 제목의 표의 아랫부분에 표시해 줍니다.