테이블(TABLE) 태그(TAGS)_HTML/Xhtml_웹페이지 제작 상세 소개

테이블의 기본 구문

... - 테이블 정의
- 테이블 행 정의
- 테이블 정의 위안(테이블의 특정 데이터)
테두리가 있는 표:

코드 복사코드는 다음과 같습니다.

음식 음료 달콤함
< td>ABC

Food	Drink	Sweet
A	B	C

경계선 없는 표:

코드 복사코드는 다음과 같습니다.

<테이블> td>ABC

Food	Drink	Sweet
A	B	C

여러 행과 열에 걸쳐 있는 테이블 범위

여러 열에 걸쳐 있는 테이블 요소

코드 복사

코드는 다음과 같습니다. ;th>음료 달콤

A BC

여러 행에 걸쳐 있는 테이블 요소 <번째 rowspan=#>

Morning Menu
Food	Drink	Sweet
A	B	C

코드 복사

코드는 다음과 같습니다.

<표 테두리>< ;tr> 아침 메뉴 음식A

< tr>음료B

th>달콤

테이블 크기 설정

<테이블 테두리=#>

테두리 크기 설정:

코드 복사

코드는 다음과 같습니다.

음료달콤함
< ;td>A

음식

B

Food	Drink	Sweet
A	B	C

<테이블 테두리 너비=#높이=#>

테이블 크기 설정:

코드 복사

코드는 다음과 같습니다.

음식 음료달콤함

Food	Drink	Sweet
A	B	C

<표 테두리 셀 간격=#>

테이블 요소 간격 설정:

코드 복사

코드는 다음과 같습니다.

;

음식	음료	달콤함
A	B	C

Food	Drink	Sweet
A	B	C

<테이블 테두리 cellpadding=#>

테이블 요소 내부 공백 설정:

코드 복사

코드는 다음과 같습니다.

< ;td>A

음식	음료	달콤
B	C

Food	Drink	Sweet
A	B	C

표 내 텍스트 정렬/레이아웃

<번째 정렬=#> #=왼쪽, 가운데, 오른쪽

코드 복사코드는 다음과 같습니다.

음식 음료달콤함

A
B
C

Food	Drink	Sweet
A	B	C

#=상단, 중간, 하단, 기준선

코드 복사코드는 다음과 같습니다

음식 음료
달콤함
/th>기타

A
B
< ;td valign=bottom>C
D

Food	Drink	Sweet	Other
A	B	C	D

페이지 내 테이블 정렬/레이아웃(플로팅 테이블)

<테이블 정렬=왼쪽>

코드 복사코드는 다음과 같습니다.

음식	음료	달콤함
A< ;/td>	B	C

내가 가장 좋아하는 쿠키...
초콜릿 등

내가 가장 좋아하는 것...

Food	Drink	Sweet
A	B	C

쿠키, 초콜릿 등

<테이블 정렬=오른쪽>

내가 가장 좋아하는 것...
쿠키, 초콜릿 등.

#=공간 값

复主代码

代码如下:

<일>음료
< td>A

음식	달콤함
B	C

 내가 가장 좋아하는 항목...

Food	Drink	Sweet
A	B	C

내가 가장 좋아하는 것...
쿠키, 초콜릿 등.

 表格的标题

... #=왼쪽, 가운데, 오른쪽

复代码

代码如下:

< 테이블 테두리>
점심
음식음료<일>달콤함
ABC

Lunch

Food	Drink	Sweet
A	B	C

점심

음식 음료 달콤하다 아 ㄴ 씨

... #=위, 아래

valign=top이 기본값입니다.

复system代码

代码如下:

점심
음식 음료 달콤함
;/th>
ABC

Food	Drink	Sweet
A	B	C

점심