<TABLE>문구 로 원 각 표를 실현 하면 원 각 그림 을 만 드 는 고통 을 줄 일 수 있 습 니 다!

문장:

당신 이 쓸 텍스트,그림,또는 표 코드 가 길 어 보이 지만 사실은 원리 가 간단 합 니 다.어제 제 가 원 코드 를 간소화 해서 끼 워 넣 은 표를 네 개 에서 두 개 로 줄 였 으 니 더 잘 이해 하 시 겠 습 니까?한 가 지 를 지적 해 야 합 니 다."cellPadding=3"은 표 안의 문자 가 표 테두리 에 너무 가 까 워 서 특별히 추가 하 는 것 을 피 하 는 것 입 니 다! 이 원 각 표를 만 드 는 주요 목적 은 두 가지 가 있 습 니 다.하 나 는 배경 색 이 있 는 로그 템 플 릿 으로 사용 할 수 있 고 인 스 턴 스 는 튜 토리 얼(1)을 참고 할 수 있 습 니 다.둘째,자신의 로그 제목 파일 이나 서명 파일 을 만 들 수 있어 서 쓸모 가 많다.문 구 를 이용 하여 원 각 표를 만 드 는 것 은 인터넷 에서 흔히 볼 수 있 는 방법 에 비해 원 각 그림 을 만 들 고 사용 하 는 번 거 로 움 을 줄 일 수 있 을 뿐만 아니 라 이 원 각 표 는'자가 적응 성'을 가지 고 있 습 니 다.문 구 는 상대 적 인 너비(width=100%)를 사용 하기 때문에 이 표 는 게시 로그 표시 줄 의 너비 변화 에 따라 스스로 조절 합 니 다.이것 은 일반 그림 에서 만 든 원 각 표 보다 더욱 유연성 이 있다!
(1)표 기본 구문 형식

...

―― 표 명령 어
... ―― 표 줄
... ―― 표 란
... ―― 표 주체 부분
... ―― 표 제목
... ―― 표 표시 줄 제목(굵 은 글자)
이 다섯 개의 표 의 기본 문장 은 하나의 표를 구성 하 는 골격 이다.그 중에서,,

수지 표
회사	수입	지출
는 가장 중요 한 표기 이다.이 세 문장 을 습득 하면 이미 완전한 표를 그 릴 수 있다.아래 의 이 간단 한 예 를 보 세 요. 문장:
A	￥100000	￥60000

효과:
수지 표
회사 명
수입.
지출 하 다.
A
￥100000
￥60000

(2)표 관련 속성
1.구문 상용 속성
시범 문구:

구체 적 인 설명:

width="50%",표 너비,절대 값 수락(예: 300)및 상대 값(예: 80%）。

rules="ALL",표 안의 격자,선택 가능 한 값 은: all，none，cols，rows，groups。

border="1",표 테두리 너비,이 속성 을 제거 하면 테두리 없 는 표를 생 성 합 니 다.

cellspacing='2',표 안의 격자 선 너비,수치 가 클 수록 격자 선 이 굵 습 니 다.

cellpadding='2',문자 와 격 선의 간격 은 수치 가 클 수록 간격 이 커진다.

align="CENTER",표 의 배치 위치(수평),선택 가능 한 값 은: left, right, center。

valign="TOP",표 안의 그림 과 글 의 배치 위치(수직),선택 가능 한 값 은: top, middle, bottom。

background="background.gif",표 안의 배경 그림 과 bgcolor 함께 쓰다.

bgcolor="\#0000FF",표 배경 색,사용 하지 마 십시오. background 함께 쓰다.

bordercolor="\#FF00FF",표 테두리 색상.

hspace="10",표 테두리 와 둘러싸 인 문자 사이 의 수평 거리,수치 가 클 수록 간격 이 큽 니 다.

vspace="10",표 테두리 와 둘러싸 인 문자 사이 의 수직 거리,수치 가 클 수록 간격 이 큽 니 다.

다른 표 속성 은 자주 사용 되 지 않 거나 브 라 우 저 형식 에 대한 요구 가 있 기 때문에 열거 되 지 않 았 습 니 다.

2.구문 상용 속성
시범 문구:

구체 적 인 설명:

align="Right",표 줄 에 있 는 텍스트 의 배치 위치(수평),선택 가능 한 값 은: left, right, center。

valign="MIDDLE",표 줄 안의 그림 과 글 의 배치 위치(수직),선택 가능 한 값 은: top, middle, bottom。

background="background.gif",표 줄 내 배경 그림 bgcolor 함께 쓰다.

bgcolor="\#0000FF",표 줄 내 배경 색,사용 하지 마 십시오. background 함께 쓰다.

bordercolor="\#FF00FF",표 줄 내 테두리 색상.

구문 상용 속성
시범 문구:

구체 적 인 설명:

width="50%",셀 너비,절대 값 수락(예: 300)및 상대 값(예: 50%）。

height='300',단원 격 높이,절대 치 수용(예: 300)및 상대 값(예: 50%）。

colspan="2",셀 을 오른쪽으로 합 친 칸 수 는 합병 시작 셀 에 만 적 으 면 됩 니 다.

rowspan="3",셀 아래로 병합 표시 줄 수 는 병합 시작 셀 에 만 적 으 면 됩 니 다.

align="LEFT",셀 내 텍스트 의 배치 위치(수평),선택 가능 한 값 은: left, right, center。

valign="BOTTOM",셀 내 그림 의 배치 위치(수직),선택 가능 한 값 은: top, middle, bottom。

background="background.gif",셀 내 배경 그림 bgcolor 함께 쓰다.

bgcolor="\#0000FF",셀 내 배경 색,사용 하지 마 십시오. background 함께 쓰다.

bordercolor="\#FF00FF",셀 내 테두리 색상.

다른 셀 속성 은 자주 사용 되 지 않 거나 브 라 우 저 유형 에 대한 요구 가 있 기 때문에 열거 되 지 않 았 습 니 다.

(3)표 의 간단 한 예
1.의 것 을 제거 합 니 다. Border 매개 변 수 는 테두리 없 는 표를 얻 을 수 있 습 니 다.
문장:

수지 표
회사	수입	지출
A	￥100000	￥60000

효과:
수지 표
회사 명
수입.
지출 하 다.
A
￥100000
￥60000

2.통과 Border,BorderColor,표 테두리 의 크기 와 색상 을 변경 합 니 다.
문장:

회사

수입

지출

￥100000

￥60000

효과:
회사 명
수입.
지출 하 다.
A
￥100000
￥60000


3.통과 Cellspacing 셀 간 거리 도 조절 할 수 있다.
문장:
회사 수입 지출  A ￥100000 ￥60000
효과:
회사 명
수입.
지출 하 다.
A
￥100000
￥60000
4、ColSpan ...과 RowSpan 사용
문장:
회사 수지 이윤 창 출 !  A ￥100000 ￥60000
효과:
회사 명
수지
이익 !
A
￥100000
￥60000

여기에 표 에 대한 기본 적 인 소 개 는 주로 다음 튜 토리 얼 을 깔 기 위 한 것 이다.다음 튜 토리 얼 에 서 는 표 가 있 습 니 다. MSN Space 안의 구체 적 인 응용 사례,예 를 들 어 문 회전 도 구조,다 중 표시 줄 문자,문자 에 배경 을 추가 하 는 등 이다.

<TABLE>문구 로 원 각 표를 실현 하면 원 각 그림 을 만 드 는 고통 을 줄 일 수 있 습 니 다!

좋은 웹페이지 즐겨찾기