도와 주세요.:기본 테이블 마크업
Help |
이 도움말 페이지에서는 테이블의 기본 Wiki 마크업에 대해 설명합니다.자세한 안내는 도움말:테이블.
소개
기본 테이블의 마크업은 다음과 같습니다.
| 마크업 | 이름. | 평. |
|---|---|---|
{ | 테이블 시작 | 테이블을 엽니다(필수). |
+ | 표 캡션 | 캡션을 추가합니다. |
- | 테이블 행 | 새 행을 추가합니다(그러나 첫 번째 행의 경우 선택 사항임). |
! | 머리글 셀 | 선택적으로 내용을 새 줄에 배치할 수 있는 헤더 셀을 추가합니다. |
!! | 헤더 셀(같은 라인에 있음) | 동일한 라인에 헤더 셀을 추가합니다. |
| 데이터 셀 | 선택적으로 내용을 새 줄에 배치할 수 있는 데이터 셀을 추가합니다(속성 구분 기호 참조). |
| 데이터 셀(같은 라인에 있음) | 동일한 라인에 데이터 셀을 추가합니다. |
| 속성 구분 기호 | 셀 또는 캡션 내용에서 HTML 속성을 구분합니다. |
} | 테이블 끝 | 테이블을 닫습니다(필수). |
이 모든 마크업은 다음을 제외하고 새 라인에서 시작해야 합니다.!!, ,그리고. (속성 구분 기호로 사용되는 경우).
예제 표
class="contributeable" + 캡션: 예제 테이블 - ! header1! header2! header3 - row1cell1 행1cell2cell3 - row2cell1 행2cell2cell3 }이를 통해 다음과 같은 결과를 얻을 수 있습니다.
| 헤더1 | 헤더2 | 헤더3 |
|---|---|---|
| row1cell1 | row1cell2 | row1cell3 |
| row2cell1 | row2cell2 | row2cell |
{ 테이블을 열고, 그리고 }문을 닫습니다.class="wikitable"위키피디아의 많은 표와 함께 사용되며, 일부 표준 형식을 추가하고, 다음과 같은 줄에 따릅니다.{ .
+ Caption: example table표의 맨 위에 "Caption: example table"이라는 캡션을 추가합니다.캡션은 선택 사항입니다.
헤더 셀은 다음을 통해 생성됩니다.! column name내용 셀은 다음 사용자에 의해 작성됩니다. cell text고정하기만 하면 열을 추가할 수 있습니다.! new column name마지막 열 이름의 끝에 있습니다.해당 열의 셀을 채우려면 각 행에 다른 셀을 추가해야 합니다. 입력하여 셀 채우기 cell text각 행에
-행을 구분합니다.행을 추가하려면 다음을 추가합니다. -표에, 그리고 그것을 얼마나 많은 셀이 적절한지로 채웁니다.주의해야 할 중요한 점은 각 라인에 동일한 수의 셀이 있어야 한다는 것입니다(행간 또는 colspan에 의해 재정의되지 않는 한, 아래 참조).
줄의 시작 부분에 있는 공백은 무시됩니다.따라서 row1cell1그리고. row1cell1동일합니다.파이프를 추가하려면( ) 셀 내용에 문자를 입력합니다. 사용해야 합니다.<nowiki>마크업
표에 이중 표시 사용
위의 모든 마크업은 새 줄에서 시작해야 합니다.여기에는 셀 마크업( 그리고.!. 이중 셀 마크업 ( 그리고.!!)를 사용하여 이 문제를 방지하고 연속된 셀을 한 줄에 추가할 수 있습니다.
예를 들어, 위와 같은 표가 생성됩니다.
class="반복할 수 없는" + 캡션: 예제 표 - ! header1!! header2!! 헤더 3 - row1 cell1 row1 cell2 row1 cell3 - row2 cell1 row2 cell2 row2 cell3 }열 및 행 머리글 셀
헤더 셀은 열 또는 행 헤더 셀일 수 있습니다.예를 들어, 다음 표에는 다음이 모두 포함됩니다.
class="columnable" + 캡션: 예제 테이블 - ! columnheader1 ! columnheader2 - ! rowheader1 row1 cell1 row1 cell2 - ! rowheader2 cell2 row2 cell2 }다음을 생성하는 요소:
| 열 머리글1 | 열 머리글2 | |
|---|---|---|
| 행 머리글1 | row1cell1 | row1cell2 |
| 행 머리글2 | row2cell1 | row2cell2 |
HTML 특성
HTML 특성은 다양한 이유로 테이블에 추가해야 하는 경우가 많습니다.속성은 다음과 같은 기본 형식은 다음과 같습니다.
attribute="value"
다음과 같이 반복하여 여러 속성을 적용할 수 있습니다.attribute1="value1" attribute2="value2"
실현해야 할 중요 사항:
- 테이블 끝을 제외한 모든 테이블 마크업(
})에서 동일한 줄에 하나 이상의 속성을 선택적으로 사용할 수 있습니다. - 테이블 및 행 마크업(
{그리고.-) 콘텐츠를 직접 보유하지 않습니다.따라서 파이프를 추가하지 마십시오( - 셀 마크업(
!,!!) 및 캡션 마크업(+) 콘텐츠를 직접 보유합니다.따라서 단일 파이프로 내용의 속성을 구분합니다.
HTML 특성을 전체 테이블 및 행에 추가
테이블 및 행은 다음 마크업을 사용합니다.{ , -그리고. }속성을 추가할 수 있습니다.{ 그리고. -콘텐츠를 직접 보유하지 않으므로 추가된 파이프가 없어야 합니다. ) 속성 뒤에 표시됩니다.
다음과 같이 테이블 마크업에 속성을 추가할 수 있습니다.{ attribute="value",어디에attribute="value"하나 이상의 특성을 나타냅니다.
속성은 다음과 같이 행 마크업에 추가할 수 있습니다. - attribute="value".
예를 들어,
{ class="wikitable"
클래스를 전체 테이블에 적용하기 위해 이전에 사용되었습니다.마찬가지로 두 번째 속성을 추가할 수 있습니다. 예를 들어,
{ class="wikitable" style="color:red"
클래스와 스타일의 두 가지 속성을 적용합니다.해당 스타일 속성은 텍스트에 빨간색을 제공합니다.
테이블 행에 적용된 속성의 예:
- style="height: 100px"
에서는 스타일 특성을 적용합니다. 이 경우 테이블 행의 높이를 100도로 설정합니다.
셀 및 캡션에 HTML 속성 추가
셀 및 캡션의 마크업은 다음과 같습니다. , ,!,!!그리고. +.
셀과 캡션은 내용을 직접 보유합니다.따라서 속성은 단일 파이프로 셀 내용 또는 캡션과 분리되어 있어야 합니다. ), 내용 앞에 속성을 표시합니다.셀 내용 또는 캡션은 같은 줄이나 다음 줄에 표시될 수 있습니다.
다음과 같이 데이터 셀에 추가할 수 있습니다.
class="countable" 특성="value" row1cell1 특성="value" row1cell2 특성="value" row1cell3어디에attribute="value"하나 이상의 속성을 나타냅니다(예:style="color: red".
데이터 셀이 같은 라인에 있는 경우 다음과 같이 속성을 추가할 수 있습니다. attribute="value" row1cell1 attribute="value" row1cell2 attribute="value" row1cell3
헤더 셀에 추가는 다음과 같이 수행할 수 있습니다.
{ 학급="불가피한" ! 기여하다="값" 헤더1 ! 기여하다="값" 헤더2 ! 기여하다="값" 헤더3 헤더 셀이 같은 줄에 있으면 다음과 같이 속성을 추가할 수 있습니다. :! attribute="value" header1 !! attribute="value" header2 !! attribute="value" header3
다음과 같이 캡션에 추가할 수 있습니다. + attribute="value" Caption Title
예를 들어, 우리가 어떤 세포의 텍스트를 빨간색으로 만들고 싶다고 가정해 보겠습니다.이를 위한 속성은 다음과 같습니다.style="color: red"다음과 같은 테이블의 일부 셀에 추가할 수 있습니다.
class="contribute" + 캡션: 일부 셀 빨간색 텍스트. - ! header1 ! header2 ! header3 - style="color: red" row1cell1 row1 cell2 style="color: red" row1 cell3 - row2 cell1 style=" low2 cell2 row2 cell3 }그러면 다음과 같은 결과가 나옵니다.
| 헤더1 | 헤더2 | 헤더3 |
|---|---|---|
| row1cell1 | row1cell2 | row1cell3 |
| row2cell1 | row2cell2 | row2cell |
보시다시피, 빨간색이 일부 셀의 텍스트에 추가되었습니다.원하는 경우 셀 내용을 새 줄에 추가할 수도 있습니다.
일반적으로 포함됨
테이블에 일반적으로 포함되는 HTML 특성은 다음과 같습니다.
- 학급
- 예를들면
class="wikitable"클래스 속성은 일반적으로 전체 테이블에 적용됩니다.기타 클래스는 다음과 같습니다.class="wikitable sortable"(설정 가능한 테이블) 및class="wikitable mw-collapsible"(테이블 표시). - 스타일.
- 예를들면
style="color:red"CSS(Cascading Style Sheets) 스타일링에 사용되며 전체 테이블, 테이블 캡션, 테이블 행 및 개별 셀에 적용할 수 있습니다. - 행간
- 예를들면
rowspan="2"셀이 한 행의 일반 범위(이 예제에서는 두 행)를 벗어나도록 셀 형식을 지정하는 데 사용됩니다. - 콜스팬
- 예를들면
colspan="2"이 예제에서는 두 열의 정규 범위를 벗어나도록 셀 형식을 지정하는 데 사용됩니다. - 범위
- 예를들면
scope="col"또는scope="row"필수는 아니지만 머리글 셀이 열 또는 행의 머리글임을 지정합니다. 사용scope="colgroup" colspan="2"또는scope="rowgroup" rowspan="2"머리글 셀이 열 또는 행 그룹의 머리글임을 지정합니다(이 예에서는 두 개의 열 또는 행).
다른 HTML 특성은 테이블과 함께 사용되지만 대부분 HTML5에서 사용되지 않습니다. 사용되지 않거나 거의 사용되지 않는 특성은 "table", "caption", "table row", "header cell" 및 "data cell"을 참조하십시오.
새 줄의 셀 내용
셀 내용은 셀 마크업(속성을 포함할 수 있음) 후에 같은 줄에 따르거나 셀 마크업 아래에 있는 줄에 따를 수 있습니다.
자체 마크업을 사용하는 셀 내용은 새 줄에서 시작해야 할 수 있습니다. 목록, 제목 또는 중첩된 표와 같은 경우에 발생할 수 있습니다.
예를 들어, 다음과 같은 단일 행 테이블을 예로 들어 보겠습니다.
class="불안정한" + 한줄 테이블 스타일="color:blue" cell1 cell2 style="color:blue" cell3 }출력은 다음과 같습니다.
| 셀1 | 2번 셀 | 3번방 |
원하는 경우 셀 내용을 새 줄에 추가할 수 있습니다.
class="불안정한" + 한줄 테이블 스타일="color:blue" cell1 cell2 style="color:blue" cell3 }출력은 비슷하지만 수직 높이가 증가합니다.
| 셀1 | 2번 셀 | 3번방 |
테이블 구성 방법
테이블에 다음 Wiki 마크업을 사용하는 경우:
class="contributeable" + 캡션: 예제 테이블 - ! header1! header2! header3 - row1cell1 행1cell2cell3 - row2cell1 행2cell2cell3 }MediaWiki 소프트웨어는 이를 다음 HTML로 변환합니다.
<table class="부속가능"> <caption> 캡션: 예제 표</tbody> <tr> <th> <th> <th>> <th>> <>>>>>>>>>>><<<<<><<<&2cell1</cell> <cell2cell2</cell2cell2</cell2cell3</colon> </tr> < </tbody> < <<> <> < <<<<><<<<<<<<<그<table>...</table>태그는 테이블을 열고 닫습니다.<caption>...</caption>태그는 캡션을 추가합니다.<tr>...</tr>태그는 테이블 행을 열고 닫습니다.<th>...</th>태그는 헤더 셀을 추가합니다.<td>...</td>태그는 데이터 셀을 추가합니다.선택 사항<tbody>...</tbody>태그는 테이블 본문이 시작되고 끝나는 위치를 정의합니다.
HTML 특성은 시작 태그 내에 삽입하여 추가할 수 있습니다.예를들면<table>다음과 같은 속성을 추가할 수 있습니다.<table attribute="value">또는<table attribute1="value1" attribute2="value2">두 가지 속성에 대해.다른 모든 태그는 동일한 규칙을 따릅니다.
HTML 요소 #Tables에 설명된 대로 wiki 마크업이 아닌 HTML 코딩을 사용하여 테이블을 추가할 수 있습니다.그러나 가독성 문제로 인해 권장되지 않습니다. 표의 스타일 설명서를 참조하십시오.또한, 주의할 점은<thead>,<tbody>,<tfoot>,<colgroup>,그리고.<col>Wikitext에서 태그가 지원되지 않습니다.
참고 항목
테이블에 대한 자세한 도움말은 다음을 참조하십시오.
- 도움말:Wiki Markup이 있는 테이블 소개, 테이블에 대한 간단한 소개
- 도움말: 표, 표에 대한 상세하고 포괄적인 가이드
- 도움말:일반적으로 사용되는 정렬 가능한 테이블
class="wikitable sortable" - 도움말: 일반적으로 사용되는 테이블 접기 및 접기
class="wikitable mw-collapsible" 
Wikibooks에서 Wikitext/테이블 편집- 위키책에서 사용할 수 있는 위키텍스트/표 편집
- 위키백과:스타일/테이블 매뉴얼, 테이블 모범 사례를 위한 스타일 매뉴얼
- 위키백과:고급 테이블 형식 지정, 일부 고급 기술
