귀하는 로그인되어 있지 않습니다. 이대로 편집하면 귀하의 IP 주소가 편집 기록에 남게 됩니다.스팸 방지 검사입니다. 이것을 입력하지 마세요!==문법== 마크다운 문법, HTML 문법, 위키 문법, 결과물 순으로 작성하며, 위키에서는 마크다운 문법을 지원하지 않기에 위키 문법이나 HTML 문법으로 출력시킵니다. ===제목 (Headings)=== {| class="wikitable" |- | <syntaxhighlight> # This is a H1 ## This is a H2 ### This is a H3 #### This is a H4 ##### This is a H5 ###### This is a H6 </syntaxhighlight> | <syntaxhighlight lang='html'> <h1>This is a H1</h1> <h2>This is a H2</h2> <h3>This is a H3</h3> <h4>This is a H4</h4> <h5>This is a H5</h5> <h6>This is a H6</h6> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> = This is a H1 = == This is a H2 == === This is a H3 === ==== This is a H4 ==== ===== This is a H5 ===== ====== This is a H6 ====== </syntaxhighlight> | [[파일:마크다운_문법_heading.png]] |- ! 위키 문법 ! 결과 |} HTML에서 heading 태그가 <code><nowiki><h6></h6></nowiki></code>까지 있기에 마크다운 또한 h6까지만 지원한다. 즉, h7은 없다. ====대체 제목 문법==== H1과 H2는 다음과 같은 대체 문법도 사용할 수 있다: {| class="wikitable" |- | <syntaxhighlight> This is an H1 ============= This is an H2 ------------- </syntaxhighlight> | <syntaxhighlight lang='html'> <h1>This is an H1</h1> <h2>This is an H2</h2> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |} ===강조 (Emphasis)=== {| class="wikitable" |- | <syntaxhighlight> *기울임* 또는 _기울임_ **굵게** 또는 __굵게__ ***굵고 기울임*** 또는 ___굵고 기울임___ ~~취소선~~ </syntaxhighlight> | <syntaxhighlight lang='html'> <em>기울임</em> <strong>굵게</strong> <strong><em>굵고 기울임</em></strong> <del>취소선</del> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> ''기울임'' '''굵게''' '''''굵고 기울임''''' <s>취소선</s> </syntaxhighlight> | ''기울임''<br/> '''굵게'''<br/> '''''굵고 기울임'''''<br/> <s>취소선</s> |- ! 위키 문법 ! 결과 |} ===목록 (Lists)=== ====순서 없는 목록 (Unordered Lists)==== {| class="wikitable" |- | <syntaxhighlight> * 봄 * 여름 * 가을 * 겨울 - 봄 - 여름 - 가을 - 겨울 + 봄 + 여름 + 가을 + 겨울 * 봄 + 여름 - 가을 * 겨울 </syntaxhighlight> | <syntaxhighlight lang='html'> <ul> <li>봄 <ul> <li>여름 <ul> <li>가을 <ul> <li>겨울</li> </ul> </li> </ul> </li> </ul> </li> </ul> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> * 봄 ** 여름 *** 가을 **** 겨울 </syntaxhighlight> | * 봄 ** 여름 *** 가을 **** 겨울 |- ! 위키 문법 ! 결과 |} '''<code>*</code>''', '''<code>+</code>''', '''<code>-</code>'''를 혼합해서 사용해도 상관없다. ====순서 있는 목록 (Ordered Lists)==== {| class="wikitable" |- | <syntaxhighlight> 1. 가나다 2. 라마바 3. 사아자 1. 가나다 3. 라마바 2. 사아자 </syntaxhighlight> | <syntaxhighlight lang='html'> <ol> <li>가나다</li> <li>라마바</li> <li>사아자</li> </ol> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> # 가나다 # 라마바 # 사아자 </syntaxhighlight> | # 가나다 # 라마바 # 사아자 |- ! 위키 문법 ! 결과 |} 마크다운에서는 순번을 정하면 자동으로 순서대로 출력하기 때문에 1, 3, 4, 2 순으로 해도 1, 2, 3, 4 순으로 내용값은 바뀜 없이 출력이 된다. ===링크 (Links)=== {| class="wikitable" |- | <syntaxhighlight> [링크 텍스트](URL) [링크 텍스트](URL "툴팁 텍스트") [Google](https://google.com) [Google](https://google.com "구글 홈페이지") 참조 링크: [링크 텍스트][참조] [참조]: URL "툴팁" 자동 링크: <https://google.com> <email@example.com> </syntaxhighlight> | <syntaxhighlight lang='html'> <a href="URL">링크 텍스트</a> <a href="URL" title="툴팁 텍스트">링크 텍스트</a> <a href="https://google.com">Google</a> <a href="https://google.com" title="구글 홈페이지">Google</a> <a href="URL" title="툴팁">링크 텍스트</a> <a href="https://google.com">https://google.com</a> <a href="mailto:email@example.com">email@example.com</a> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> [https://google.com 링크 텍스트] [[내부 링크]] [[내부 링크|표시 텍스트]] https://google.com </syntaxhighlight> | [https://google.com 링크 텍스트]<br/> [[내부 링크]]<br/> [[내부 링크|표시 텍스트]]<br/> https://google.com |- ! 위키 문법 ! 결과 |} ===이미지 (Images)=== {| class="wikitable" |- | <syntaxhighlight>    참조 이미지: ![대체 텍스트][참조] [참조]: 이미지URL "툴팁" </syntaxhighlight> | <syntaxhighlight lang='html'> <img src="이미지URL" alt="대체 텍스트"> <img src="이미지URL" alt="대체 텍스트" title="툴팁"> <img src="https://github.com/logo.png" alt="Github"> <img src="이미지URL" alt="대체 텍스트" title="툴팁"> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> [[파일:이미지.png]] [[파일:이미지.png|대체 텍스트]] [[파일:이미지.png|150px]] [[파일:이미지.png|섬네일|설명]] </syntaxhighlight> | [[파일:이미지.png]] |- ! 위키 문법 ! 결과 |} ===인용구 (Blockquotes)=== {| class="wikitable" |- | <syntaxhighlight> > 이것은 인용구입니다. > > 여러 줄에 걸쳐 작성할 수 있습니다. > > > 중첩된 인용구도 가능합니다. > > > > 이렇게 말이죠. > ## 인용구 안에서도 > ### 다른 마크다운 문법을 사용할 수 있습니다. > > - 목록도 가능하고 > - **굵은 글씨**도 가능합니다. </syntaxhighlight> | <syntaxhighlight lang='html'> <blockquote> <p>이것은 인용구입니다.</p> <p>여러 줄에 걸쳐 작성할 수 있습니다.</p> <blockquote> <p>중첩된 인용구도 가능합니다.</p> <p>이렇게 말이죠.</p> </blockquote> </blockquote> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> <blockquote> 이것은 인용구입니다. 여러 줄에 걸쳐 작성할 수 있습니다. <blockquote> 중첩된 인용구도 가능합니다. 이렇게 말이죠. </blockquote> </blockquote> </syntaxhighlight> | <blockquote> 이것은 인용구입니다. 여러 줄에 걸쳐 작성할 수 있습니다. <blockquote> 중첩된 인용구도 가능합니다. 이렇게 말이죠. </blockquote> </blockquote> |- ! 위키 문법 ! 결과 |} ===코드 (Code)=== ====인라인 코드==== {| class="wikitable" |- | <syntaxhighlight> `인라인 코드`는 백틱으로 감쌉니다. ``코드에 백틱이 있으면 ` 이렇게`` 사용합니다. </syntaxhighlight> | <syntaxhighlight lang='html'> <code>인라인 코드</code>는 백틱으로 감쌉니다. <code>코드에 백틱이 있으면 ` 이렇게</code> 사용합니다. </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> <code>인라인 코드</code>는 백틱으로 감쌉니다. <nowiki><code>코드에 백틱이 있으면 ` 이렇게</code></nowiki> 사용합니다. </syntaxhighlight> | <code>인라인 코드</code>는 백틱으로 감쌉니다.<br/> <code>코드에 백틱이 있으면 ` 이렇게</code> 사용합니다. |- ! 위키 문법 ! 결과 |} ====코드 블록==== {| class="wikitable" |- | <syntaxhighlight> ``` 일반적인 코드 블록 여러 줄에 걸쳐 작성 ``` ```python # 언어를 지정한 코드 블록 def hello(): print("Hello, World!") ``` 들여쓰기 4칸으로도 코드 블록을 만들 수 있습니다. </syntaxhighlight> | <syntaxhighlight lang='html'> <pre><code>일반적인 코드 블록 여러 줄에 걸쳐 작성 </code></pre> <pre><code class="language-python"># 언어를 지정한 코드 블록 def hello(): print("Hello, World!") </code></pre> <pre><code>들여쓰기 4칸으로도 코드 블록을 만들 수 있습니다. </code></pre> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> <syntaxhighlight> 일반적인 코드 블록 여러 줄에 걸쳐 작성 </syntaxhighlight> <syntaxhighlight lang="python"> # 언어를 지정한 코드 블록 def hello(): print("Hello, World!") </syntaxhighlight> <pre> 들여쓰기 4칸으로도 코드 블록을 만들 수 있습니다. </pre> </syntaxhighlight> | <syntaxhighlight> 일반적인 코드 블록 여러 줄에 걸쳐 작성 </syntaxhighlight> <syntaxhighlight lang="python"> # 언어를 지정한 코드 블록 def hello(): print("Hello, World!") </syntaxhighlight> <pre> 들여쓰기 4칸으로도 코드 블록을 만들 수 있습니다. </pre> |- ! 위키 문법 ! 결과 |} ===구분선 (Horizontal Rules)=== {| class="wikitable" |- | <syntaxhighlight> 가나다라마바사 - - - 아자차카타파하 가나다라마바사 *** 아자차카타파하 가나다라마바사 ***** 아자차카타파하 가나다라마바사 * * * 아자차카타파하 가나다라마바사 ----- 아자차카타파하 가나다라마바사 ___ 아자차카타파하 </syntaxhighlight> | <syntaxhighlight lang='html'> <p>가나다라마바사</p> <hr/> <p>아자차카타파하</p> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> 가나다라마바사 <hr/> 아자차카타파하 </syntaxhighlight> | 가나다라마바사 <hr/> 아자차카타파하 |- ! 위키 문법 ! 결과 |} <code>-</code>, <code>*</code>, <code>_</code> 문자를 3개 이상 사용하면 구분선이 그어진다. 사이에 공백이 있어도 된다. ===테이블 (Tables)=== GitHub Flavored Markdown에서 지원하는 테이블 문법: {| class="wikitable" |- | <syntaxhighlight> | 제목1 | 제목2 | 제목3 | |-------|-------|-------| | 내용1 | 내용2 | 내용3 | | 내용4 | 내용5 | 내용6 | 정렬: | 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 | |:----------|:-----------:|-----------:| | 내용1 | 내용2 | 내용3 | | 내용4 | 내용5 | 내용6 | </syntaxhighlight> | <syntaxhighlight lang='html'> <table> <thead> <tr> <th>제목1</th> <th>제목2</th> <th>제목3</th> </tr> </thead> <tbody> <tr> <td>내용1</td> <td>내용2</td> <td>내용3</td> </tr> <tr> <td>내용4</td> <td>내용5</td> <td>내용6</td> </tr> </tbody> </table> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> {| class="wikitable" |- ! 제목1 !! 제목2 !! 제목3 |- | 내용1 || 내용2 || 내용3 |- | 내용4 || 내용5 || 내용6 |} </syntaxhighlight> | {| class="wikitable" |- ! 제목1 !! 제목2 !! 제목3 |- | 내용1 || 내용2 || 내용3 |- | 내용4 || 내용5 || 내용6 |} |- ! 위키 문법 ! 결과 |} ===체크박스 (Task Lists)=== GitHub Flavored Markdown에서 지원: {| class="wikitable" |- | <syntaxhighlight> - [x] 완료된 작업 - [ ] 미완료 작업 - [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> 지원 - [x] 리스트 문법 필요 (순서 있는 목록이나 순서 없는 목록) - [ ] 미완료 작업 - [ ] 중첩된 미완료 작업 - [x] 중첩된 완료 작업 </syntaxhighlight> | <syntaxhighlight lang='html'> <ul> <li><input type="checkbox" checked disabled> 완료된 작업</li> <li><input type="checkbox" disabled> 미완료 작업</li> <li><input type="checkbox" checked disabled> @mentions, #refs, <a href="">links</a>, <strong>formatting</strong>, and <del>tags</del> 지원</li> <li><input type="checkbox" checked disabled> 리스트 문법 필요</li> <li><input type="checkbox" disabled> 미완료 작업 <ul> <li><input type="checkbox" disabled> 중첩된 미완료 작업</li> <li><input type="checkbox" checked disabled> 중첩된 완료 작업</li> </ul> </li> </ul> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | colspan="2" | 미디어위키에서는 직접적인 체크박스 지원이 제한적입니다. |- ! 위키 문법 ! 결과 |} ===이스케이프 문자 (Escaping)=== {| class="wikitable" |- | <syntaxhighlight> \*이것은 기울임이 아닙니다\* \# 이것은 제목이 아닙니다 \[이것은 링크가 아닙니다\] \`이것은 코드가 아닙니다\` 이스케이프할 수 있는 문자들: \ 백슬래시 ` 백틱 * 별표 _ 언더스코어 {} 중괄호 [] 대괄호 () 소괄호 # 해시 + 플러스 - 마이너스 . 점 ! 느낌표 </syntaxhighlight> | <syntaxhighlight lang='html'> *이것은 기울임이 아닙니다* # 이것은 제목이 아닙니다 [이것은 링크가 아닙니다] `이것은 코드가 아닙니다` </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> <nowiki>*이것은 기울임이 아닙니다*</nowiki> <nowiki># 이것은 제목이 아닙니다</nowiki> <nowiki>[이것은 링크가 아닙니다]</nowiki> <nowiki>`이것은 코드가 아닙니다`</nowiki> </syntaxhighlight> | <nowiki>*이것은 기울임이 아닙니다*</nowiki><br/> <nowiki># 이것은 제목이 아닙니다</nowiki><br/> <nowiki>[이것은 링크가 아닙니다]</nowiki><br/> <nowiki>`이것은 코드가 아닙니다`</nowiki> |- ! 위키 문법 ! 결과 |} ===줄바꿈 (Line Breaks)=== {| class="wikitable" |- | <syntaxhighlight> 첫 번째 줄 두 번째 줄 (줄 끝에 공백 2개) 첫 번째 줄 두 번째 줄 (빈 줄로 문단 구분) </syntaxhighlight> | <syntaxhighlight lang='html'> 첫 번째 줄<br/> 두 번째 줄 <p>첫 번째 줄</p> <p>두 번째 줄</p> </syntaxhighlight> |- ! 마크다운 문법 ! HTML 문법 |- | <syntaxhighlight> 첫 번째 줄<br/> 두 번째 줄 첫 번째 줄 두 번째 줄 </syntaxhighlight> | 첫 번째 줄<br/> 두 번째 줄 첫 번째 줄 두 번째 줄 |- ! 위키 문법 ! 결과 |} 편집 요약 가온 위키에서의 모든 기여는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 라이선스로 배포된다는 점을 유의해 주세요(자세한 내용에 대해서는 가온 위키:저작권 문서를 읽어주세요). 만약 여기에 동의하지 않는다면 문서를 저장하지 말아 주세요. 또한, 직접 작성했거나 퍼블릭 도메인과 같은 자유 문서에서 가져왔다는 것을 보증해야 합니다. 저작권이 있는 내용을 허가 없이 저장하지 마세요! 취소 편집 도움말 (새 창에서 열림)