HTML Table 태그 속성

▣원어 : TABLE / 시작태그:필요 함 / 종료태그:필요 함
본문 내에 표를 만드는 태그입니다.
가장 많이 쓰이는 태그 이며, 홈페이지 내에서 많은 응용력을 필요로 합니다. 이 태그만 잘 사용해도 홈페이지 분위기가 확~~아주 중요한 태그입니다.

▣속성
• align="값" (값 = left / center / right)
-----표의 정렬 상태를 설정 합니다. 3.0, 3.0 이상
• backgroungd="이미지 파일 경로"
-----배경이 될 이미지 파일의 경로를 지정해 줍니다. 3.0, 4.0 이상
• bgcolor="값" (값 = 색이름 / SRGB)
-----배경 색상을 지정해 줍니다. 3.0, 3.0 이상
• bordercolor="값" (값 = 색이름 / SRGB)
-----표의 외곽선의 색상을 지정해 줍니다. 3.0, 3.0 이상
• border="픽셀"
-----표의 외곽선의 두께를 설정하며, 값이 "0"이면 외곽선이 보이지 않습니다.
• bordercolordark="값" (값 = 색이름 / SRGB)
-----표의 외곽선을 3차원으로 만들때 사용되는 어두운 색을 지정 3.0 이상
• bordercolorlight="값" (값 = 색이름 / SRGB)
-----표의 외곽선을 3차원으로 만들 때 사용되는 밝은 색을 지정 3.0 이상
• cellpadding="픽셀"
-----셀 경계와 셀 안의 내용과의 간격을 지정 3.0, 3.0 이상
• cellspacing="픽셀"
-----셀과 셀 사이의 간격을 지정 3.0, 3.0 이상
• cols="숫자"
-----표에 들어갈 열의 개수를 지정 4.0, 4.0 이상
• class="클래스 이름"
-----스타일 시트의 서식을 적용 4.0, 4.0 이상
• frame="값" (값 = above / below / border / hsides / Lhs / rhs / vside / void)
-----표 외곽선의 형태를 지정 border="1" 이상일 때 사용할 수 있습니다. 3.0 이상

above	바깥쪽 경계선 중 윗쪽만 나타남
below	바깥쪽 경계선 중 아래쪽만 나타남
border	기본적인 외곽선
hsides	바깥쪽 경계선 중 위아래만 나타남
Lhs	바깥쪽 경계선 중 왼쪽만 나타남
rhs	바깥쪽 경계선 중 오른쪽만 나타남
vside	바깥쪽 경계선 중 좌우만 나타남
void	외곽선이 나타 나지 않습니다.

• height="픽셀"
-----표의 높이를 설정
• hspace="픽셀"
-----표 위아래로 표 외곽 내용들과의 간격을 설정합니다. 3.0 이상
• id="id 이름"
-----class와 동일한 기능. 다만 홈페이지 내에서 한번만 명시 할 수 있습니다. 4.0, 4.0 이상
• rules="값" (값 = cols / rows / none / all / group)
-----표에서 셀 사이에 경계선을 설정합니다. 3.0 이상

cols	열 사이의 경계선만 그린다.
rows	행들 사이의 경계선만 그린다.
none	표 외곽선을 제외한 내부 셀 경계를 모두 지운다.
all	표 외곽선을 포함한 내부 셀 경계를 모두 그린다.
group	<TBODY>, <TFOOT>등 그룹들 안의 경계선을설정

• style="스타일 시트 입력"
-----적용될 스타일 시트를 지정 4.0, 4.0 이상
• title="제목"
-----해당 문자에 부여할 텍스트를 입력. 브라우저에서는 풍선 도움말로 표시 4.0, 4.0 이상
• width="픽셀/(%)"
-----표의 너비를 설정 하며, 브라우저를 대비한 비율을 퍼센트로 사용 하기도 합니다.

 

 

결과:

FRAME 속성을 사용하지 않을 때

a	b	c
x	y	z

FRAME=VOID

a	b	c
x	y	z

FRAME=BORDER

a	b	c
x	y	z

FRAME=ABOVE

a	b	c
x	y	z

FRAME=BELOW

a	b	c
x	y	z

FRAME=HSIDES

a	b	c
x	y	z

FRAME=LHS

a	b	c
x	y	z

FRAME=RHS

a	b	c
x	y	z

FRAME=VSIDES

a	b	c
x	y	z

FRAME=BOX

a	b	c
x	y	z