Help:Tables/ko

위키 페이지에서는 HTML에서 제공하는 표(Table) 관련 태그를 사용하거나 표를 정의한 위키코드를 이용해서 표를 삽입할 수 있습니다. HTML 표의 구성요소들과 사용은 여러곳의 웹 페이지에 잘 설명되어져있습니다. 여기서는 논하지 않겠습니다. 위키 코드의 이점은 표가 문자표로 구성되어 HTML 표의 구성요소들과 비교해서 글의 편집 관점에서의 표 구조를 보다 이해하기 쉽게 만드는 경향이 있다는 것입니다.

대부분의 일반적인 경험으로 당신이 필요하지 않으면 표를 사용하지 않습니다. 표 마크업은 종종 페이지 편집을 복잡하게 합니다.

위키 표(table) 마크업 개요

 * 위의 기호들은 같은 줄에서 연속적인 셀들을 선택적으로 추가하기 위한 이중 ||과 !!를 제외하고는 반드시 새로운 줄에서 시작 하여야 합니다.
 * XHTML 속성. 표 끝을 제외하고 각각의 기호는 선택적으로 한개 이상의 XHTML 속성을 수용합니다. 속성은 반드시 기호와 마찬가지로 같은 줄에 있어야 합니다. 각각의 속성은 한 번의 스페이스로 구분됩니다.
 * 셀과 제목 ( | 또는 ||, ! 또는 !!, 그리고 |+ )은 내용을 포함합니다. 단일 막대기호(|)로 내용에서 속성들을 구분합니다. 셀의 내용은 같은 줄에서나 다음 줄에서 이어질 것입니다.
 * 표와 줄 기호들 ( {| 과 |- )은 직접적으로 내용을 포함하지 않습니다. 임의의 속성 뒤에 막대기호(|)를 추가하지 않습니다. 만약 표 기호나 줄 기호를 위한 속성 뒤에 막대기호를 잘못 추가한다면 파서는 잘못된 막대기호를 삭제할 것입니다. 그리고 만약 마지막 속성이 잘못된 막대기호를 사용한다면 삭제될 것입니다.
 * 내용은 (a) 몇개의 선택가능한 XHTML 속성들 후에 같은 줄의 셀 기호 뒤에나 (b) 셀 기호 아랫쪽 줄에서 이어질 것입니다. 위키 마크업을 사용하여 목록, 제목, 표 채우기 등과 같이 새로운 줄에서 시작이 필요한 내용은 당연히 자신의 새로운 줄에서 해야만 합니다

평범
다음 표는 테두리와 행간이 없지만 가장 간단한 위키 마크업 표의 구조를 보여줍니다. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

대안
더 많은 표의 모양을 위해 위키 마크업 셀은 ||에 의해 구분되어진 하나의 줄위에 열거되어질 수 있습니다.이 방법은 패러그래프처럼 내용이 긴 셀에서는 크기가 충분하지 않습니다. 그러나 지금 예시용 표와 같이 내용이 짧은 글에서는 유용합니다.

위키 마크업을 더욱 보기 좋게 만들기 위해서 위키 마크업 아랫쪽에 했었던 것처럼 위키 마크업에서는 셀 안에 임시의 공간을 추가할 수 있습니다. 하지만 실제 표의 표현에는 영향을 주지 않습니다.

지금 페이지의 다른 표의 예에 따르면 HTML 속성을 이 표에 추가할 수 있습니다. 하지만 간단함의 예를 따르는것은 무시되었습니다.

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

HTML 속성들과 함께 사용
표를 더 좋게 보이게 만들기 위해서 HTML 속성들을 추가할 수 있습니다

border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="center" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

align="right" border="1"
각각의 셀마다 속성을 줄 수 있습니다. 예를들면 숫자는 오른쪽 정렬이 보기에 좋습니다. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

또한, 각각의 줄마다 속성을 줄 수 있습니다. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

HTML 속성들과 함께 사용하기와 CSS 스타일
CSS 스타일 속성들은 다른 HTML 속성들과 함께 또는 HTML 속성들없이 추가될 수 있습니다

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

표에서의 TH 제목셀
TH (HTML 표 제목셀)은 | 대신에 !를 사용하여 만들수 있습니다. 제목셀은 보통 기본적으로 굵은 글씨체와 중앙에 나타납니다.

각각의 열
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

기본
{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

우측 정렬
우측 정렬된 측면 제목셀은 아래와 같이 할 수 있습니다. {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

제목
표 제목은 아래와 같이 어떤 표의 최상단에 추가될 수 있습니다 {| width="100%"
 * width="50%"|
 * width="50%"|


 * }

속성은 아래와 같이 제목에 추가될 수 있습니다

{| width="100%"
 * width="50%"|
 * width="50%"|


 * }

표에서의 H1, H2, H3 등의 제목셀
HTML H1, H2, H3, H4 등의 제목셀은 표준 위키 마크업 방식인 두개의 ==(equal) 기호로 만들 수 있고 사용하기 위해서는 같은 줄에 모두 있어야합니다.

표를 보시기 바랍니다. 만약 표 안의 제목셀에 있는 edit라고 표시된 편집 탭을 클릭하게 되면 본래의 표 전체가 아닌 해당 표에 대한 부분적인 편집만을 보여줄 것입니다.

페이지 상단의 내용 표를 정확하게 하기 위해서 제목셀 계층은 나머지 페이지들과 함께 일관되게 유지됩니다.

{| width="100%" {| border="1" cellpadding="20" cellspacing="0"
 * width="50%"|
 * colspan="2"|

Yummiest
{| border="1" cellpadding="20" cellspacing="0"
 * Orange
 * Apple
 * Bread
 * Pie
 * Butter
 * Ice cream
 * }
 * width="50%"|
 * Ice cream
 * }
 * width="50%"|
 * colspan="2"|

Yummiest

 * Orange
 * Apple
 * Bread
 * Pie
 * Butter
 * Ice cream
 * }
 * Butter
 * Ice cream
 * }
 * }

음수
음수의 마이너스 부호는 표를 변하게 합니다 (어떤 값이 손실되어 나타날 수도 있습니다) 만약 새로운 줄에서 음수나 매개 변수로 셀을 시작하게 된다면 표 셀이 아니라 표 줄에서의 위키 마크업이기 때문에 음수(|-6)의 값을 구하게 됩니다. 이 같은 사항을 막기 위해서는 값 앞에 공백을 한칸 삽입 (| -6) 하거나 세로줄 셀 마크업 (||-6)을 사용하시면 됩니다.

한글화 작업 : 강남욱, 이경태, 이강우, 박지혜