깨비형 2013. 2. 4. 08:05
반응형

1.표 만들기 태그의 기본형식


○ 표 만들기 태그의 기본형식


 <table>...</table>


○ <table>태그 외 기본태그들


기본 태그

설    명 

<table>...</table>

 표를 만들 때 시작과 끝을 알림

 (표 만들 때 맨처음과 끝에 들어감)

<tr>...</tr>

 한 행(가로줄)을 만들어 줌(table row)

<th>...</th>

 셀(칸)제목을 표시함(글자를 굵게 표시, 가운데 정렬)(table header cell)

<td>...</td>

 데이터가 들어갈 셀(칸)을 나타냄(세로줄을 만듬)(table data cell)



2.<table>태그의 속성들


○ <table>태그의 부가적인 속성들


속    성 

설    명 

border="수치" 

 표의 테두리 두께를 조정

 (수치가 클수록 테두리가 두꺼워짐)

 width="수치 or %"

 표의 가로너비를 지정된 수치만큼 정함

 pixel이나 %로 설정할 수 있지만 보통은 %를 주로 사용

 height="수치 or %"

 표의 세로너비를 지정된 수치만큼 정함

 cellspacing="수치"

 셀의 선과 선사이의 여백을 조정(셀 사이의 여백 조정)
 기본:2pixel

 cellpadding="수치"

 셀의 선과 글자사이의 간격을 조정(셀 안의 간격)
 기본:2pixel

 bgcolor="색상명/RGB"

 표 안의 배경색상을 지정

 background="이미지파일"

 표 안의 이미지(그림)삽입


○ 테두리 색상 변경 : <bordercolor="바꾸고 싶은 색상명/RGB코드">


○ 표의 제목 태그

- 형식 : <caption>...</caption>

- 부가속성 : 정렬

· align : left, center. right(기본값은 left)

· valign : top, middle, bottom(기본값은 middle)





반응형