> 웹 프론트엔드 > HTML 튜토리얼 > 테이블(TABLE) 태그(TAGS)_HTML/Xhtml_웹페이지 제작 상세 소개

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

WBOY
풀어 주다: 2016-05-16 16:40:54
원래의
1324명이 탐색했습니다.

테이블의 기본 구문

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




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

음식 음료 달콤함
< 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
음식음료달콤
BC

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>BC



내가 가장 좋아하는 쿠키...
초콜릿 등
내가 가장 좋아하는 것...
Food Drink Sweet
A B C
쿠키, 초콜릿 등



<테이블 정렬=오른쪽>

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

#=공간 값


复主代码
代码如下:


<일>음료
< td>A
음식달콤함
BC


 내가 가장 좋아하는 항목...
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
점심
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿