실험용2 편집하기 (부분)

=== 코드 입력(syntaxhighlight) ===
[[C (프로그래밍 언어)|C]]나 [[파이썬]]처럼 [[프로그래밍 언어]]의 코드를 보여줄 때에는 div, pre나 code 태그 등을 사용하여 설명할 수 있습니다. 하지만 syntaxhighlight를 사용하면 에디터처럼 자동으로 구문에 강조나 색이 입혀집니다.

총 사용방법은 <code><nowiki><syntaxhighlight lang="{언어}" line="(line)" start="시작번호" highlight="줄번호" (inline)>코드</syntaxhighlight></nowiki></code>입니다. 편집기상에서 키보드로 직접 탭 문자(<code>	</code>)를 입력할 수는 없어, 대신 띄어쓰기(스페이스 바) 4개를 입력하거나 이를 복사해 붙여넣어야 합니다. 

; 언어
: 코드에 맞는 언어의 이름을 입력합니다. 지원하는 언어는 아래의 표와 같습니다.
: {| class="wikitable"
|-
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
| 
<syntaxhighlight lang="c">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
| rowspan="2" | C(위)와 파이썬(아래)의 Hello, world! 코드 비교.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="python">
print("Hello, world!")
</syntaxhighlight></pre>
| <syntaxhighlight lang="python">
print("Hello, world!")
</syntaxhighlight>
|-
|}
: {| class="wikitable collapsible collapsed" style="width: 100%; font-size: 85%; margin: auto;"
! 지원 언어 목록 (출처: [[mw:Extension:SyntaxHighlight#Supported languages|지원 언어]])
|-
| <div style="text-align: center">위키 마크업도 사용하실 수 있습니다. 아직 정식 지원은 안됩니다. 정식 지원이 될때까지 <big>html+handlebars</big>를 이용하시면 됩니다.<ref>Pygments does not yet provide a "wikitext" or "mediawiki" lexer (phab:T29828). Use "html+handlebars" or "moin" instead.</ref></div>
<div style="font-weight: bold; margin: auto;">프로그래밍 언어</div>
{{세로목록|열너비=15em|목록=
* ActionScript
* Ada
* Agda (literate 포함)
* Alloy
* AMPL
* ANTLR
* APL
* AppleScript
* Assembly (여러 종류)
* Asymptote
* Augeas
* AutoIt
* Awk
* BBC Basic
* Befunge
* BlitzBasic
* Boa
* Boo
* Boogie
* BrainFuck
* C, C++ (아두이노 같은 변형 포함)
* C#
* Chapel
* Charm++ CI
* Cirru
* Clay
* Clean
* Clojure
* CoffeeScript
* ColdFusion
* Common Lisp
* Component Pascal
* Coq
* Croc (MiniD)
* Cryptol (Literate Cryptol 포함)
* Crystal
* Cypher
* Cython
* D
* Dart
* DCPU-16
* Delphi
* Dylan (console 포함)
* Eiffel
* Elm
* Emacs Lisp
* Email
* Erlang (shell sessions 포함)
* Ezhil
* Factor
* Fancy
* Fantom
* Fennel
* FloScript
* Forth
* Fortran
* FreeFEM++
* F#
* GAP
* Gherkin (Cucumber)
* GLSL shaders
* Golo
* Gosu
* Groovy
* Haskell (Literate Haskell 포함)
* HLSL
* HSpec
* Hy
* IDL
* Idris (Literate Idris 포함)
* Igor Pro
* Io
* Jags
* Java
* JavaScript
* Jasmin
* Jcl
* Julia
* Kotlin
* Lasso (templating 포함)
* Limbo
* LiveScript
* Logtalk
* Logos
* Lua
* Mathematica
* Matlab
* Modelica
* Modula-2
* Monkey
* Monte
* MoonScript
* Mosel
* MuPad
* NASM
* Nemerle
* NesC
* NewLISP
* Nimrod
* Nit
* Notmuch
* NuSMV
* Objective-C
* Objective-J
* Octave
* OCaml
* Opa
* OpenCOBOL
* ParaSail
* Pawn
* PHP
* Perl 5
* Pike
* Pony
* PovRay
* PostScript
* PowerShell
* Praat
* Prolog
* Python (console sessions과 tracebacks 포함)
* QBasic
* Racket
* Raku a.k.a. Perl 6
* REBOL
* Red
* Redcode
* Rexx
* Ride
* Ruby (irb sessions 포함)
* Rust
* S, S-Plus, R
* Scala
* Scdoc
* Scheme
* Scilab
* SGF
* Shell scripts (Bash, Tcsh, Fish)
* Shen
* Silver
* Slash
* Slurm
* Smalltalk
* SNOBOL
* Snowball
* Solidity
* SourcePawn
* Stan
* Standard ML
* Stata
* Swift
* Swig
* SuperCollider
* Tcl
* Tera Term language
* TypeScript
* TypoScript
* USD
* Unicon
* Urbiscript
* Vala
* VBScript
* Verilog, SystemVerilog
* VHDL
* Visual Basic.NET
* Visual FoxPro
* Whiley
* Xtend
* XQuery
* Zeek
* Zephir
* Zig
}}
|-
| <div style="font-weight: bold; margin: auto;">템플릿 언어</div>
{{세로목록|열너비=15em|목록=
* Angular templates
* Cheetah templates
* ColdFusion
* Django / Jinja templates
* ERB (Ruby templating)
* Evoque
* Genshi (the Trac template language)
* Handlebars</translate>
* JSP (Java Server Pages)
* Liquid
* Myghty (the HTML::Mason based framework)
* Mako (the Myghty successor)
* Slim
* Smarty templates (PHP templating)
* Tea
* Twig
}}
|-
| <div style="font-weight: bold; margin: auto;">기타 마크업</div>
{{세로목록|열너비=15em|목록=
* Apache config files
* Apache Pig
* BBCode
* CapDL
* Cap'n Proto
* CMake
* Csound scores
* CSS
* Debian control files
* Diff files
* Dockerfiles
* DTD
* EBNF
* E-mail headers
* Extempore
* Flatline
* Gettext catalogs
* Gnuplot script
* Groff markup
* Hexdumps
* HTML
* HTTP sessions
* IDL
* Inform
* INI-style config files
* IRC logs (irssi style)
* Isabelle
* JSGF notation
* JSON, JSON-LD
* Lean theorem prover
* Lighttpd config files
* Linux kernel log (dmesg)
* LLVM assembly
* LSL scripts
* Makefiles
* MoinMoin/Trac Wiki markup
* MQL
* MySQL
* NCAR command language
* Nginx config files
* Nix language
* NSIS scripts
* Notmuch
* POV-Ray scenes
* Puppet
* QML
* Ragel
* Redcode
* ReST
* Roboconf
* Robot Framework
* RPM spec files
* Rql
* RSL
* Scdoc
* SPARQL
* SQL, also MySQL, SQLite
* Squid configuration
* TADS 3
* Terraform
* TeX
* Thrift
* TOML
* Treetop grammars
* USD (Universal Scene Description)
* Varnish configs
* VGL
* Vim Script
* WDiff
* Windows batch files
* XML
* XSLT
* YAML
* Windows Registry files
}}
|-
|}

; 줄(line)
: <code>line="line"</code>을 넣으면 코드 왼쪽에 줄 번호가 추가됩니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
| 
<syntaxhighlight lang="c" line="line">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
|-
|}

; 시작 번호
: 첫 번째 줄의 번호를 설정합니다. ('줄(line)'을 설정해야 함)
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" start="100">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
| 
<syntaxhighlight lang="c" line="line" start="100">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
|-
|}

; 줄 강조
: 강조하고 싶은 줄 번호를 입력하면, 해당 줄이 다른 색으로 강조됩니다.
: {| class="wikitable"
|-
! 입력
! 결과
! 설명
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" highlight="2">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
| 
<syntaxhighlight lang="c" line="line" highlight="2">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
| 
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" highlight="2,4">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
| 
<syntaxhighlight lang="c" line="line" highlight="2,4">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
| 떨어져 있는 줄들을 강조할 때에는 반점(,)을 사용합니다.
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" highlight="3-6">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
| 
<syntaxhighlight lang="c" line="line" highlight="3-6">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
| 연속된 줄들을 강조할 때에는 붙임표(-)를 사용합니다.
|-
|}

; 인라인(inline)
: <code>inline</code>을 넣으면, code 태그를 사용한 것처럼 한 문장 안에 코드를 넣을 수 있습니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;">앞말 앞말 <syntaxhighlight lang="c" inline>return 0;</syntaxhighlight>뒷말 뒷말</pre>
| 앞말 앞말 <syntaxhighlight lang="c" inline>return 0;</syntaxhighlight>뒷말 뒷말
|}

; 클래스(class)와 스타일(style)
: 다른 태그와 마찬가지로 class와 style을 사용할 수 있습니다. 아래 예시는 style을 사용하여 검은색 테두리를 입혔습니다.
: {| class="wikitable"
|-
! 입력
! 결과
|-
| <pre style="white-space: pre-wrap; background: #E0E0E03F; border: none; border-radius: 0; margin: 0; padding: 1em;"><syntaxhighlight lang="c" line="line" style="border: 1px solid black;">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight></pre>
| 
<syntaxhighlight lang="c" style="border: 1px solid black;">
#include <stdio.h>

int main(void)
{
    printf("Hello, world!\n");
    return 0;
}
</syntaxhighlight>
|-
|}