| 도움말 | ||||
|---|---|---|---|---|
[ 펼치기 · 접기 ]
|
| 위키 문법 | ||
|---|---|---|
| 1장: 기초 | 2장: 표 | 3장: 스타일링 |
| 4장: HTML | ||
| 개별 기능 | ||
| 보일 제목 | 펼치기 접기 | 스크롤 |
| 내표 | 나무마크 | 파일 삽입 |
개요
이 도움말은 쩌모위키에서 문서를 쓰는 데 필요한 위키 문법을 설명합니다. 위키 문법은 미디어위키의 문법을 따르며, 쩌모위키가 따로 만든 틀이 몇 가지 더해져 있습니다. 1장은 글자 서식, 문단, 목록, 링크, 각주, 틀, 파일처럼 거의 모든 문서에 쓰이는 기초를 다룹니다. 위키에 처음 글을 쓴다면 이 장까지는 읽고 시작하기를 권합니다.
| 장 | 내용 |
|---|---|
| 1장: 기초 | 글자 서식, 문단, 목록, 링크, 각주, 틀, 파일 |
| 2장: 표 | 표를 만들고 꾸미는 방법 |
| 3장: 스타일링 | 틀:스타일로 모양을 정하는 방법 |
| 4장: HTML | HTML 태그와 속성 |
문법을 시험할 때에는 연습장을 쓰면 실제 문서의 편집 기록을 어지럽히지 않습니다. 편집 화면의 [미리 보기]를 누르면 저장하지 않고도 결과를 확인할 수 있습니다.
개념
HTML 태그
HTML 태그는 글자를 둘러싸서 모양을 정하거나 역할을 부여합니다. 태그는 <○○>으로 열고 </○○>으로 닫으며, 그 사이에 든 내용에 태그가 적용됩니다.
자주 쓰는 태그는 span과 div입니다. span은 문장 안의 글자 일부에 적용하고, div는 내용 전체를 둘러싸는 상자를 만듭니다.
태그에는 속성(attribute)을 줄 수 있습니다. 속성은 여는 태그 안에 <○○ abc="123">처럼 적으며, 여러 개를 줄 때에는 <○○ abc="123" def="456">처럼 띄어쓰기로 구분합니다.
스타일 틀
태그의 모양은 원래 style 속성에 CSS를 적어 정하지만, 쩌모위키에서는 이를 줄여 쓸 수 있도록 틀:스타일을 제공합니다. 여는 태그 안에 {{스타일|스타일 구문}}을 넣으며, 스타일 구문은 속성-값 꼴로 쓰고 여러 개일 때에는 띄어쓰기로 구분합니다. 예를 들어 <span {{스타일|c-red bg-blue}}>파란 배경 빨간 글자</span>처럼 씁니다.
1장과 2장에서 쓰는 구문은 아래의 세 가지입니다.
글자 서식
글자 모양
굵게와 기울임은 작은따옴표를 세 개, 두 개씩 겹쳐 둘러싸서 나타내고, 밑줄과 취소선은 태그나 틀로 나타냅니다. 굵게와 기울임을 함께 쓰려면 작은따옴표 다섯 개로 둘러쌉니다.
| 입력 | 결과 |
|---|---|
'''굵게'''<b>굵게</b> |
굵게 |
''기울임''<i>기울임</i> |
기울임 |
'''''굵은 기울임''''' |
굵은 기울임 |
<u>밑줄</u> |
밑줄 |
{{--|취소선}}<s>취소선</s> |
|
x<sup>2</sup> |
x2 |
H<sub>2</sub>O |
H2O |
글자 색
글자 색은 span 태그의 style 속성에 color를 적어 <span style="color: red;">빨간 글자</span>처럼 바꿀 수 있습니다. 다만 원문이 길어지므로 보통은 틀:색을 씁니다. 색은 CSS 색 이름이나 여섯 자리 색 코드로 적습니다.
| 입력 | 결과 |
|---|---|
{{색|red|빨강}} |
빨강 |
{{색|#2a6db0|파랑}} |
파랑 |
글자 색을 직접 정하면 다크 모드에서 글자가 배경에 묻힐 수 있습니다. 색 코드 앞에 # 대신 ##를 붙이면 다크 모드에서 알맞은 밝기로 바꾸어 표시하며, 이 방식에는 여섯 자리 색 코드만 쓸 수 있습니다.
| 입력 | 다크 모드의 결과 |
|---|---|
{{색|#000000|검정}}{{색|#0000ff|파랑}}
|
검정 파랑 |
{{색|##000000|대응}}{{색|##0000ff|대응}}
|
대응 대응 |
색으로 강조할 때 주의할 점은 디자인 도움말에서 다룹니다.
문단
문단 제목
문단 제목은 줄의 맨 앞과 맨 뒤에 등호를 같은 개수만큼 붙여 만듭니다. 등호가 많을수록 낮은 단계의 제목이 되며, 본문에서는 등호 두 개부터 씁니다. 등호 하나짜리 제목은 문서의 표제와 같은 단계이므로 본문에 쓰지 않습니다.
| 입력 | 단계 |
|---|---|
== 제목 == |
1단계 문단 |
=== 제목 === |
2단계 문단 |
==== 제목 ==== |
3단계 문단 |
제목의 단계는 차례대로 내려가야 합니다. == 아래에 바로 ====를 쓰면 목차 번호가 어긋나므로, 제목의 크기가 마음에 들지 않더라도 단계를 건너뛰지 않아야 합니다.
목차
문단 제목이 일정 개수 이상이면 목차가 생깁니다. 쩌모위키에서는 문서 첫머리의 개요 문단 바로 위에 {{목차}}를 넣습니다. 이 틀을 넣으면 정보상자 옆에 놓인 문단들이 틀 아래로 내려가 정렬되며, 목차를 넣지 않으면 일부 환경에서 문단 번호가 2, 4, 6처럼 짝수로만 매겨지는 오류가 생깁니다. 그러므로 문단이 하나뿐인 짧은 문서가 아니라면 습관적으로 넣기를 권합니다.
문단과 줄바꿈
문단을 나누려면 줄을 두 번 바꿉니다. 줄을 한 번만 바꾸면 화면에서는 줄이 바뀌지 않고 앞 줄과 이어져 같은 문단이 됩니다. 문단 안에서 줄을 바꾸려면 <br>을 넣습니다. 두 방식은 줄 사이의 간격이 다르므로, 내용이 달라질 때에는 문단을 나누고 같은 내용 안에서 줄만 바꿀 때에는 <br>을 씁니다.
| 문단 나누기 | <br>
|
|---|---|
| 동해 물과 백두산이 마르고 닳도록 |
동해 물과 백두산이 마르고 닳도록 |
가로줄
줄의 맨 앞에 하이픈 네 개(----)를 쓰면 가로줄이 그어집니다. 문단을 나눌 때에는 가로줄보다 문단 제목을 쓰기를 권합니다.
목록
목록은 번호 없는 목록과 번호 있는 목록으로 나뉩니다. 줄의 맨 앞에 별표(*)를 쓰면 번호 없는 목록이, 샵(#)을 쓰면 번호 있는 목록이 되며, 같은 기호를 겹쳐 쓰면 한 단계씩 들여 쓰입니다. 번호는 자동으로 매겨집니다.
| 입력 | 결과 |
|---|---|
* 사과** 홍옥* 배
|
|
# 첫째## 첫째의 하나# 둘째
|
|
번호 있는 목록 사이에 빈 줄이나 다른 문단이 끼면 번호가 다시 1부터 시작합니다. 항목 안에서 줄을 바꿔야 한다면 빈 줄 대신 <br>을 씁니다.
링크
내부 링크
위키 안의 다른 문서는 [[문서 이름]]으로 연결합니다. 연결할 문서와 화면에 보일 글자를 다르게 하려면 [[문서 이름|보일 글자]]처럼 세로줄(|)로 구분합니다. 문서의 특정 문단으로 연결하려면 [[문서 이름#문단 제목]]처럼 샵 뒤에 문단 제목을 적고, 같은 문서 안의 문단이라면 문서 이름을 생략해 [[#문단 제목]]으로 씁니다.
아직 없는 문서로 연결한 링크는 빨간색으로 표시되며, 누르면 그 문서를 만들 수 있습니다. 링크 글자에 색을 넣을 때에는 틀:색링크를 씁니다.
외부 링크
위키 바깥의 웹 페이지는 [주소 보일 글자]로 연결합니다. 내부 링크와 달리 주소와 보일 글자를 세로줄이 아니라 띄어쓰기로 구분하므로, 주소에는 띄어쓰기가 없어야 하고 보일 글자에는 띄어쓰기가 있어도 됩니다. 나무위키의 문서는 틀:나무연결로 간단히 연결할 수 있습니다.
각주
각주는 <ref>내용</ref>로 답니다. 각주를 단 자리에는 번호가 붙고, 내용은 문서 아래에 모여 표시되며, 번호는 쓴 순서대로 자동으로 매겨집니다.[1]
같은 각주를 여러 곳에서 쓰려면 처음 다는 각주에 <ref name="출처1">내용</ref>처럼 이름을 붙이고, 그다음부터는 <ref name="출처1" />처럼 이름만 적습니다. 이렇게 하면 같은 번호가 다시 쓰여 각주가 중복되지 않습니다.
틀
틀은 틀 문서에 적어 둔 내용을 다른 문서에 불러와 넣는 기능입니다. 자주 쓰는 내용이나 서식을 한 곳에 정의해 두고 짧은 문법으로 불러 쓸 수 있습니다.
틀은 {{틀 이름|값|값|이름=값}}처럼 중괄호 두 쌍으로 둘러싸 부릅니다. 틀 이름 뒤에 세로줄로 구분하여 넘기는 값을 인수라 하며, 인수에는 순서대로 넘기는 위치 인수와 이름=값 꼴로 넘기는 이름 인수가 있습니다. 위치 인수는 값만 적고, 이름 인수는 이름과 값을 함께 적습니다.
인수가 많아 알아보기 어려우면 세로줄 앞에서 줄을 바꾸어 써도 됩니다. 틀의 사용법과 인수 목록은 대개 그 틀 문서에 적혀 있으므로, 검색창에 틀:틀 이름을 입력해 확인하면 됩니다.
파일
위키에 올린 이미지는 [[파일:파일 이름.png]]로 넣습니다. 세로줄 뒤에 선택 사항을 이어 적어 크기와 위치, 설명을 정합니다.
| 선택 사항 | 뜻 | 예 |
|---|---|---|
300px |
가로 폭 | [[파일:예시.png|300px]]
|
섬네일 |
테두리와 설명이 있는 상자로 표시 | [[파일:예시.png|섬네일|설명]]
|
왼쪽, 가운데, 오른쪽 |
놓을 위치 | [[파일:예시.png|가운데|300px]]
|
alt= |
이미지를 볼 수 없을 때 대신 읽힐 글 | [[파일:예시.png|alt=청광역 전경]]
|
다른 사람이 만든 이미지를 올렸다면 틀:저작권으로 저작자와 면허를 표시해야 합니다. 자세한 내용은 저작권 도움말에 있습니다.
분류와 넘겨주기
문서를 분류에 넣을 때에는 {{분류|분류 이름|분류 이름|…}}를 문서에 넣습니다. 세계의 문서라면 세계 이름으로 된 분류를 기본으로 하며, 분류를 만들고 관리하는 방법은 분류 도움말에 있습니다.
넘겨주기는 한 문서를 열었을 때 다른 문서로 곧바로 옮겨 주는 기능입니다. 문서의 첫 줄에 #넘겨주기 [[옮겨 갈 문서]]만 적어 두면 되며, 같은 대상을 부르는 이름이 여럿일 때 씁니다.
문법 표시
위키 문법을 해석하지 않고 그대로 보이게 하려면 <nowiki>…</nowiki>으로 둘러쌉니다. 이 도움말의 입력 예시도 모두 이 태그로 적었습니다. 고정폭 글꼴로 짧게 보일 때에는 <code>…</code>을, 여러 줄을 그대로 보일 때에는 <pre>…</pre>를 씁니다.
원문에만 남기고 화면에는 보이지 않을 메모는 <!-- 메모 -->로 적습니다. 복잡한 표나 틀에 의도를 적어 두면 나중에 자신이나 다른 편집자가 구조를 이해하는 데 도움이 됩니다.
- ↑ 이와 같이 표시됩니다.