사용자:Dcljr/테이블

User:Dcljr/Tables

나는 위키피디아에서 테이블의 사용법을 완전히 새롭게 만들고 싶다.

이 페이지를 편집하지 마십시오. 토크 페이지에 댓글이 달릴 거야. 고마워요.

참조:

테이블의 파이프 구문

아래의 문자 시퀀스는 표의 레이아웃을 제어한다.

테이블 마크업(파이프 구문)
{ 왼쪽 가새, 세로 막대 식사를 시작하다
+ 세로 막대, 더하기 기호 표 자막을 시작하다.
세로 막대 감방을 시작하다
세로 막대 2개 같은 선으로 세포를 분리하다
! 느낌표 헤더 셀을 시작하다
!! 느낌표 2개 헤더 셀을 같은 줄에 분리하다
- 세로 막대, 하이픈 테이블의 행을 따로따로 나누다
} 세로 막대, 오른쪽 가새 끝 테이블

"!! " (그리고 아래에서 논의된 "의 특별한 용도를 제외하고) 위의 각 항목은 행의 시작 부분에 나타나야 한다.

간단한 예

기본 스타일의 표

A의 헤더를 하다 머리글 B 머리글 C
항목 1A 항목 1B 항목 1C
항목 2A 항목 2B 항목 2C
항목 3A 항목 3B 항목 3C
{ ! 헤더 A !! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 3A 항목 3C } 

기본 스타일의 캡션, 테두리 및 그리드 선이 있는 표

예제 테이블
A의 헤더를 하다 머리글 B 머리글 C
항목 1A 항목 1B 항목 1C
항목 2A 항목 2B 항목 2C
항목 3A 항목 3B 항목 3C
{border="1" + '''예제 테이블'''! 헤더 A !! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 3A 항목 3C 항목 } 

캡션은 기본적으로 일반 글꼴로 렌더링되며, 굵게 또는 기울임꼴로 하려면 Wiki 마크업을 사용해야 한다. 앞의 두 예제의 경우 브라우저마다 "기본 스타일"이 다를 수 있다는 점에 유의하십시오.

테두리 및 그리드 선 제어

A의 헤더를 하다 머리글 B 머리글 C
항목 1A 항목 1B 항목 1C
항목 2A 항목 2B 항목 2C
항목 3A 항목 3B 항목 3C
{border="4" cellpadding="2" cellspacing="8"! 헤더 A!! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 2A 항목 3B 항목 3C } 
A의 헤더를 하다 머리글 B 머리글 C
항목 1A 항목 1B 항목 1C
항목 2A 항목 2B 항목 2C
항목 3A 항목 3B 항목 3C
{border="4" cellpadding="8" cellspacing="2"! 헤더 A!! 헤더 B!! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 3A 항목 3C } 

심플한 격자 스타일

A의 헤더를 하다 머리글 B 머리글 C
항목 1A 항목 1B 항목 1C
항목 2A 항목 2B 항목 2C
항목 3A 항목 3B 항목 3C
{border="1" cellpadding="4" cellspacing="0"! 헤더 A!! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 2A 항목 3B 항목 3C } 

큰 테이블

대부분의 테이블에서 각 행에 대해 하나의 행을 사용하는 것은 비실용적이다. 대신 다음 예와 같이 셀당 한 줄을 사용할 수 있다.

표 머리글 셀 1 표 머리글 셀 2 표 머리글 셀 3 표 머리글 셀 4
1열의 첫 번째 항목 1열의 두 번째 항목 1열 세 번째 항목 1열 네 번째 항목
2열 첫 번째 항목 2열 두 번째 항목 2열 세 번째 항목 2열 네 번째 항목
3열의 첫 번째 항목 3열 두 번째 항목 3열 세 번째 항목 3열 네 번째 항목
{border="1" cellpadding="4" cellspacing="0"! 테이블 헤더 셀 1! 테이블 헤더 셀 2! 테이블 헤더 셀 3! 테이블 헤더 셀 4 - 테이블 헤더 셀 1번째 항목 1번째 항목 3번째 항목 1번째 항목 3번째 항목 - 2번째 행 2번째 항목 3번째 항목 첫 번째 항목 - 2번째 행 2번째 항목 - 첫 번째 항목 2번째 항목 - 첫 번째 항목 3행 두 번째 항목 3행 세 번째 항목 3행 네 번째 항목 3행 } 

테이블의 줄 바꿈 및 줄 바꿈

사실, 테이블의 어떤 행이나 셀은 어떤 선에든 펼쳐질 수 있다. 단, 테이블 셀 내에서 새로운 을 사용할 때는 주의를 기울여야 한다.

멀티라인
헤더 셀
이 텍스트는 모두 한 줄에 있다.

이 텍스트는 한 줄의 뉴라인을 따른다.

이 텍스트는 두 개의 새로운 선(즉, 빈 선)을 따른다. 이 텍스트는 다시 한 줄의 뉴라인을 따른다.

이것은 빈 줄로 끝나는 2열이다.

3열은 두 개의 새로운 선으로 시작한다.

4행은 a를 포함한다.
강제 회선 끊기
{border="1"! 다중 회선헤더 셀 - 이 텍스트는 모두 한 줄에 있다. 이 텍스트는 한 줄의 뉴라인을 따른다.  이 텍스트는 두 개의 새로운 선(즉, 빈 선)을 따른다. 이 텍스트는 다시 한 줄의 뉴라인을 따른다. - 이것은 빈 줄로 끝나는 2행이다. - 3행은 두 줄의 뉴라인으로 시작한다. - 4행에는 강제적인 라인 브레이크가 포함되어 있다.  } 

다중 라인 셀의 첫 번째 라인과 두 번째 라인을 구분하는 뉴라인은 단일 뉴라인이 영향을 미치지 않는 일반 텍스트와 달리 유의해야 한다. 행 구분자 바로 앞이나 뒤에 빈 선(행의 두 개의 새로운 선)은 무시되지만, 셀 내용 내에서는 통상적인 효과가 있다.

선 사이에 추가 수직 공간이 없는 선 분리를 수행하려면 ""<br>를 사용하십시오.

라인포장

기본적으로 셀 내용은 필요할 때 여러 줄로 포장된다. 일부 응용 프로그램에서는 셀 텍스트에서 줄 바꿈을 방지하는 것이 바람직할 수 있다. 이를 위해 공백이 없는 ""&nbsp; 또는 ""&#160;를 사용하십시오(더 많은 브라우저가 후자 버전을 이해하지만 인간 편집자는 후자를 선호할 수 있음).

0.007 297 352 568 Rorem ipsum dolor sit amet, consectetur adipiscising elit, sed do eiusmod timped incidunt utlobal et dolorle magna aliqua. Ut enim ad minimiminimum veniam, Quis noistudition ulamco drughis nisi ut ut aliquip ea commodo 결과.
{border="1" cellpading="4" cellspacing="0" 0.007&nbsp;297&nbsp;352&nbsp;568[[Lorem ipsum]] dolor sit amet... 결과의  } 

일부 브라우저에서 너무 넓은 페이지(위 표의 위키코드 버전에서 줄임표가 사용되는 이유)를 발생시킬 수 있으므로 기법을 조금만 사용하십시오.

행 및 셀 형식 지정 매개 변수 사용

테이블 레이아웃 매개변수 ","border ""cellpaddingcellspacing" 이외에도 파이프 구문에서는 행 및 셀 수준 형식 옵션도 허용된다. 이들 중 일부는 다른 것들보다 브라우저들 사이에서 더 잘 지원된다. 위키피디아에서는 일반적으로 표를 포맷할 때 보수적인 것이 가장 좋다.

콜스판 및 행스판

셀 내용이 열 또는 행으로 확장되도록 하려면 각각 ""colspan와 ""rowspan를 사용하십시오. 이러한 매개변수 설정은 하나의 파이프 문자() 로 해당 셀 내용으로부터 분리되며, 공백으로 둘러싸일 수도 있고 그렇지 않을 수도 있다(참고: 파이프 문자는 새 셀을 시작하는 것으로 해석되므로 새 줄을 시작할 수 없음).

아래 표의 소스에 있는 매개변수 설정 주위에 공간이 부족한 것은 편집자가 셀 내용과 구별할 수 있도록 하기 위함이다.

갈색의
여우
펄쩍 뛰다
에 걸쳐서
게으른 개
{border="1" cellpading="4" cellspacing="0" 빠른 행간="2" 갈색[br>fox="2" 느린 게으름뱅이 개 위로.  } 

정렬, 너비 및 높이

대부분의 테이블에서 셀의 너비와 높이를 명시적으로 설정해서는 안 된다. 그러나 특별한 경우 원하는 효과를 얻기 위해서는 파라미터 ""width와 ""height가 필요할 수 있다(예를 들어, 9.11 기념 위키 홈페이지의 트윈토우어 효과를 참조).

일반적으로 너비는 백분율로, 높이는 픽셀 단위로 지정된다. 일부 브라우저를 혼동할 수 있으므로 크기가 너무 작거나 너무 큰 것을 방지하기 위해 주의를 기울여야 한다. 또한 모든 사용자가 동일한 크기의 글꼴을 사용하는 것은 아니므로 너비와 높이를 픽셀 단위로 설정하여 테이블 모양을 최적화하지 않도록 하십시오.

foo 술집을 내다
야유하다 박쥐
퀴즈
{border="1" 셀패딩="4" 셀 스페이스싱="0" 너비="100%"! foo atlign="right" bar - valign="balign" align="bottle="80" baz battack } 

단일 파이프 문자() 는 셀이 헤더("! 또는 ""!!로 표시됨)인 경우에도 셀 수준 매개변수 설정과 셀 내용 사이에 사용된다는 점에 유의하십시오.

색상을 사용하면 사람들이 테이블을 구문 분석하기가 더 쉬워질 수 있지만, 무모하게 사용할 경우(예를 들어 아래 표와 같이) 다른 허용 가능한 테이블을 망칠 수 있다. 주의사항 편집자.

컬러 핑크 테이블에서 물려받은 아쿠아 컬러
색상 #CCFFCC; 영향을 받는 전체 행
아쿠아 유전 셀 색상 #FFFFFF; (흰색)
{border="1" cellpading="4" cellspacing="2" style="background:aqua"! style="background:"background"! style="Cell" color pink! 테이블에서 물려받은 아쿠아 색상:"background:#CCFFCC;""Row" 색상 #CCFFCC; 전체 행이 영향을 받음 - Aqua 상속 스타일="백그라운드:#FFFFFF;"세포색 #FFFF; (흰색) } 

색상 이름 및 코드 목록은 웹 색상을 참조하십시오.

중첩 테이블

측면 테이블

위의 "빠른 갈색 여우" 예는 다음 코드를 사용하여 표시되었다. 라인 번호는 참조용으로만 포함되어 있다.

01. {경계="0" 셀패딩="0" 셀패딩="16" 02. 03. {경계="1" 셀패딩="4" 04.   빠른 05. 행간="2" 갈색은 08. - 09. 콜스판="2" 느림 게으름뱅이 개. 10. } 11. 12. <<노우키> 13. {경계="1"4" 셀간격="0" 14"에 걸쳐 06. - 07.   빠른 15. 행스판="2" 갈색은 18. - 19. 콜스판="2" 느린 게으름뱅이 개. 20. } 21. </nowiki></pre 22.  } 

이 표는 첫 번째 셀의 두 번째 표(라인 3-10)와 두 번째 셀의 두 번째 표(라인 12-21)를 포함하는 하나의 표(라인 1, 2, 11 및 22)라는 점에 유의하십시오.

테이블의 HTML 구문

참고 항목

외부 링크