사용자:Dcljr/테이블
User:Dcljr/Tables나는 위키피디아에서 테이블의 사용법을 완전히 새롭게 만들고 싶다.
이 페이지를 편집하지 마십시오. 내 토크 페이지에 댓글이 달릴 거야. 고마워요.
참조:
테이블의 파이프 구문
아래의 문자 시퀀스는 표의 레이아웃을 제어한다.
"!!와 " (그리고 아래에서 논의된 "의 특별한 용도를 제외하고) 위의 각 항목은 행의 시작 부분에 나타나야 한다.
간단한 예
기본 스타일의 표
| { ! 헤더 A !! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 3A 항목 3C } |
| {border="1" + '''예제 테이블'''! 헤더 A !! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 3A 항목 3C 항목 } |
캡션은 기본적으로 일반 글꼴로 렌더링되며, 굵게 또는 기울임꼴로 하려면 Wiki 마크업을 사용해야 한다. 앞의 두 예제의 경우 브라우저마다 "기본 스타일"이 다를 수 있다는 점에 유의하십시오.
테두리 및 그리드 선 제어
| {border="4" cellpadding="2" cellspacing="8"! 헤더 A!! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 2A 항목 3B 항목 3C } |
| {border="4" cellpadding="8" cellspacing="2"! 헤더 A!! 헤더 B!! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 3A 항목 3C } |
심플한 격자 스타일
| {border="1" cellpadding="4" cellspacing="0"! 헤더 A!! 헤더 B !! 헤더 C - 항목 1A 항목 1B 항목 1C - 항목 2A 항목 2C - 항목 2A 항목 3B 항목 3C } |
큰 테이블
대부분의 테이블에서 각 행에 대해 하나의 행을 사용하는 것은 비실용적이다. 대신 다음 예와 같이 셀당 한 줄을 사용할 수 있다.
| ||||||||||||||||
{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행 } |
테이블의 줄 바꿈 및 줄 바꿈
사실, 테이블의 어떤 행이나 셀은 어떤 선에든 펼쳐질 수 있다. 단, 테이블 셀 내에서 새로운 선을 사용할 때는 주의를 기울여야 한다.
| |||||
{border="1"! 다중 회선헤더 셀 - 이 텍스트는 모두 한 줄에 있다. 이 텍스트는 한 줄의 뉴라인을 따른다. 이 텍스트는 두 개의 새로운 선(즉, 빈 선)을 따른다. 이 텍스트는 다시 한 줄의 뉴라인을 따른다. - 이것은 빈 줄로 끝나는 2행이다. - 3행은 두 줄의 뉴라인으로 시작한다. - 4행에는 강제적인 라인 브레이크가 포함되어 있다. } |
다중 라인 셀의 첫 번째 라인과 두 번째 라인을 구분하는 뉴라인은 단일 뉴라인이 영향을 미치지 않는 일반 텍스트와 달리 유의해야 한다. 행 구분자 바로 앞이나 뒤에 빈 선(행의 두 개의 새로운 선)은 무시되지만, 셀 내용 내에서는 통상적인 효과가 있다.
선 사이에 추가 수직 공간이 없는 선 분리를 수행하려면 ""<br>를 사용하십시오.
라인포장
기본적으로 셀 내용은 필요할 때 여러 줄로 포장된다. 일부 응용 프로그램에서는 셀 텍스트에서 줄 바꿈을 방지하는 것이 바람직할 수 있다. 이를 위해 공백이 없는 "" 또는 "" 를 사용하십시오(더 많은 브라우저가 후자 버전을 이해하지만 인간 편집자는 후자를 선호할 수 있음).
| ||
{border="1" cellpading="4" cellspacing="0" 0.007 297 352 568[[Lorem ipsum]] dolor sit amet... 결과의 } |
일부 브라우저에서 너무 넓은 페이지(위 표의 위키코드 버전에서 줄임표가 사용되는 이유)를 발생시킬 수 있으므로 이 기법을 조금만 사용하십시오.
행 및 셀 형식 지정 매개 변수 사용
테이블 레이아웃 매개변수 ","border ""cellpadding 및 cellspacing" 이외에도 파이프 구문에서는 행 및 셀 수준 형식 옵션도 허용된다. 이들 중 일부는 다른 것들보다 브라우저들 사이에서 더 잘 지원된다. 위키피디아에서는 일반적으로 표를 포맷할 때 보수적인 것이 가장 좋다.
콜스판 및 행스판
셀 내용이 열 또는 행으로 확장되도록 하려면 각각 ""colspan와 ""rowspan를 사용하십시오. 이러한 매개변수 설정은 하나의 파이프 문자() 로 해당 셀 내용으로부터 분리되며, 공백으로 둘러싸일 수도 있고 그렇지 않을 수도 있다(참고: 파이프 문자는 새 셀을 시작하는 것으로 해석되므로 새 줄을 시작할 수 없음).
아래 표의 소스에 있는 매개변수 설정 주위에 공간이 부족한 것은 편집자가 셀 내용과 구별할 수 있도록 하기 위함이다.
| {border="1" cellpading="4" cellspacing="0" 빠른 행간="2" 갈색[br>fox="2" 느린 게으름뱅이 개 위로. } |
정렬, 너비 및 높이
대부분의 테이블에서 셀의 너비와 높이를 명시적으로 설정해서는 안 된다. 그러나 특별한 경우 원하는 효과를 얻기 위해서는 파라미터 ""width와 ""height가 필요할 수 있다(예를 들어, 9.11 기념 위키 홈페이지의 트윈토우어 효과를 참조).
일반적으로 너비는 백분율로, 높이는 픽셀 단위로 지정된다. 일부 브라우저를 혼동할 수 있으므로 크기가 너무 작거나 너무 큰 것을 방지하기 위해 주의를 기울여야 한다. 또한 모든 사용자가 동일한 크기의 글꼴을 사용하는 것은 아니므로 너비와 높이를 픽셀 단위로 설정하여 테이블 모양을 최적화하지 않도록 하십시오.
| ||||
{border="1" 셀패딩="4" 셀 스페이스싱="0" 너비="100%"! foo atlign="right" bar - valign="balign" align="bottle="80" baz battack } |
단일 파이프 문자() 는 셀이 헤더("! 또는 ""!!로 표시됨)인 경우에도 셀 수준 매개변수 설정과 셀 내용 사이에 사용된다는 점에 유의하십시오.
색
색상을 사용하면 사람들이 테이블을 구문 분석하기가 더 쉬워질 수 있지만, 무모하게 사용할 경우(예를 들어 아래 표와 같이) 다른 허용 가능한 테이블을 망칠 수 있다. 주의사항 편집자.
| ||||||
{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)라는 점에 유의하십시오.