표
간단한 표
수직선 한 쌍을 이용하여 간단하게 표를 만들 수 있습니다.
||~ 제목 1 ||~ 제목 2 ||~ 제목 3 ||
|| 칸 1 || 칸 2 || 칸 3 ||
|||| 긴 칸 4 || 칸 5 ||
|| 칸 6 |||| 긴 칸 7 ||
|||||| 기이인 칸 8||
제목 1 | 제목 2 | 제목 3 |
---|---|---|
칸 1 | 칸 2 | 칸 3 |
긴 칸 4 | 칸 5 | |
칸 6 | 긴 칸 7 | |
기이인 칸 8 |
|| 줄 시작과 끝에는 || 두 개의 수직선이 있어야하고 || 그 외엔 아무것도 없어야합니다 ||
|| 칸은 두 개의 수직선으로 || 구별되는데 || 그 외엔 아무것도 없어야합니다 ||
|||| 각 셀의 시작 부분에서 || 여러 칸을 잡아먹을 수 있습니다 ||
|| 추가적인 칸도 |||| 구별됩니다 ||
|||||| 이 예시가 아마 _
이해하기 가장 쉬울겁니다 ||
줄 시작과 끝에는 | 두 개의 수직선이 있어야하고 | 그 외엔 아무것도 없어야합니다 |
칸은 두 개의 수직선으로 | 구별되는데 | 그 외엔 아무것도 없어야합니다 |
각 셀의 시작 부분에서 | 여러 칸을 잡아먹을 수 있습니다 | |
추가적인 칸도 | 구별됩니다 | |
이 예시가 아마 이해하기 가장 쉬울겁니다 |
표 안에 줄바꿈을 하려면 _(언더바)를 줄 끝에 넣으면 됩니다(위 예시를 참조하세요).
고급 (사용자 정의) 표
좀 더 고급의 표를 만들려면, 모양을 관리하기 위한 class 및 style 속성을 사용할 수 있는 특별한 태그를 사용할 수 있습니다. 아래 구문으로 고급 표를 생성할 수 있습니다.
[[table]]
[[row]]
[[hcell style="border: 1px solid silver; background-color: yellow;"]]
제목 칸 0.0
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
제목 칸 0.1
[[/hcell]]
[[hcell style="border: 1px solid silver" ]]
제목 칸 0.2
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" colspan="2"]]
칸 1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
칸 1.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" rowspan="2"]]
칸 2.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
칸 2.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
칸 2.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
칸 3.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
칸 3.2
[[/cell]]
[[/row]]
[[/table]]
이렇게 변환됩니다…
제목 칸 0.0 | 제목 칸 0.1 | 제목 칸 0.2 |
---|---|---|
칸 1.0 | 칸 1.2 | |
칸 2.0 | 칸 2.1 | 칸 2.2 |
칸 3.1 | 칸 3.2 |
[[table]], [[row]], [[cell]], [[hcell]]의 각 요소에는 style 및 class 속성을 사용할 수 있고 각각 (X)HTML 태그 <table>, <tr>, <td>로 변환됩니다. 칸에는 colspan과 rowspan 변수를 줄 수도 있습니다.
위 예시에서 각 칸 사이의 공백을 제거하고싶다면, 첫번째 줄을 [[table style="border-collapse:collapse;"]]처럼 바꿔주세요.
페이지 레이아웃을 위한 표 사용 예시는 스니펫 위키에서 찾을 수 있습니다.
http://snippets.wikidot.com/code:layout-with-tables .
표는 중첩될 수 있습니다.