[[분류:인곽위키]]
[include(틀:인곽위키/공식문서)]
{{{#!wiki style="text-align:center;border:2px solid #00A495; padding: 10px;"
[[파일:나무위키 로고.svg|width=5%]]{{{+2 {{{#13AD65 이 문서는 나무위키에서 포크된 문서입니다.}}}}}}
이 문서의 전체 또는 일부는 나무위키의 문서에서 가져왔습니다.
||<width=30%><tablealign=center><colbgcolor=#008275> 원본 문서 ||<width=50%><tablealign=center> [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EB%AC%B8%EB%B2%95%20%EB%8F%84%EC%9B%80%EB%A7%90|@인곽위키:문법 도움말]] ||
|| 가져온 버전 ||[[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EB%AC%B8%EB%B2%95%20%EB%8F%84%EC%9B%80%EB%A7%90?uuid=77973800-f0cb-4d29-bb7b-11c3a6d80ed2|@인곽위키:문법 도움말_r889]]||
|| 역사 || [[https://namu.wiki/history/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EB%AC%B8%EB%B2%95%20%EB%8F%84%EC%9B%80%EB%A7%90|@인곽위키:문법 도움말:역사]] ||
}}}
[목차]
== 개요 ==
[[인곽위키]]의 문법 도움말입니다.
== 텍스트 ==
* '''관련 심화 문법'''
* {{{{{{#!wiki style= ...}}}}}} 문법을 사용한 응용 텍스트 문법 (텍스트 정렬, 자간 조절, 줄바꿈 기준 설정, 그라데이션 효과)
* HTML 코드 구현을 통한 응용 텍스트 문법 (텍스트 배경 색상, 텍스트 그림자·네온·외곽선 효과)
서식이 적용된 텍스트의 개행은 줄바꿈(엔터 키)이 아닌 {{{[br]}}} 매크로를 사용해야 합니다.
=== 텍스트 형태 ===
{{{#!wiki style="word-break: keep-all"
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><width=30%> 입력 ||<width=25%> 출력 ||<width=45%> 비고 ||
|| {{{'''굵게'''}}} || '''굵게 ''' ||{{{#!wiki style="min-width: 300px"
작은따옴표(')를 세 번 입력한 상태입니다.}}}||
|| {{{''기울임''}}} || ''기울임'' ||작은따옴표(')를 두 번 입력한 상태입니다.||
|| {{{__밑줄__}}} || __밑줄__ ||언더바(_)를 두 번 입력한 상태입니다.||
|| {{{~~취소선 1~~}}} || ~~취소선 1~~ ||<|2>둘 중 어느 취소선 문법을 사용하든 출력에 차이가 없습니다. 다만 {{{~~취소선--}}} 또는 {{{--취소선~~}}}처럼 혼용하는 것은 위키 시스템 상 불가능합니다. ||
|| {{{--취소선 2--}}} || --취소선 2-- ||
|| 기준글자{{{^^위첨자^^}}} || 기준글자^^위첨자^^ ||<|2>텍스트 크기는 -2입니다. 단, 글자 크기를 줄이고 싶은 경우 이 문법이 아닌 텍스트 크기 문법을 사용하세요!||
|| 기준글자{{{,,아래첨자,,}}} || 기준글자,,아래첨자,, ||
|| {{{{{{[[리터럴]]}}}}}} || {{{[[리터럴]]}}} ||위키 문법이 적용되지 않고 고정폭 글꼴로 입력한 그대로가 출력됩니다. 주로 문법 안내 등에 사용합니다. 이 표의 첫번째 열에도 이 문법이 사용된 것입니다. ||}}}
=== 텍스트 크기 ===
{{{#!wiki style="word-break: keep-all"
텍스트의 크기를 -5와 +5 사이의 정수를 입력하여 조절할 수 있습니다.
'\{{{'를 입력했으면 '\}}}'로 닫아야 정상적으로 출력됩니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 || 적용 크기 || 입력 || 출력 || 적용 크기 ||
|| {{{기본}}} || 기본 ||1.00000em || {{{기본}}} || 기본 ||1.00000em ||
|| {{{{{{+1 +1단계}}}}}} || {{{+1 +1단계}}} ||1.28889em || {{{{{{-1 -1단계}}}}}} || {{{-1 -1단계}}} ||0.92589em ||
|| {{{{{{+2 +2단계}}}}}} || {{{+2 +2단계}}} ||1.38889em || {{{{{{-2 -2단계}}}}}} || {{{-2 -2단계}}} ||0.83333em ||
|| {{{{{{+3 +3단계}}}}}} || {{{+3 +3단계}}} ||1.48144em || {{{{{{-3 -3단계}}}}}} || {{{-3 -3단계}}} ||0.74067em ||
|| {{{{{{+4 +4단계}}}}}} || {{{+4 +4단계}}} ||1.57400em || {{{{{{-4 -4단계}}}}}} || {{{-4 -4단계}}} ||0.64811em ||
|| {{{{{{+5 +5단계}}}}}} || {{{+5 +5단계}}} ||1.66667em || {{{{{{-5 -5단계}}}}}} || {{{-5 -5단계}}} ||0.62222em ||
||<-6><bgcolor=#00a495><color=#fff> 응용 ||
||<-3> {{{{{{+5 {{{+5 +5+5단계}}}}}}}}} ||<-3> {{{+5 {{{+5 +5+5단계}}}}}} ||}}}
=== 텍스트 색상[anchor(textcolor)] ===
{{{#!wiki style="word-break: keep-all"
텍스트의 색상을 헥스 코드[* # 뒤에 붙는 여섯자리 숫자로 색상을 나타낸 것. 숫자는 두 자리씩 끊어서 각각 'Red', 'Green', 'Blue'의 강도를 256(=16^^2^^)단계에 걸쳐 나타낸 것이며, 16진수로 표현되어 00(=0,,10,,)일 때 가장 어둡고 FF(=255,,10,,)일 때 가장 밝습니다. 중간값은 80(=128,,10,,)입니다.]나 CSS 색상명[* # 뒤에 이미 정의된 색상명을 그대로 입력하는 방식을 말합니다.]을 입력하여 조절할 수 있습니다.
색상코드표는 헥스 코드를 따릅니다.
다크 모드 대응 색상을 지정하지 않으면 자동으로 다크모드 대응 색상으로 변경되며, 라이트 모드와 동일한 색상을 의도하시는 경우 명암비에 맞춰서 다크 모드 대응 색상을 별도로 지정합니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
||<|8> 기본 예시 || {{{#!wiki style="min-width: 280px"
{{{{{{#ff0000 텍스트}}}}}}}}} ||<|3> {{{#f00 텍스트}}} ||<|7>{{{#!wiki style="min-width: 200px"
헥스 코드와 CSS 색상명 모두 대소문자 구별없이 입력 가능합니다.[br][br]예시와 같이 일부 색상의 경우 세 자리만 입력하는 축약형 헥스코드[* 'Red', 'Green', 'Blue'의 강도를 256단계 대신 16단계로만 표현한 방식입니다. 0일때 가장 어둡고 F(=15,,10,,)일 때 가장 밝습니다.]를 사용할 수도 있습니다.[br][br]투명도 요소가 추가된 #RRGGBBAA 색상은 지원하지 않습니다.}}}||
|| {{{{{{#f00 텍스트}}}}}} ||
|| {{{{{{#red 텍스트}}}}}} ||
|| {{{{{{#880088 text}}}}}} ||<|3> {{{#808 text}}} ||
|| {{{{{{#808 text}}}}}} ||
|| {{{{{{#purple text}}}}}} ||
|| {{{{{{#00a495 인곽위키색}}}}}}[* 축약형 헥스 코드 또는 CSS 색상명으로 나타낼 수 없는 색상입니다. 6자리 코드를 써야만 표현할 수 있습니다.] || {{{#00a495 인곽위키색}}} ||
|| {{{{{{#transparent 투명색}}}}}} || {{{#transparent,#transparent 투명색}}} ||드래그하면 보입니다. ||
||<|2> 다크 테마용 색상[br]별도 지정 || {{{{{{#888,#ff0 다크텍스트}}}}}} ||<|2> {{{#888,#ff0 다크텍스트}}} ||<|2>첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다. 확인을 위해 다크 테마와 라이트 테마를 전환해보세요.[br][br]두 색상코드 끼리는 쉼표를 사이에 두고 붙여써야만 합니다. 쉼표 뒤에 공백을 넣을 경우 정상 출력이 되지 않습니다.[br][br]색상 문법이 적용되지 않은 일반 텍스트는 라이트 모드에서 {{{#212529}}}(검은색), 다크 모드에서 {{{#e0e0e0}}}(옅은 회색) 색상이 자동으로 적용됩니다. ||
|| {{{{{{#gray,#yellow 다크텍스트}}}}}} ||
||<|2> 밑줄 서식과 중첩 || {{{{{{#red __밑줄 포함__}}}}}} || {{{#red __밑줄 포함__}}} ||<|2>색상 문법과 밑줄 문법의 순서에 따라 밑줄에 색상 지정 여부가 다릅니다. ||
|| {{{__{{{#red 밑줄 제외}}}__}}} || __{{{#red 밑줄 제외}}}__ ||
||<|2> 크기 서식과 중첩 || {{{{{{+1 {{{#blue 큰글자파랑}}}}}}}}} ||<|2> {{{+1 {{{#blue 큰글자파랑}}}}}} ||<|2>밑줄과 달리 크기 서식을 색상과 결합할 경우 문법의 순서가 출력에 영향을 미치지 않습니다. ||
|| {{{{{{#blue {{{+1 큰글자파랑}}}}}}}}} ||}}}[각주]
== 하이퍼링크 ==
{{{#!wiki style="word-break: keep-all"
* '''관련 심화 문법'''
* 앵커 문법 (임의의 위치 혹은 자동 생성된 앵커의 위치로 하이퍼링크 걸기)
* ||, {{{\}}}, #이 제목에 쓰이거나 제목이 ]로 끝나거나 제목이 /로 시작하는 문서로 하이퍼링크 걸기]]
문서 내에 다른 문서나 외부 사이트로 가는 하이퍼링크를 텍스트나 이미지 파일로 출력할 수 있습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 출력 ||<width=40%> 비고 ||
|| 기본 || {{{[[문서]]}}} || [[문서]] ||문서명에 대괄호({{{[]}}})나 백슬래시({{{\}}}), 수직선({{{|}}})글자가 들어갈 경우 해당 글자마다 앞에 백슬래시({{{\}}})를 입력해야 링크가 정상적으로 생성됩니다. ||
|| 링크 문서와 출력을 다르게 || {{{[[문서|출력글자]]}}} ||<width=70> [[문서|출력글자]] ||[br][br]PC 브라우저에서 링크 위에 마우스 커서를 올리거나 모바일 브라우저에서 링크를 길게 누르면 [[인곽위키|이동하게 될 문서명을 미리 확인할 수 있습니다]]. 일부 브라우저에서는 지원이 안 될 수 있습니다.[br][br]출력글자 부분에 뭔가를 입력하고 문서 부분에 아무것도 입력하지 않으면 기존 문서로 링크되고, 출력글자는 볼드 처리가 됩니다. ||
|| 링크 텍스트에 색상 적용 || {{{[[문서|{{{#ff85b1 문서}}}]]}}} || [[문서|{{{#ff85b1 문서}}}]] ||색상뿐 아니라 {{{[[문서|{{{+1 문서}}}]]}}} 등 글자 크기도 적용할 수 있습니다. ||
|| 이미지 파일에 링크 걸기 || {{{[[인곽위키|[[파일:인천과학고등학교 로고.png]]]]}}} || [[인곽위키|[[파일:인천과학고등학교 로고.png|width=25]]]] || ||
||<|2> 이미지와 분류를 텍스트 링크로 적용 || {{{[[:파일:인천과학고등학교 로고.png]]}}} || [[:파일:인천과학고등학교 로고.png]] ||<|2>틀의 경우 {{{[[틀:인곽위키]]}}}와 같이 기본 문서처럼 링크를 걸면 됩니다. ||
|| {{{[[:분류:인곽위키]]}}} || [[:분류:인곽위키]] ||
||<|3> 현재 문서 특정 문단으로 링크 걸기 || {{{[[#s-1|1문단으로]]}}} || [[#s-1|1문단으로]] ||<|3>{{{#}}}뒤에 s-문단 번호 또는 문단명을 입력하면 현재 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명만 출력됩니다.[br][br]입력한 문단명이나 문단 번호가 존재하지 않을 경우 문서 내 특정 문단으로 이동할 수 없습니다.[br][br]{{{#crimson ※ 일반적으로 문단 번호는 쉽게 변경될 수 있습니다. 문단 번호 링크보다는 문단명 링크를 권장합니다.}}}||
|| {{{[[#개요]]}}} || [[#개요]] ||
|| {{{[[#개요|개요 문단으로]]}}} || [[#개요|개요 문단으로]] ||
||<|3> 다른 문서 특정 문단으로 링크 걸기 || {{{[[인곽위키#s-2|해당 문단 참고]]}}} || [[인곽위키#s-2|해당 문단 참고]] ||<|3>이동할 문서명을 쓰고 #뒤에 s-문단 번호 또는 문단명을 입력하면 해당 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명이 빠지고 문서명만 출력됩니다.[br][br]이 문법 사용 시 링크하는 문서명은 리다이렉트 문서가 아니어야 합니다. 예를 들어, '[[플루토늄]]'은 그 자체로 본문을 가진 문서가 아니라 '[[PLUTONIUM]]'으로 연결시켜주는 리다이렉트 문서입니다. 이 문서의 2번 문단으로 이동하는 링크를 만들고 싶다면 반드시 {{{[[PLUTONIUM#s-2]]}}}이어야 하며 {{{[[플루토#s-2]]}}}로 작성하면 '''정상 동작하지 않습니다'''.||
|| {{{[[인곽위키#역사]]}}} || [[인곽위키#기능]] ||
|| {{{[[인곽위키#역사|해당 문단 참고]]}}} || [[인곽위키#역|해당 문단 참고]] ||
|| 현재 문서의 상위 문서 링크 || {{{[[../]]}}} || [[../]][* 본 문서의 상위 문서가 없으므로 현재 문서로 링크되고, 현재 문서로 링크되기에 볼드 처리가 됩니다.] ||{{{#crimson ※ {{{[[../]]}}}가 사용된 문서의 RAW를 복사하여 다른 문서나 토론 창에 붙여넣을 경우 (상위문서가 없으므로) 링크가 깨지는 현상이 발생할 수 있습니다. 따라서 인용할 일이 많은 문서(인곽위키의 규정 문서 등)에서는 {{{../}}} 문법보다 정확한 문서 명칭을 전부 작성해 주시기 바랍니다.}}}||
||<|2> 현재 문서의 하위 문서 링크 || {{{[[/심화]]}}} || [[/심화]] ||<|2>{{{/}}}을 여러 번 사용하면 하위 문서의 하위 문서도 링크할 수 있습니다.[br][br]상위 문서 링크와 마찬가지의 이유로 RAW를 인용할 일이 많은 문서(인곽위키의 규정 문서 등)에서는 이 문법을 이용하기보다 문서명을 전부 작성해 주는 것이 좋습니다. ||
|| {{{[[/심화/TeX]]}}} || [[/심화/TeX]] ||
||<|3> 외부 페이지 링크 || {{{[[https://www.google.com/]]}}} || [[https://www.google.com/|{{{#!html ​}}}https://{{{#!html ​}}}www{{{#!html ​}}}.{{{#!html ​}}}google{{{#!html ​}}}.{{{#!html ​}}}com{{{#!html ​}}}/]] ||기본 링크 표시입니다. 외부 이미지 파일 등 링크가 지나치게 길어져서 가독성을 해치는 경우가 종종 있으므로 권장되지 않습니다. ||
|| {{{[[https://www.google.com/|구글]]}}} || [[https://www.google.com/|구글]] ||다른 단어를 사용해 링크를 출력한 표시입니다. '출처', '사이트 명칭(ex. 언론사, 검색엔진 등)' 등 어떤 사이트임을 한눈에 알 수 있는 단어를 사용하시는 게 좋습니다. ||
|| {{{[[https://www.google.com/|[[파일:인스타그램 아이콘.svg]]]]}}} || [[https://www.google.com/|[[파일:인스타그램 아이콘.svg|width=25]]]] ||파일 자체에 링크. 예를 들어 특정 인물 문서 프로필의 SNS 아이콘에 링크를 걸어 해당 인물의 SNS 페이지로 이동할 수 있습니다.[br][br]특정 아이콘들은 특정 주소를 가리킬 때 초록색 외부링크 아이콘이 사라집니다. [[:분류:파일/링크 아이콘]] 참고. ||}}}[각주]
== 리다이렉트 ==
[[리다이렉트]] 문서는 특정 검색어 검색 시 목적지 문서로 즉시 넘겨주는 문서입니다. 리다이렉트 문서의 생성법은 일반 문서 생성 방법과 동일하며, 아래 입력 내용만을 적어야 합니다. 이외의 어떤 내용도 추가로 적어서는 안됩니다.[* 추가로 적은 내용들은 모두 '''삭제됩니다'''.]
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><width=20%> 유형 ||<width=40%> 입력 ||<width=40%> 비고 ||
||<|2> 기본 || {{{#redirect 목적지 문서}}} ||<|2>목적지 문서의 표제어 맨 뒤를 제외한 위치에 해시(#)가 들어갈 경우 해시 앞에 \\를 입력해야 정상적으로 작동됩니다.||
|| {{{#넘겨주기 목적지 문서}}}[* 자동으로 redirect로 수정됩니다.] ||
||<|2> 특정 문단으로 리다이렉트 || {{{#redirect 목적지 문서#s-문단 번호}}} ||<|2>목적지 문서에 해당 앵커나 문단이 없을 경우 문서 최상단으로 리다이렉트됩니다.||
|| {{{#redirect 목적지 문서#문단명}}} ||
[각주]
== 이미지 파일 ==
파일 업로더를 통해 생성한 파일 문서의 이미지 파일을 문서 내에 출력할 수 있습니다. 또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다. 문서 내에 출력된 이미지 파일은 해당 이미지 파일의 파일 문서로의 하이퍼링크 기능도 겸합니다.
외부 이미지를 업로드하지 않고 인곽위키 문서 내에 출력하는 방법은 없습니다.
{{{#!wiki style="word-break: keep-all"
이미지 파일을 삽입하는 기본 문법은 아래와 같습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><-2><width=10%> 유형 || 입력 || 비고 ||
||<-2> 기본 || {{{[[파일:example.png]]}}}[* 앞 또는 뒤에 공백을 넣은 {{{[[ 파일:example.png]]}}}, {{{[[파일:example.png ]]}}} 형식으로도 작동은 하지만 '''권장하지 않습니다.'''] ||이미지를 문서에 직접 출력하지 않고 '''텍스트 하이퍼링크'''로 하고자 하는 경우, 맨 앞에 쌍점(:)을 붙여 {{{[[:파일:example.png]]}}}와 같이 작성합니다. ||
||<|2> 매개변수 포함 || 단일 || {{{[[파일:example.png|매개변수]]}}} ||{{{[[파일:example.png|width=숫자]]}}}와 같이 사용합니다.||
|| 중첩 || {{{[[파일:example.png|매개변수1&매개변수2&...]]}}} ||{{{[[파일:example.png|width=숫자&align=위치]]}}}와 같이 매개변수 사이에 앰퍼샌드(&) 구분자를 넣어 사용합니다.||}}}
매개변수의 종류와 사용법은 아래와 같습니다.
{{{#!wiki style="word-break: keep-all"
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><-2> 유형 || 매개변수 || 비고 ||
||<|2> 픽셀 지정 || 너비 || {{{width=숫자}}} ||<|2>문서에 삽입된 이미지는 화면을 넘어가지 않는 한 원래 크기로 출력됩니다.[br][br]이미지의 크기를 높이(height) 변경으로 지정하는 것은 권장되지 않습니다. 되도록이면 너비(width) 변경으로 지정해 주세요.[br][br]{{{width}}} 변수와 {{{height}}} 변수를 동시에 사용하면 이미지 비율이 달라질 수 있는데 아래 {{{object-fit}}} 매개변수를 사용하면 원본 비율을 유지할 수 있습니다.||
|| 높이 || {{{height=숫자}}} ||
||<|2> 비율 지정 || 너비 || {{{width=숫자%}}} ||<|2>사이트나 표의 고정폭 대비 이미지 파일의 너비나 높이의 비율을 지정합니다.[br][br]{{{#red '''주의'''}}}: {{{width=숫자%}}}만 삽입하는 경우에는 사용자가 보고 있는 화면 폭에 대한 비율로 이미지가 출력되므로 임의의 사용자가 보기 좋은 적정 너비 선정이 어렵습니다. 표에 넣지 않고 단독으로 이미지 너비 지정을 할 경우 가능한 한 절대 수치를 이용해주세요.[br][br]표에 이미지를 추가하려는 경우에는 테이블 절대폭 문법과 함께 이미지 상대폭 문법을 사용하면 __설정한 테이블 절대폭에 대한__ 이미지 상대폭이 지정되므로 결과적으로 이미지 너비를 고정하는 효과를 얻을 수 있습니다.||
|| 높이 || {{{height=숫자%}}} ||
||<-2> 정렬 지정 || {{{align=위치}}} ||'위치'의 종류는 수평 정렬과 수직 정렬이 있으며, 각각 아래와 같이 세 종류가 있습니다.
왼쪽 정렬: {{{left}}} / 가운데 정렬: {{{center}}} 또는 {{{middle}}} / 오른쪽 정렬: {{{right}}}
||
||<-2> 배경색 지정 || {{{#!wiki style="word-break: break-all"
{{{bgcolor=#RRGGBB}}}}}} ||라이트 테마 또는 다크 테마를 고려해 투명한 값이 있는 파일의 배경색을 지정할 수 있습니다.||
||<-2> 라이트{{{#!html ​}}}/{{{#!html ​}}}다크 모드 지정 || {{{theme=상태}}} ||파일을 라이트 모드 또는 다크 모드에서만 출력되도록 지정할 수 있습니다. '상태'에는 다음과 같은 값을 입력하며, 지정하지 않으면 라이트 모드와 다크 모드 모두에서 표시됩니다.
* 라이트 모드: {{{light}}}
* 다크 모드: {{{dark}}}
||
||<-2> 모서리 곡률 지정 || {{{border-radius=픽셀}}} ||이미지 파일의 모서리 곡률을 지정할 수 있는 문법입니다. ||
||<-2> 픽셀화 || {{{rendering=pixelated}}} ||비트맵 이미지는 자동으로 안티에일리어싱이 적용되어 나오는데, 이를 적용되지 않게 해 줍니다. 픽셀의 수가 적은 비트맵 이미지를 확대하면 이 안티에일리어싱으로 인해 이미지가 흐리게 나오는데, 이를 선명하게 표시하여야 할 때 유용한 속성입니다. [[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A53?uuid=77be74b2-da44-43ba-8345-50dc146ac0b9|예시]] ||
||<-2><|5> 크기 맞춤 || {{{object-fit=fill}}} ||{{{#!wiki style="display: flex"
{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
[[파일:인천과학고등학교 로고.png|width=120&height=120&object-fit=fill]]
}}} {{{#!wiki style="margin-top: -15px"
[br]{{{원본: 200x100
매개변수: width=120&height=120&object-fit=fill
}}} 지정된 너비와 높이에 맞게 이미지가 늘려서 조절됩니다. 이미지가 왜곡될 수 있습니다. 기본값입니다. svg 파일은 {{{object-fit=contain}}}으로 표시됩니다.}}}}}} ||
|| {{{object-fit=contain}}} ||{{{#!wiki style="display: flex"
{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
[[파일:인천과학고등학교 로고.png|width=120&height=120&object-fit=contain]]
}}} {{{#!wiki style="margin-top: -15px"
[br]{{{원본: 200x100
매개변수: width=120&height=120&object-fit=contain
}}} 이미지의 원본 비율을 유지하면서 지정된 너비와 높이 내에 포함되도록 조절됩니다. 여백이 생길 수 있습니다.}}}}}} ||
|| {{{object-fit=cover}}} ||{{{#!wiki style="display: flex"
{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
[[파일:인천과학고등학교 로고.png|width=120&height=120&object-fit=cover]]
}}} {{{#!wiki style="margin-top: -15px"
[br]{{{원본: 200x100
매개변수: width=120&height=120&object-fit=cover
}}} 이미지의 원본 비율을 유지하면서 지정된 너비와 높이를 모두 채우도록 조절됩니다. 이미지가 잘릴 수 있습니다.}}}}}} ||
|| {{{object-fit=none}}} ||{{{#!wiki style="display: flex"
{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
[[파일:인천과학고등학교 로고.png|width=120&height=120&object-fit=none]]
}}} {{{#!wiki style="margin-top: -15px"
[br]{{{원본: 200x100
매개변수: width=120&height=120&object-fit=none
}}} 이미지의 원본 크기[* 예시 이미지의 실제 이미지 크기는 400x200인데 인곽위키 엔진 이미지 최적화로 인해 0.5배인 200x100이 이미지 소스로 사용되어 200x100을 유지합니다.]를 유지하면서 지정된 너비와 높이 가운데에 위치됩니다.}}}}}} ||
|| {{{object-fit=scale-down}}} ||{{{#!wiki style="display: flex"
{{{#!wiki style="border: 2px solid #888; background: #ddd; margin-right: 10px; height: fit-content"
[[파일:인천과학고등학교 로고.png|width=120&height=120&object-fit=scale-down]]
}}} {{{#!wiki style="margin-top: -15px"
[br]{{{원본: 200x100
매개변수: width=120&height=120&object-fit=scale-down
}}} none과 contain 중 크기가 작은 쪽으로 선택됩니다. 이미지 크기를 늘리지 않으면서 잘리지 않게 포함할 때 사용합니다.}}}}}} ||
}}}
모바일에선 최대로 보이게 하려고 PC에서 파일의 너비를 최대로 하거나, PC에서 파일의 너비를 적절하게 설정했지만 모바일에선 가로로 슬라이드해서 이미지를 봐야 하는 상황을 막기 위해 다음과 같이 할 수 있습니다.
{{{||<width=숫자> [[파일:example.png|width=100%]] ||
}}}
이렇게 하면 PC에선 적절한 너비로 볼 수 있고, 모바일에선 화면 크기에 맞춘 이미지를 볼 수 있으며, 아래에 이미지가 있다면 적절한 간격으로 떨어지는 효과를 볼 수 있습니다. 추가로 {{{<tablealign=center / right>}}}를 사용해 이미지의 위치도 지정할 수 있게 됩니다. 틀의 배경이 불편하다면 다음과 같이 사용할 수 있습니다.
{{{||<width=숫자><nopad> [[파일:example.png|width=100%]] ||
}}}이렇게 하면 틀의 배경이 보이지 않으면서 위의 효과들을 볼 수 있고, {{{<tablebordercolor=색깔>}}}을 이용한다면 적절한 테두리 색까지 입힐 수 있게 됩니다.
[각주]
== 동영상 ==
{{{#!wiki style="word-break: keep-all"
매크로를 이용하여 외부 사이트의 동영상을 첨부할 수 있습니다. 기본적으로 {{{[코드(아이디)]}}} 형식으로 입력합니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><width=70> 플랫폼 || 입력 || 주소 내 아이디 위치 ||
|| [[유튜브]] || {{{[youtube(jNQXAC9IVRw)]}}} ||https://www.youtube.com/watch?v={{{#red '''jNQXAC9IVRw'''}}}[br]https://youtu.be/{{{#red '''jNQXAC9IVRw'''}}}||
|| [[카카오TV]] || {{{[kakaotv(405064748)]}}} ||https://tv.kakao.com/channel/2661262/cliplink/{{{#red '''405064748'''}}}||
|| [[니코니코 동화]] || {{{[nicovideo(sm8628149)]}}} ||https://www.nicovideo.jp/watch/{{{#red '''sm8628149'''}}}||
|| [[Vimeo]] || {{{[vimeo(584524359)]}}} ||https://vimeo.com/{{{#red '''584524359'''}}} ||
|| [[네이버TV]] || {{{[navertv(1369799)]}}} ||https://tv.naver.com/v/{{{#red '''1369799'''}}}||
||<rowbgcolor=#ccc,#555> [[네이버]] 블로그/카페 동영상 || {{{[include(틀:navervid, vid=XXX, outkey=YYY)]}}} ||https://serviceapi.nmv.naver.com/flash/convertIframeTag.nhn?vid={{{#red '''XXX'''}}}&outKey={{{#red '''YYY'''}}}||
||<rowbgcolor=#ccc,#555> [[페이스북]] 동영상 || {{{[include(틀:fbvideo, fid=XXX, vid=YYY)]}}} ||https://www.facebook.com/{{{#red '''XXX'''}}}/videos/{{{#red '''YYY'''}}} ||
||<rowbgcolor=#ccc,#555> 기타 플랫폼 동영상 || {{{[include(틀:iframe, src=###)]}}} ||<iframe src="{{{#red '''https://www.youtube.com/embed/jNQXAC9IVRw'''}}}" width="640" height="360" frameborder="0" allowfullscreen></iframe> ||
||<rowbgcolor=#ccc,#555> 파일형식 동영상 || {{{[include(틀:video, src=###)]}}} ||<video src="{{{#red '''https://www.mois.go.kr/cmm/fms/FileDown.do?atchFileId=FILE_000000000010854&fileSn=0'''}}}" controls></video> ||
||<-3> 회색배경은 기타 문법 틀을 이용하여 삽입하므로, 다른 틀에 적용(include)시킬 수 없습니다. ||
매개변수를 이용해 동영상 속성을 지정할 수 있습니다. 입력 틀은 아래와 같습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 || 예시 ||
|| 단일 매개변수 || {{{[코드(아이디, 매개변수)]}}} ||{{{[youtube(jNQXAC9IVRw, start=8)]}}}||
|| 매개변수 중첩 || {{{[코드(아이디, 매개변수1, 매개변수2,...)]}}} ||{{{[youtube(jNQXAC9IVRw, width=640, height=360)]}}}||
매개 변수의 종류는 다음과 같습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 매개변수 || 비고 ||
|| 너비 픽셀 지정 || {{{width=숫자}}} || ||
|| 높이 픽셀 지정 || {{{height=숫자}}} || ||
|| 너비 비율 지정 || {{{width=숫자%}}} || 높이(height)는 비율을 지정할 수 없습니다. ||
|| 시작 시간 지정 || {{{start=초}}} ||<|2> YouTube 동영상에만 적용할 수 있습니다. ||
|| 종료 시간 지정 || {{{end=초}}}[* 해당 초에 영상이 종료되므로 해당 초까지 영상이 재생되게 하고 싶다면 1초를 더한 값을 넣으셔야 합니다. 예를 들어 내가 원하는 부분이 25.3초에서 끝난다고 하면 'end=26'을 넣어야 합니다.] ||
동영상은 텍스트처럼 왼쪽 정렬이 기본값입니다. 동영상의 위치 정렬 방법은 다음과 같습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 정렬 유형 || 입력 || 비고 ||
||<|2> 테이블 사용 ||{{{||<table align=center><nopad> [youtube(jNQXAC9IVRw)] ||}}} ||<|2>테이블 안에 동영상을 넣고 테이블을 정렬한 형태입니다.[br]<tablebordercolor=색깔>을 이용해 테두리 색도 지정할 수 있습니다. ||
||{{{||<table align=right><nopad> [youtube(jNQXAC9IVRw)] ||}}} ||
|| 틀 사용 || 중앙: {{{[include(틀:영상 정렬, url=jNQXAC9IVRw)]}}}[br]우측: {{{[include(틀:영상 정렬, r=, url=jNQXAC9IVRw)]}}} ||(유튜브 동영상만 지원)[br]여백 없이 동영상을 중앙 또는 우측에 정렬합니다.[br]이 틀은 매개변수 입력으로[br]캡션(설명글), 테두리색, 배경색 지정도 가능합니다. ||}}}[각주]
== 문단 ==
문단을 생성할 수 있습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><width=60> 유형 || 기본 문단 || 접힌 문단 ||
|| 1단계 || {{{= 문단 1 =}}} || {{{=# 문단 1 #=}}} ||
|| 2단계 || {{{== 문단 2 ==}}} || {{{==# 문단 2 #==}}} ||
|| 3단계 || {{{=== 문단 3 ===}}} || {{{===# 문단 3 #===}}} ||
|| 4단계 || {{{==== 문단 4 ====}}} || {{{====# 문단 4 #====}}} ||
|| 5단계 || {{{===== 문단 5 =====}}} || {{{=====# 문단 5 #=====}}} ||
|| 6단계 || {{{====== 문단 6 ======}}} || {{{======# 문단 6 #======}}} ||
{{{#!wiki style="word-break: keep-all"
* 1단계 문단은 글씨가 지나치게 커진다는 점이 있어 일반적으로 {{{#red '''금지'''}}}되어 있습니다. 다만, 사용자 문서에서는 '''예외적으로''' 사용이 가능합니다. 또한 문단명에 대해 일부 텍스트 문법의 사용을 '''제한'''하고 있습니다.
* '{{{==문단==}}}'과 같이 문단명 앞, 뒤에 공백이 없거나 '{{{== 문단 == }}}'과 같이 문법 바깥쪽에 공백이 있을 경우, '{{{== 문단 ===}}}'처럼 양 옆의 {{{=}}} 개수가 다를 경우 문법이 '''정상적으로 출력되지 않습니다.'''
* 첫 문단을 {{{== 문단 2 ==}}}로 사용하였으면 하위 문단은 문단명 양 옆의 {{{=}}}를 두 개가 아닌 하나만 늘려 작성합니다.}}}
[각주]
== 리스트 ==
가시성을 위해 이 문단에선 공백을 {{{#red {{{○}}}}}}으로 표시합니다.
=== 기본 형식 ===
리스트를 추가할 수 있습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 ||
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}* 리스트 1
{{{#red ○○}}}* 리스트 1.1
{{{#red ○}}}* 리스트 2
{{{#red ○○}}}* 리스트 2.1
{{{#red ○○○}}}* 리스트 2.1.1}}}
||{{{#!wiki
* 리스트 1
* 리스트 1.1
* 리스트 2
* 리스트 2.1
* 리스트 2.1.1}}}
||
'''별표 앞에 띄어쓰기를 생략하면 정상 출력되지 않습니다.''' 단, 별표와 내용 사이는 띄어쓰든 붙여쓰든 상관이 없습니다.
하위 리스트의 생성은 줄 앞의 띄어쓰기를 상위 리스트보다 더 많게 입력하면 됩니다. 띄어쓰기 개수에 따라 리스트 깊이가 정해집니다. 첫 번째 깊이에서 사용되는 글머리 기호는 불릿 •(U+2022)입니다.
----
{{{+1 '''일반 줄글로 리스트 형식과 비슷하게 쓰기'''}}}
리스트 특유의 들여쓰기, 행 높이 설정 등을 쓰고 싶지 않은 경우 리스트 앞의 원형 점 역할을 아래 특수 문자를 대용으로 쓸 수 있습니다. 한국어 윈도우 환경에서 쉽게 넣을 수 있는 자음 + 한자로 입력하는 특문들은 이런 용도로 쓰기에는 너무 작거나(·, Middle Dot, ㄱ열 18번), 너무 커서(●, Black Circle, ㅁ열 11번) 기피됩니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 특문 || 설명 || 예시 ||
|| • ||U+2022: BULLET (HTML •) ||<|6>{{{#!wiki style="margin: -15px -10px"
||• BU[br]• BU[br]• BU ||‣ TB[br]‣ TB[br]‣ TB ||⁃ HB[br]⁃ HB[br]⁃ HB ||
||▪ BSS[br]▪ BSS[br]▪ BSS ||◘ IB[br]◘ IB[br]◘ IB ||◦ WB[br]◦ WB[br]◦ WB ||}}}
||
|| ‣ ||U+2023: TRIANGULAR BULLET (HTML ‣) ||
|| ⁃ ||U+2043: HYPHEN BULLET (HTML ⁃) ||
|| ▪ ||U+25AA: BLACK SMALL SQUARE (HTML ▪) '''{{{#red ✔ 추천}}}''' ||
|| ◘ ||U+25D8: INVERSE BULLET (HTML ◘) ||
|| ◦ ||U+25E6: WHITE BULLET (HTML ◦) ||
=== 번호 있는 리스트 ===
번호 있는 리스트를 표기할 때, {{{1.}}}, {{{2.}}}, {{{3.}}}, ...의 방식으로 표기하는 것이 아니라, 모든 리스트를 {{{1.}}}로 표기합니다. 번호 있는 리스트와 번호 없는 리스트는 혼합해서 사용할 수 있습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><:>유형
||<:>입력
||<:>출력
||
||<:>숫자
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}1. 리스트 1
{{{#red ○○}}}1. 리스트 1.1
{{{#red ○○}}}1. 리스트 1.2
{{{#red ○}}}1. 리스트 2
{{{#red ○○}}}1. 리스트 2.1}}}
||{{{#!wiki
1. 리스트 1
1. 리스트 1.1
1. 리스트 1.2
1. 리스트 2
1. 리스트 2.1}}}
||
||<:>영문 알파벳 소문자
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}a. 리스트 1
{{{#red ○○}}}a. 리스트 1.1
{{{#red ○○}}}a. 리스트 1.2
{{{#red ○}}}a. 리스트 2
{{{#red ○○}}}a. 리스트 2.1}}}
||{{{#!wiki
a. 리스트 1
a. 리스트 1.1
a. 리스트 1.2
a. 리스트 2
a. 리스트 2.1}}}
||
||<:>영문 알파벳 대문자
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}A. 리스트 1
{{{#red ○○}}}A. 리스트 1.1
{{{#red ○○}}}A. 리스트 1.2
{{{#red ○}}}A. 리스트 2
{{{#red ○○}}}A. 리스트 2.1}}}
||{{{#!wiki
A. 리스트 1
A. 리스트 1.1
A. 리스트 1.2
A. 리스트 2
A. 리스트 2.1}}}||
||<:>로마 숫자 소문자
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}i. 리스트 1
{{{#red ○○}}}i. 리스트 1.1
{{{#red ○○}}}i. 리스트 1.2
{{{#red ○}}}i. 리스트 2
{{{#red ○○}}}i. 리스트 2.1}}}
||{{{#!wiki
i. 리스트 1
i. 리스트 1.1
i. 리스트 1.2
i. 리스트 2
i. 리스트 2.1}}}
||
||<:>로마 숫자 대문자
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}I. 리스트 1
{{{#red ○○}}}I. 리스트 1.1
{{{#red ○○}}}I. 리스트 1.2
{{{#red ○}}}I. 리스트 2
{{{#red ○○}}}I. 리스트 2.1}}}
||{{{#!wiki
I. 리스트 1
I. 리스트 1.1
I. 리스트 1.2
I. 리스트 2
I. 리스트 2.1}}}
||
리스트의 시작하는 숫자를 바꾸고자 할 경우, 리스트 식별자 뒤에 {{{#시작숫자}}}를 붙입니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><:>입력
||<:>출력
||
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}1. 이 리스트는 1부터 시작
{{{#red ○}}}1. 리스트 2
{{{#red ○}}}1. 리스트 3}}}
||{{{#!wiki
1. 이 리스트는 1부터 시작
1. 리스트 2
1. 리스트 3}}}
||
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}I.#11 이 리스트는 11(XI)부터 시작
{{{#red ○}}}I. 리스트 12
{{{#red ○}}}I. 리스트 13}}}
||{{{#!wiki
I.#11 이 리스트는 11(XI)부터 시작
I. 리스트 12
I. 리스트 13}}}
||
=== 리스트와 줄바꿈 ===
줄바꿈(개행)을 통해 한 줄 이상을 비우면 앞의 리스트는 종료되고 뒤의 리스트를 새로 시작하는 것으로 간주합니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><:>입력
||<:>출력
||
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}1. 리스트 1
{{{#red ○}}}1. 리스트 2
{{{#red ○}}}1. 리스트 3
{{{#red ○}}}1. 리스트 4}}}
||{{{#!wiki
1. 리스트 1
1. 리스트 2
{{{#!wiki style="margin-bottom: -1rem"
}}}
1. 리스트 3
1. 리스트 4}}}
||
같은 리스트 내에서의 줄바꿈은 {{{[br]}}} 매크로나 엔터키로 할 수 있습니다. 매크로를 이용하지 않고 개행할 경우, 리스트 앞 공백 개수만큼 개행된 텍스트 앞을 띄어쓰기를 해야 합니다. 리스트가 복잡한 경우 매크로를 사용할 것이 권장됩니다.
아래 잘못된 방식처럼 띄어쓰기를 쓰지 않으면 리스트와 별개의 새로운 문단으로 인식하므로 행간 여백, 앞여백등이 크게 달라집니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><colbgcolor=#00a495><colcolor=#fff>
||<:>입력
||<:>출력
||
|| 올바른 예시 ||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}* 리스트
{{{#red ○}}}내에서의 개행
{{{#red ○}}}* 매크로를 이용한\[br]리스트 내의 개행}}}
||{{{#!wiki
* 리스트
내에서의 개행
* 매크로를 이용한[br]리스트 내의 개행}}}
||
|| 잘못된 예시 ||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}* 잘못된 방식
띄어쓰지 않으면
{{{#red ○}}}* 리스트가 이어지지 않음}}}
||{{{#!wiki
* 잘못된 방식
{{{#!wiki style="margin-top: -21px; margin-bottom: 1rem"
띄어쓰지 않으면}}}
* 리스트가 이어지지 않음}}}||
리스트를 유지하면서 개행을 넣고자 한다면, 개행줄에 깊이에 맞는 띄어쓰기가 있어야 연속적인 리스트로 인식합니다. 띄어쓰지 않으면 모두 개별 리스트로 인식해서 행간의 너비 차이가 생기며 일련번호도 적용되지 않습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><:>입력
||<:>출력
||
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}A. list 1
{{{#red ○}}}{{{#red ○}}} A. list 1-1
{{{#red ○}}}{{{#red ○}}}
{{{#red ○}}}{{{#red ○}}} A. list 1-2
{{{#red ○}}}
{{{#red ○}}}A. list 2
{{{#red ○}}}
{{{#red ○}}}A. list 3}}}
||{{{#!wiki
A. list 1
A. list 1-1
A. list 1-2
A. list 2
A. list 3}}}
||
||{{{#!wiki style="font-family: monospace"
{{{#red ○}}}A. list 1
{{{#red ○}}}{{{#red ○}}} A. list 1-1
{{{#red ○}}}{{{#red ○}}} A. list 1-2
{{{#red ○}}}A. list 2
{{{#red ○}}}A. list 3}}}
||{{{#!wiki
A. list 1
A. list 1-1
A. list 1-2
{{{#!wiki style="margin-bottom: -1rem"
}}}
A. list 2
{{{#!wiki style="margin-bottom: -1rem"
}}}
A. list 3}}}
||
== 각주 ==
[[각주]]를 생성할 수 있습니다. 입력한 각주는 문서 맨 아래나 각주 매크로({{{[각주]}}})가 삽입된 위치에 출력되며, 본문의 각주 번호({{{#!wiki style="display: inline; color: #0275d8; color: var(--espejo-link-color); text-decoration: none; font-size: .8em; vertical-align: super"
[1]}}})를 클릭할 경우 해당 각주 번호의 각주 위치(앵커)로 이동합니다. 다시 해당 각주의 각주 번호를 클릭할 경우 본문의 각주 번호가 있는 위치로 이동합니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><width=10%> 유형 ||<width=25%> 입력{{{-2 ({{{#red {{{○}}}}}}: 공백)}}} ||<width=10%> 출력 ||<width=55%> 비고 ||
|| 기본 || {{{#!wiki style="font-family: monospace"
\[*{{{#red ○}}}텍스트 1]}}} || [* 텍스트 1] ||각주 이름을 따로 지정하지 않으면 기본으로 일련의 숫자가 각주 번호로 지정됩니다.[br][br][[각주 안의 각주]]는 {{{#red '''금지'''}}}되어 있습니다. 참고로 각주 안에 각주를 넣게 되면 실제로 문서를 열람할 때 각주를 표시하게 해도 '''정상적으로 표시되지 않고''', 대신 각주 목록 중 해당 각주가 있는 곳으로 이동합니다.[br][br]'''틀''' 내부에 각주를 넣으면 틀 각주 앵커와 틀이 삽입된 문서의 각주 앵커가 같을 경우 문서 내에서 어느 한 쪽은 '''정상적인 위치로 이동하지 않으므로''' 가급적 틀 안에서는 각주를 삼가고 대신 텍스트 크기를 줄여 설명을 붙이십시오. ||
||<|2> 각주 이름 설정 || {{{#!wiki style="font-family: monospace"
\[*A{{{#red ○}}}텍스트 2] \[*A]}}} || [*A 텍스트 2] [*A] ||<|2>각주 번호를 텍스트로 지정할 수 있습니다.[br][br]ℹ️ 같은 적당한 관련 있는 [[이모지]]나 단어를 넣을 수도 있습니다. A, B 등 아무 의미 없는 글자를 쓰는 것보다 시인성이 좋습니다.[br][br]각주 번호를 같게 하고 내용을 생략하여 문서 내 여러 위치에 같은 각주를 삽입하는 방식으로 활용할 수 있습니다. 단, 각주 번호를 숫자로 하는 경우 일반적인 각주와의 혼동 우려가 있어 규정상 {{{#red '''금지'''}}}되어 있습니다.[br][br]또한 이름이 같은 각주의 경우는 각각 다른 내용을 입력했더라도 맨 위쪽에 있는 각주의 내용으로 통일되므로 각주 내에 각기 다른 내용을 적어야 하는 경우 각주의 이름을 각각 다르게 해야 합니다. ||
|| {{{#!wiki style="font-family: monospace"
\[*예시{{{#red ○}}}텍스트 3]}}} || [*예시 텍스트 3] ||
[각주]
== 인용문 ==
{{{#!wiki style="word-break: keep-all"
인용문을 입력할 수 있습니다. 단, 원문 인용 목적으로만 인용문을 사용할 수 있으며, [[#s-2|텍스트 형태]]를 바꾸는 것은 '''굵기, 취소선, 밑줄, 기울임, 위/아래첨자, 크기 변경'''만 가능하고 이외의 꾸미기 작업은 '''금지'''되어 있습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 유형 || 입력 ||<width=30%> 출력 ||<width=35%> 비고 ||
||<|2> 기본 ||{{{인용문}}}||<|2><width=150px>
>{{{#!wiki style="margin: 1em calc(1em + 25px) 1em 1em"
인용문}}}||<|2>문법 사용 시 [[부등호]](>)를 입력합니다.||
||{{{> 인용문}}}||
||<|4> 개행 ||{{{>문장1}}}[br]{{{>문장2}}} ||<|2>
>{{{#!wiki style="margin: 1em calc(1em + 25px) 1em 1em"
문장1[br]문장2}}} ||<|4>{{{[br]}}} 매크로 또는 줄바꿈 후 [[부등호]](>)를 입력하여 계속 작성하는 방식으로 개행을 할 수 있습니다. ||
||{{{>문장1[br]문장2}}} ||
||{{{>문장1}}}[br]{{{>}}}[br]{{{>문장2}}} ||<|2>
>{{{#!wiki style="margin: 1em calc(1em + 25px) 1em 1em"
문장1[br][br]문장2}}} ||
||{{{>문장1[br][br]문장2}}} ||
|| 중첩 ||{{{>인용문1}}}[br]{{{>>인용문2}}}[br]{{{>>>인용문3}}}||[[https://namu.wiki/w/%EB%82%98%EB%AC%B4%EC%9C%84%ED%82%A4:%EC%97%B0%EC%8A%B5%EC%9E%A5?uuid=5099599d-c541-4df5-8264-3efac3302e85|예시 링크]] ||과도한 사용을 막기위해 최대 8개까지만 적용됩니다. ||
|| 리스트와의 결합 ||{{{> * 목록이 담긴 인용문
> * 목록1
> * 목록2}}}||<|2><width=150px>
>{{{#!wiki style="margin: 1em calc(1em + 25px) 1em 1em"
* 목록이 담긴 인용문
* 목록1
* 목록2}}}||<|2>인용문 내에서도 리스트를 만들 수 있습니다. 매 줄마다 부등호-띄어쓰기-별표 후 내용을 쓰면 됩니다.[br][br]부등호와 별표 사이를 붙이면 정상 출력되지 않으며, 두 칸 이상 띄어 쓰면 띄어 쓴 만큼의 깊이에 해당하는 하위 리스트의 인용문 내 구현이 가능합니다. ||}}}
== 수평줄 ==
본문 중간에 {{{-}}} 문자를 4개 이상, 9개 이하 입력하면 수평줄이 생성됩니다. 띄어쓰기를 제외하고 {{{-}}} 문자만 존재해야 하며 앞에는 띄어쓰기가 있어도 되지만 뒤에는 아무것도 없어야 하며, 인용문과 표에서도 사용이 가능합니다.
{{{--- (3개이기 때문에 정상적인 수평줄이 아닙니다.)
----
-----
------
-------
--------
---------
---------- (10개이기 때문에 정상적인 수평줄이 아닙니다.)
}}}
아래는 실제로 적용한 예시입니다.
---
----
-----
------
-------
--------
---------
----------
* - 문자를 '''4개''' 하시는걸 추천합니다.
== 매크로 ==
인곽위키에서 지원하는 [[매크로]]를 사용하여 여러가지 기능을 구현할 수 있습니다. 매크로는 라틴 문자 소문자와 대문자를 가리지 않습니다. 예를 들어, {{{[date]}}}, {{{[Date]}}}, {{{[DATE]}}} 중 어느 것을 쓰든 모두 같은 출력이 나옵니다. 각 매크로에 대한 설명은 다음을 참고하여 주십시오.
=== [anchor(include)]틀·문서 삽입 ===
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=70%> 비고 ||
|| {{{[include(문서명)]}}} || 문서 출력 ||일반 문서 삽입도 가능은 하지만, 보통은 틀을 삽입하기 위해 사용하며 {{{[include(틀:틀 이름)]}}}과 같이 입력합니다. [br][br]include 매크로를 중첩하여 '틀 속의 틀'을 구현하는 것은 불가능합니다. 예를 들어, [[틀:인곽위키/공식문서]] 문서에서 토론이 열렸다고 해서 [[틀:인곽위키/토론중]]을 달면 [[틀:인곽위키/공식문서]]를 include한 일반 문서에서는 [[틀:인곽위키/토론중]]이 보이지 않습니다.[* 이 때문에 틀 편집에 관해 토론 중일 때는 틀 하단에 작은 글씨로 토론 중임을 직접 적는 것이 보통입니다.] 반대로, 이 점을 이용하여 '틀에 대한 설명 문서' 등을 만들 수 있습니다. [br][br]매개변수가 있는 틀에서 매개변수의 값을 입력할 때, 입력하는 값에 쉼표({{{,}}})가 있을 경우 쉼표 앞에 백슬래시({{{\}}})를 붙여주어야 정상적으로 출력됩니다. [br][br]토론 댓글에서는 include 매크로를 사용할 수 없습니다.[br][br]'''{{{#red 주의}}}''': 피출력 문서에 margin 및 padding 같은 심화 문법을 적용한 이미지가 있을 경우 사진이 잘리는 버그가 있습니다.||
=== 나이·날짜·시간 출력 ===
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
|| {{{[age(YYYY-MM-DD)]}}} || 나이 출력 ||생년월일을 입력하여 UTC 기준(KST 기준 9시)으로 자동 갱신되는 만 나이를 출력할 수 있습니다. 자동 갱신이 반드시 필요한 '''프로필 표의 현재 나이 표기 등은 직접 나이를 입력하지 말고 이 매크로를 사용해야 합니다.''' 세는나이 서술은 프로필 표에서는 '''예외없이 금지되며''', 그 외의 곳에서는 예외 사항에 해당하지 않는 이상 금지되어 있습니다. [br][br]연도(YYYY)는 반드시 네 자리로, 월(MM)과 일(DD)은 1~9월, 1~9일인 경우에도 0을 채워서 반드시 2자리로 입력해야 합니다.
연도의 값을 0100보다 작게 입력할 경우 1900이 더해진 연도로 계산됩니다.[* 예를 들어 0099년으로 입력 시 1999년으로 계산됩니다.] 월과 일의 값은 0보다 크고 32보다 작아야 하며, 유효한 형식의 날짜가 아닌 경우 invalid date 문구가 표시됩니다. ||
|| {{{[date]}}} 또는 {{{[datetime]}}} || 접속 시간 출력 ||[date]와 같이 출력됩니다.[br][br]위키 서술은 자동으로 갱신되지 않기 때문에 해당 매크로를 현재, 최근, 요새와 같이 '''상대적인 시점에서의 상황을 서술하기 위해 사용하지 말고''' 편집 시점에 해당하는 '''구체적인 날짜를 일반 텍스트로 작성하십시오.''' ||
|| {{{[dday(YYYY-MM-DD)]}}} || 잔여일수 또는[br]경과일수 출력 ||UTC 기준(KST 기준 9시)으로 입력 날짜로부터 남은 날, 혹은 지난 날을 출력합니다. age 매크로와 마찬가지로 연도 4자리, 월과 일 2자리를 반드시 맞추어야 정상 출력됩니다.[br][br]당일(dday)이 0으로 계산되기 때문에 "오늘부터 1일"로 취급해야 할 경우(데뷔일 등) 해당 날짜의 __전날__을 입력하여 표시할 수 있습니다.[br][br]정상적으로 출력되는 날짜의 범위는 0000-01-01부터 9999-12-31입니다. 이 값을 넘어가거나 정상적인 값이 아닐 경우 invalid date가 뜨게 됩니다.[br][br]토론 댓글에서는 '''지원하지 않습니다.''' ||
=== 목차·각주 출력 ===
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
|| {{{[목차]}}} 또는 {{{[tableofcontents]}}} || 목차 출력 ||해당 위치에 목차를 출력합니다. 주로 개요 문단 위에 적습니다.||
|| {{{[각주]}}} 또는 {{{[footnote]}}} || 각주 출력 ||각주를 문서 마지막에 한 번에 출력하는 대신 문서 중간에 출력하기 위해 사용하는 매크로입니다. 이 매크로가 없어도 기본적으로 각주는 맨 끝에 자동으로 출력되지만, 중간에 이 매크로를 삽입하면 이 매크로가 호출되기 전까지의 각주가 출력됩니다. ||
=== 정렬 보조 매크로 (줄바꿈·clearfix) ===
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff> 사용법 || 용도 ||<width=60%> 비고 ||
|| {{{[br]}}} || 줄바꿈 ||한 줄 개행(줄바꿈)의 역할을 하는 <br> html 코드를 출력합니다. '''표 안의 텍스트에서 개행을 할 때 필수적입니다.''' Enter키로 개행하면 대개 표 문법이 훼손되어 정상 출력되지 않지만, Enter 대신 이 매크로를 사용하면 표 안에서 정상적으로 개행을 할 수 있습니다. 리스트 내에서 개행을 할 때 사용하기도 합니다. ||
|| {{{[clearfix]}}} || CSS float 속성 초기화 ||정렬된 이미지, 표, 기타 요소 옆 영역에 다른 요소가 침범하는 것을 방지할 수 있습니다. 주로 '''우측 프로필 표가 길어서 목차 아래 문단을 침범할 때 목차와 문단 사이에 해당 매크로를 넣어서 사용'''합니다. 또한 문장 맨 앞에 오는 틀과 틀 다음 내용 간의 강제 개행을 방지하는 데에도 사용할 수 있습니다. 과거 있었던 '틀:-'를 매크로로 공식 지원하는 형태입니다. ||
== [anchor(테이블)]테이블(표) ==
=== 기본 형태 ===
테이블의 한 줄은 {{{||}}} 로 시작해 {{{||}}} 로 끝납니다. 아래의 경우, 한 줄에 두 개의 셀이 존재하는 두 줄짜리 테이블을 의미합니다. 연달아 여러 개의 테이블을 입력하고자 할 경우, 테이블 사이에 빈 줄을 하나 이상 입력합니다.
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=transparent> 문법 || 출력 ||
||{{{|| 테이블 || 테이블 ||
|| 셀 || 셀 ||}}}||{{{#!wiki
|| 테이블 || 테이블 ||
|| 셀 || 셀 ||}}}||
셀 내에서 개행하고자 할 경우, 모니위키와의 호환을 위해 셀 내에서 매크로를 사용하지 않고 개행하는 것도 지원합니다만, 개행(Line '''Br'''eaking) 코드인 {{{[br]}}} 코드를 이용해 개행하는 것을 권장합니다.
{{{#!wiki style="word-break: keep-all"
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=transparent> 문법 || 출력 ||
||{{{|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
|| 엔터 키로도
개행이 가능하지만,
권장하지 않습니다. ||}}}||{{{#!wiki
|| 셀 내에서[br]개행은[br]매크로를 사용합니다. ||
|| 엔터 키로도
개행이 가능하지만,
권장하지 않습니다. ||}}}||}}}
그러나 표 안에 리스트 또는 수평줄을 사용해야 하는 경우에 한하여 엔터 키로 개행하기도 합니다.
{{{#!wiki style="word-break: keep-all"
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=transparent> 문법 || 출력 ||
||{{{||엔터 키를 이용해 개행하면
----
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다.||}}}||{{{#!wiki
||엔터 키를 이용해 개행하면
----
* 표 안에도 리스트와 수평줄을 삽입할 수 있습니다.||}}}||}}}
아니면 {{{[br]}}} 코드를 이용해서 다음과 같이 표 안에 리스트를 구현할 수 있습니다.
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=transparent> 문법 || 출력 ||
||{{{||[br]
* example
* example||}}}||{{{#!wiki
||[br]
* example
* example||}}}||
위와 같이 {{{[br]}}} 문법 사용 시, 반드시 리스트 위에 어떠한 내용 혹은 빈줄이 생기게 됩니다. {{{||}}} 입력 후 바로 개행해서 리스트를 쓰면 빈줄이 생기지는 않지만 한칸짜리 표가 아닌 여러 칸의 표에서는 바로 개행 시 줄을 끝낸다고 인지하여 오류가 생깁니다. 이를 방지하기 위해 #!wiki 문법을 호출하거나, <테이블 및 셀 속성> 셀 합치기: <-1>, 텍스트 정렬: <(>, 크기 및 색상 등)을 사용하여 내용이 있는 칸임을 선언하면 빈줄없는 리스트를 쓸수 있습니다.
{{{#!wiki style="word-break: keep-all"
||<rowbgcolor=#00a495><rowcolor=#fff><table bgcolor=transparent> 문법 || 출력 ||
||{{{||
* 한칸 표에서 아무것도
* 입력하지 않음||}}}||{{{#!wiki
||
* 한칸 표에서 아무것도
* 입력하지 않음||}}}||
||{{{|| 여러 칸 ||
* 여러 칸에서는
* 오류가 생김||}}}||{{{#!wiki
|| 여러 칸 ||
* 여러 칸에서는
* 오류가 생김||}}}||
||{{{|| 여러 칸 ||{{{#!wiki
* #!wiki 문법으로
* 내용 있는 칸임을 알려줌}}}||}}}||{{{#!wiki
|| 여러 칸 ||{{{#!wiki
* #!wiki 문법으로
* 내용 있는 칸임을 알려줌}}}||}}}||
||{{{|| 여러 칸 ||<-1>
* <테이블 및 셀 속성> 문법으로
* 내용 있는 칸임을 알려줌||}}}||{{{#!wiki
|| 여러 칸 ||<-1>
* <테이블 및 셀 속성> 문법으로
* 내용 있는 칸임을 알려줌||}}}||}}}
표는 한 칸당 한 줄을 차지하게 작성할 수 있습니다. 세로로는 길어지지만 글자 수가 일정하지 않은 여러 항목을 표로 만들 때는 가독성이 상당히 높아집니다.
||<colbgcolor=#00a495><colcolor=#fff><table bgcolor=transparent> 문법 ||{{{+1 '''기본 문법'''}}}
{{{|| 조지 워싱턴 || 존 애덤스 || 토머스 제퍼슨 ||
|| 존 퀸시 애덤스 || 윌리엄 헨리 해리슨 || 존 타일러 ||}}}
----
{{{+1 '''한 칸마다 개행하는 문법'''}}}
가운데 정렬이 필요하면 2가지 방법이 있습니다.
1. 셀 하나하나 {{{<:>}}} 옵션을 넣는 방법
1. 각 칸 내용 뒤쪽의 공백을 개행 후 {{{||}}} 앞에 띄어쓰기를 입력하는 방법
{{{#!wiki style="float: left; margin-right: 10px"
{{{||<:>조지 워싱턴
||<:>존 애덤스
||<:>토머스 제퍼슨
||
||<:>존 퀸시 애덤스
||<:>윌리엄 헨리 해리슨
||<:>존 타일러
||}}}}}}{{{#!wiki style="float: left"
{{{|| 조지 워싱턴
|| 존 애덤스
|| 토머스 제퍼슨
||
|| 존 퀸시 애덤스
|| 윌리엄 헨리 해리슨
|| 존 타일러
||}}}}}} ||
|| 출력 ||{{{#!wiki
||<:>조지 워싱턴
||<:>존 애덤스
||<:>토머스 제퍼슨
||
||<:>존 퀸시 애덤스
||<:>윌리엄 헨리 해리슨
||<:>존 타일러
||}}}||
=== 셀 합치기 ===
==== 가로 합치기 ====
{{{+1 '''방법 1'''}}}
테이블의 셀을 구성하는 {{{||}}}을 입력한 뒤, 추가로 합치고자 하는 셀의 개수만큼 {{{||}}}을 더 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}}을 '''한 번''' 더 입력합니다.
||<tablewidth=100%><tablebgcolor=transparent><rowbgcolor=#f5f5f5,#2d2f34><width=50%> '''구문''' ||<width=50%> '''출력''' ||
||{{{|| 한 || 칸 || 짜 || 리 ||}}}
{{{|||| 두칸 |||| 짜리 ||}}}
{{{|||||| 세칸짜 || 리 ||}}}
{{{|||||||| 네칸짜리 ||}}}||{{{#!wiki
|| 한 || 칸 || 짜 || 리 ||
|||| 두칸 |||| 짜리 ||
|||||| 세칸짜 || 리 ||
|||||||| 네칸짜리 ||}}}||
||{{{|| 한 || 칸 || 짜 || 리 ||}}}
{{{|| || 두칸 || || 짜리 ||}}}
{{{|| || || 세칸짜 || 리 ||}}}
{{{|| || || || 네칸짜리 ||}}}||{{{#!wiki
|| 한 || 칸 || 짜 || 리 ||
|| || 두칸 || || 짜리 ||
|| || || 세칸짜 || 리 ||
|| || || || 네칸짜리 ||}}}||
여러 번 입력된 {{{||}}} 사이가 서로 띄어져 있을 경우 그 부분은 그냥 빈 셀로 인식하기 때문에, 셀을 합치고자 한다면 반드시 '''모든 {{{||}}}을 붙여 써야 합니다.'''
----
{{{+1 '''방법 2'''}}}
{{{||}}}을 여러 번 입력하지 않고 간편하게 합치는 방법도 존재합니다. 테이블의 셀을 구성하는 {{{||}}}을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<-수>}}}를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<-2>}}}를 입력합니다. {{{<-1>}}} 이 아님에 유의하십시오.
||<tablewidth=100%><tablebgcolor=transparent><rowbgcolor=#f5f5f5,#2d2f34><width=50%> '''구문''' ||<width=50%> '''출력''' ||
||{{{|| 한 || 칸 || 짜 || 리 ||}}}
{{{||<-2> 두칸 ||<-2> 짜리 ||}}}
{{{||<-3> 세칸짜 || 리 ||}}}
{{{||<-4> 네칸짜리 ||}}}||{{{#!wiki
|| 한 || 칸 || 짜 || 리 ||
||<-2> 두칸 ||<-2> 짜리 ||
||<-3> 세칸짜 || 리 ||
||<-4> 네칸짜리 ||}}}||
----
한 줄의 모든 셀을 합치고자 할 경우, {{{<-}}} 뒤에 적당히 큰 수를 입력하면 셀의 개수를 셀 필요 없이 모든 셀이 합쳐집니다.
'''{{{#red 주의}}}''': 이 경우 bordercolor 속성을 사용할 때, 브라우저에 따라 가장자리가 깨지고, 토론에 해당 표를 달 때 표가 이상하게 보이는 경우가 생기게 되므로 지양합시다.
||<tablewidth=100%><tablebgcolor=transparent><rowbgcolor=#f5f5f5,#2d2f34><width=50%> '''구문''' ||<width=50%> '''출력''' ||
||{{{|| 테이 || 블이 || 몇칸 || 이든 ||}}}
{{{||<-9> 한 번에 다 합쳐집니다. ||}}}||{{{#!wiki
|| 테이 || 블이 || 몇칸 || 이든 ||
||<-9> 한 번에 다 합쳐집니다. ||}}}||
||{{{||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||}}}
{{{||<-9> 한 번에 다 합쳐집니다. ||}}}||{{{#!wiki
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
||<-9> 한 번에 다 합쳐집니다. ||}}}||
* 가장자리가 깨지는 경우, 표의 {{{<-수>}}} 문법을 딱 알맞게 놓으면 위와 같은 현상을 해결할 수 있습니다.
||<tablewidth=100%><tablebgcolor=transparent><rowbgcolor=#f5f5f5,#2d2f34><width=50%> '''구문''' ||<width=50%> '''출력''' ||
||{{{||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
||<-4> 한 번에 다 합쳐집니다. ||
}}}||{{{#!wiki
||<table bordercolor=red> 테이 || 블이 || 몇칸 || 이든 ||
||<-4> 한 번에 다 합쳐집니다. ||}}}||
----
그 밖에, 각 줄별로 다른 개수의 셀을 가운데에 맞추는 방법은 다음과 같습니다.
{{{+1 '''방법 1'''}}}
[[최소공배수]]를 구해 셀을 적절히 나눌 수 있습니다.
||<tablewidth=100%><tablebgcolor=transparent><rowbgcolor=#f5f5f5,#2d2f34><width=50%> '''구문''' ||<width=50%> '''출력''' ||
||{{{||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%>
||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%>
||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||
||<-12> 1 ||
||<-6> 2 ||<-6> 둘 ||
||<-4> 3 ||<-4> 셋 ||<-4> 삼 ||
||<-3> 4 ||<-3> 넷 ||<-3> 사 ||<-3> four ||
}}}||{{{#!wiki
||<tablewidth=260><width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||<width=8.3%> ||
||<-12> 1 ||
||<-6> 2 ||<-6> 둘 ||
||<-4> 3 ||<-4> 셋 ||<-4> 삼 ||
||<-3> 4 ||<-3> 넷 ||<-3> 사 ||<-3> four ||}}}||
||[[#<nopad>|<nopad>]]를 사용하면 칸을 나누기 위한 셀을 숨길 수 있습니다.
{{{||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad>
||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||
||<-12> 1 ||
||<-6><width=50%> 2 ||<-6><width=50%> 둘 ||
||<-4><width=33.3> 3 ||<-4><width=33.3%> 셋 ||<-4><width=33.3%> 삼 ||
||<-3><width=25%> 4 ||<-3><width=25%> 넷 ||<-3><width=25%> 사 ||<-3><width=25%> four ||
}}}||{{{#!wiki
||<tablewidth=260><nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||<nopad> ||
||<-12> 1 ||
||<-6><width=50%> 2 ||<-6><width=50%> 둘 ||
||<-4><width=33.3> 3 ||<-4><width=33.3%> 셋 ||<-4><width=33.3%> 삼 ||
||<-3><width=25%> 4 ||<-3><width=25%> 넷 ||<-3><width=25%> 사 ||<-3><width=25%> four ||}}}||
{{{+1 '''방법 2'''}}}
혹은 너비를 강제지정하여 칸에 맞춰 적절히 나눈다면, 굳이 최소공배수가 아니어도 똑같이 나눌 수 있습니다. 다만 애플 기기 등 일부 환경에서 지정한 너비가 적용되지 않는 문제가 있습니다. 이럴 경우 한 칸(<-1>)만으로 이루어진 열을 넣어야 합니다.
||<tablewidth=100%><tablebgcolor=transparent><rowbgcolor=#f5f5f5,#2d2f34><width=50%> '''구문''' ||<width=50%> '''출력''' ||
||{{{||<width=25%> ||<width=8.3%> ||<width=16.7%>
||<width=16.7%> ||<width=8.3%> ||<width=25%> ||
||<-6> 1 ||
||<-3> 2 ||<-3> 둘 ||
||<-2> 3 ||<-2> 셋 ||<-2> three ||
|| 4 ||<-2> 넷 ||<-2> four || 四 ||
}}}||{{{#!wiki
||<tablewidth=260><width=25%> ||<width=8.3%> ||<width=16.7%>
||<width=16.7%> ||<width=8.3%> ||<width=25%> ||
||<-6> 1 ||
||<-3> 2 ||<-3> 둘 ||
||<-2> 3 ||<-2> 셋 ||<-2> three ||
|| 4 ||<-2> 넷 ||<-2> four || 四 ||}}}||
||{{{||<-6> 1 ||
||<-3><width=50%> 2 ||<-3><width=50%> 둘 ||
||<-2><width=33.3%> 3 ||<-2><width=33.3%> 셋 ||<-2><width=33.3%> three ||
||<width=25%> 4 ||<-2><width=25%> 넷 ||<-2><width=25%> four ||<width=25%> 四 ||
}}}||{{{#!wiki
||<tablewidth=260><-6> 1 ||
||<-3><width=50%> 2 ||<-3><width=50%> 둘 ||
||<-2><width=33.3%> 3 ||<-2><width=33.3%> 셋 ||<-2><width=33.3%> three ||
||<width=25%> 4 ||<-2><width=25%> 넷 ||<-2><width=25%> four ||<width=25%> 四 ||}}}||
{{{+1 '''방법 3'''}}}
특정 부분만 조정이 필요하면 그 부분을 합친 다음 wiki 틀을 안에 넣고 표를 다시 넣는 방법을 쓸 수 있습니다.
일일이 다른 칸의 크기를 조정하지 않아 편하지만 다음과 같은 문제 때문에 권장하지 않습니다.
'''{{{#red 주의}}}'''
"margin: -16px -11px"은 셀의 안쪽 여백 5px 10px, 테이블의 바깥 여백 10px 0, 그리고 테이블의 테두리 1px를 가리기 위한 문법입니다. 하지만 테두리의 두께는 화면 배율에 따라 유동적으로 변하기 때문에 일부 환경에서는 1px가 아닐 수 있으며 이에 따라 스크롤이 생길 수 있으니 사용을 지양하기 바랍니다.
||<tablewidth=100%><tablebgcolor=transparent><rowbgcolor=#f5f5f5,#2d2f34><width=50%> '''구문''' ||<width=50%> '''출력''' ||
||{{{||<-4> 1 ||
||<-2> 2 ||<-2> 둘 ||
||<-4> {{{#!wiki
||<tablewidth=100%><width=33.3%> 3 ||<width=33.3%> 셋 ||<width=33.3%> 삼 ||}}} ||
||<width=25%> 4 ||<width=25%> 넷 ||<width=25%> 사 ||<width=25%> four ||
}}}||{{{#!wiki
||<tablewidth=260><-4> 1 ||
||<-2> 2 ||<-2> 둘 ||
||<-4> {{{#!wiki
||<tablewidth=100%> 3 || 셋 || 삼 ||}}} ||
||<width=25%> 4 ||<width=25%> 넷 ||<width=25%> 사 ||<width=25%> four ||}}}||
||위 문법에서 내부 표의 여백을 삭제 하는 문법
{{{||<-4><tablewidth=100%> 1 ||
||<-2> 2 ||<-2> 둘 ||
||<-4> {{{#!wiki style="margin: -16px -11px"
||<tablewidth=100%><width=33.3%> 3 ||<width=33.3%> 셋 ||<width=33.3%> 삼 ||}}} ||
||<width=25%> 4 ||<width=25%> 넷 ||<width=25%> 사 ||<width=25%> four ||
}}}||{{{#!wiki
||<tablewidth=260><-2> 1 ||
||<-1> 2 ||<-1> 둘 ||
||<-2> {{{#!wiki style="margin: -16px -11px"
||<tablewidth=100%><width=33.3%> 3 ||<width=33.3%> 셋 ||<width=33.3%> 삼 ||}}} ||
||<width=25%> 4 ||<width=25%> 넷 ||<width=25%> 사 ||<width=25%> four ||}}} ||
==== 세로 합치기 ====
세로로 여러 셀을 합치는 방법은 다음과 같습니다. 테이블의 셀을 구성하는 {{{||}}}을 입력한 뒤, 합치고자 하는 셀의 수만큼 {{{<|수>}}}를 입력합니다. 예를 들어서 두 개의 셀을 합치고자 할 경우, {{{||}}} 뒤에 {{{<|2>}}}를 입력합니다. {{{<|1>}}} 이 아님에 유의하십시오.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=400px> 입력 ||<width=400px> 출력 ||
||{{{
||<|4> 네줄 ||<|3> 세줄 ||<|2> 두줄 ||<|1> 한줄 ||
|| 여백1 ||
|| 여백2 || 여백3 ||
|| 여백4 || 여백5 || 여백6 ||
}}}||{{{#!wiki style=""
||<|4> 네줄 ||<|3> 세줄 ||<|2> 두줄 ||<|1> 한줄 ||
|| 여백1 ||
|| 여백2 || 여백3 ||
|| 여백4 || 여백5 || 여백6 ||}}}||
----
{{{#red '''주의!'''}}}
셀을 복잡하게 합칠 경우에는 줄 바꿈에 특히 유의하십시오. 높이를 강제로 지정하지 않거나 필요한 모든 줄을 정확히 입력하지 않으면 제대로 표시되지 않습니다. 입력할 셀이 없는 줄에는 {{{||||}}}를 입력합니다. 왼쪽의 대상과 같은 테이블에서 같은 번호의 셀을 합치려면 다음과 같이 입력합니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=200px> 대상 ||<width=300px> 입력 ||<width=200px> 출력 ||
||{{{|| 세줄1 || 두줄1 ||
|| 세줄1 || 두줄1 ||
|| 세줄1 || 두줄2 ||
|| 세줄2 || 두줄2 ||
|| 세줄2 || 두줄3 ||
|| 세줄2 || 두줄3 ||}}}
||{{{
||<|3><height=60> 세줄1 ||<|2><height=40> 두줄1 ||
||||
||<|2><height=40> 두줄2 ||
||<|3><height=60> 세줄2 ||
||<|2><height=40> 두줄3 ||
||||
}}}||{{{#!wiki style=""
||<|3><height=60> 세줄1 ||<|2><height=40> 두줄1 ||
||||
||<|2><height=40> 두줄2 ||
||<|3><height=60> 세줄2 ||
||<|2><height=40> 두줄3 ||
||||}}}
||
==== 가로세로 합치기 ====
셀을 가로와 세로로 모두 합칠 수 있습니다. {{{<-수>}}}와 {{{<|수>}}} 두 가지를 같이 입력합니다. 아니면 ||를 동시에 여러 개 입력하고 {{{<|수>}}}를 입력해도 됩니다. 둘 중 어느 하나가 먼저 오든 상관없습니다.
||<tablebgcolor=transparent><rowbgcolor=#00a495><rowcolor=#fff><table bordercolor=gray><width=33%> 입력 1 ||<width=33%> 입력 2 ||<width=33%> 출력 ||
||{{{|| 여백 || 여백 || 여백 || 여백 ||
|| 여백 ||<-3><|2> 3 곱하기 2 ||
|| 여백 ||
}}}||{{{|| 여백 || 여백 || 여백 || 여백 ||
|| 여백 ||||||<|2> 3 곱하기 2 ||
|| 여백 ||
}}}||{{{#!wiki style=""
|| 여백 || 여백 || 여백 || 여백 ||
|| 여백 ||<-3><|2> 3 곱하기 2 ||
|| 여백 ||}}}||
=== [anchor(테이블 정렬)]테이블과 셀 텍스트의 정렬 ===
아래에 해당하는 명령어를 {{{||}}} 뒤에 입력합니다. {{{||}}} 이후 띄어쓰기나 문법 오탈자로 인해 정렬 문법이 아닌 다른 기호나 서술이 들어갔을 경우 정렬이 적용되지 않으니 주의 바랍니다.
* '''테이블 정렬''': {{{<tablealign=}}}{{{#14F,#4AF (정렬 위치)}}}{{{>}}} 또는 {{{<table align=}}}{{{#14F,#4AF (정렬 위치)}}}{{{>}}}
* {{{<tablealign=left>}}} 또는 {{{<table align=left>}}}: 테이블 왼쪽 정렬 (기본값)
* {{{<tablealign=center>}}} 또는 {{{<table align=center>}}}: 테이블 가운데 정렬
* {{{<tablealign=right>}}} 또는 {{{<table align=right>}}}: 테이블 오른쪽 정렬
오른쪽으로 정렬된 테이블은 왼쪽의 남은 공간에 문서가 출력됩니다.
다수의 테이블, 파일 정렬로 인한 레이아웃 뒤틀림의 수정에 {{{[clearfix]}}}를 이용할 수 있습니다.
* '''셀 텍스트 가로정렬'''
* {{{<(>}}} 또는 셀에서 ||(텍스트) ||: 텍스트 왼쪽 정렬 (기본값)
* {{{<:>}}} 또는 셀에서 || (텍스트) ||: 텍스트 가운데 정렬
* {{{<)>}}} 또는 셀에서 || (텍스트)||: 텍스트 오른쪽 정렬
||<tablebgcolor=transparent>{{{||<(>텍스트[br]왼쪽[br]정렬||}}} || {{{||<:>텍스트[br]가운데[br]정렬||}}} || {{{||<)>텍스트[br]오른쪽[br]정렬||}}}||
||{{{||텍스트[br]왼쪽[br]정렬 ||}}} || {{{|| 텍스트[br]가운데[br]정렬 ||}}} || {{{|| 텍스트[br]오른쪽[br]정렬||}}}||
||<(>텍스트[br]왼쪽[br]정렬||<:>텍스트[br]가운데[br]정렬||<)>텍스트[br]오른쪽[br]정렬||
* '''셀 텍스트 세로 정렬'''
* {{{<^|숫자>}}}: 텍스트 수직 위 정렬
* {{{<|숫자>}}}: 텍스트 수직 가운데 정렬 (기본값)
* {{{<v|숫자>}}}: 텍스트 수직 아래 정렬
숫자는 해당 셀에 세로로 합쳐진 셀의 개수로, 세로로 합쳐지지 않은 셀에 적용하려면 숫자에 '1'을 넣으면 됩니다.
||<tablebgcolor=transparent>{{{||<^|1> 수직 위 정렬 ||}}}||{{{||<|1> 수직 가운데 정렬 ||}}}||{{{||<v|1> 수직 아래 정렬 ||}}}||
||<height=100><^|1> 수직 위 정렬 ||<|1> 수직 가운데 정렬 ||<v|1> 수직 아래 정렬 ||
=== 테이블의 크기와 색상 ===
아래에 해당하는 명령어를 {{{||}}} 뒤에 입력합니다. {{{||}}} 이후 띄어쓰기나 문법 오탈자로 인해 꾸미기 문법이 아닌 다른 기호나 서술이 들어갔을 경우 꾸미기는 적용되지 않으니 주의 바랍니다.
'셀'이란 테이블의 가로 또는 세로로 분할된 각각의 구역을 뜻합니다.
* '''테이블 전체 너비''': {{{<tablewidth=}}}{{{#14F,#4AF (수치)}}}{{{>}}} 또는 {{{<table width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
* {{{<tablewidth=600px>}}} 또는 {{{<table width=600px>}}}: 절대 수치
* '''{{{#008275 참고}}}''': 사용자가 보는 기기의 화상 규격 너비가 설정한 테이블 절대 수치보다 작을 경우 접기 문법 내에 있지 않은 테이블은 화상 규격 너비로 출력됩니다. 다음 문법을 셀 안에 삽입하면 화상 규격이 작은 경우에도 테이블에 대한 좌우 스크롤바가 나타나며 테이블을 고정폭으로 만들 수 있습니다.
|| {{{[[파일:투명.png|width=(설정하려는 셀의 너비에서 20px을 뺀 값)px&height=0px]]}}} ||
* '''{{{#red 주의}}}''': 테이블 전체 너비는 {{{<tablewidth=50%>}}}와 같은 상대 수치 표현이 가능하나, 이렇게 되면 __화상 폭에 대한 상대 수치__가 적용되므로 임의의 환경에 맞는 적정 너비를 선정하기 어렵습니다. 100%에 가깝게 크게 설정 시 큰 모니터의 화면에서 매우 큰 테이블이 출력되어 가독성이 저하되고, 낮은 비율로 설정 시 모바일 기기에서 읽기 어려울 정도로 아주 작은 테이블이 출력되는 상황이 발생합니다. 따라서 테이블 크기는 절대 수치로 설정하는 것이 일반적인 권장 사항입니다.
* '''셀 너비''': {{{<width=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
* {{{<width=200px>}}}: 절대 수치
* '''{{{#008275 참고}}}''': 사용자가 보는 기기의 화상 규격 너비가 설정한 셀 절대 수치보다 작을 경우 접기 문법 내에 있지 않은 셀은 화상 규격 너비로 출력됩니다. 다음 문법을 셀 안에 삽입하면 화상 규격이 작은 경우에도 셀에 대한 좌우 스크롤바가 나타나며 셀을 고정폭으로 만들 수 있습니다.
|| {{{[[파일:투명.png|width=(설정하려는 셀의 너비에서 20px을 뺀 값)px&height=0px]]}}} ||
* {{{<width=50%>}}}: __테이블 전체 너비에 대한__ 상대 수치
* '''셀 높이''': {{{<height=}}}{{{#14F,#4AF (수치)}}}{{{>}}}
* {{{<height=200px>}}}: 절대 수치
* {{{<height=50%>}}}: __테이블 전체 높이에 대한__ 상대 수치
* '''색상 관련 공통 사항'''
* 색상 지정 우선순위: 개별 셀 지정 > 한 열 지정 > 한 행 지정 > 테이블 전체 지정
* 우선순위에 따라 투명 색상이 겹쳐져서 출력됩니다. 예를 들어 테이블 배경이 붉은색({{{red}}})이고 열 배경이 투명색({{{transparent}}})인 경우, 열 배경은 테이블 배경과 겹쳐져 붉은색으로 보여집니다.
* '''{{{#red 주의}}}''': 텍스트 색상 문법과는 달리, CSS 색상명을 사용할 경우 앞에 {{{#}}}를 붙이지 않습니다. 또한 색상명 중 peru와 gr'''{{{#red e}}}'''y가 들어간 색상[* darkgrey, darkslategrey, dimgrey, grey, lightgrey, lightslategrey, slategrey]은 사용할 수 없습니다.[* gr'''{{{#red e}}}'''y 대신 gr'''{{{#red a}}}'''y를 사용할 수 있습니다.]
* 예시: {{{<bgcolor=white>}}}, {{{<tablecolor=black>}}}...
* 색상 지정시 {{{#14F,#4AF (기본 색상)}}}{{{,}}}{{{#14F,#4AF (다크 테마용 색상)}}}과 같이 콤마({{{,}}})로 구분하여 다크 테마용 색깔을 지정할 수 있습니다.
* {{{<bgcolor=#RRGGBB>}}}: 라이트 테마에서는 그대로 출력되고, 다크 테마에서는 시스템이 자동으로 채도가 낮은 색상으로 변경하여 출력합니다.[br]따라서 다크 모드 색상에 맞춰 명암비를 변경할 경우 다음 예시와 같이 작성합니다. [[https://board.namu.wiki/b/free/3016057|다크 모드 색상 변경사항]]
* {{{<bgcolor=#f78d20,#f78d20>}}}[* 화이트 모드에서 적용했던 색상이 다크모드에서 적용했을 때 명암비가 규칙에 적합한 경우 해당 예시와 같이 작성합니다.]
* {{{<bgcolor=#RRGGBB,#RRGGBB>}}}: 첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다.
* 예시: {{{<bgcolor=#00a495,#2d2f34>}}}, {{{<tablecolor=#00a495,#2d2f34>}}}...
* '''테이블 배경색'''[anchor(테이블 배경색)]
* 개별 셀 지정: {{{<bgcolor=#RRGGBB>}}}
* '''{{{#red 주의}}}''': 앞에 {{{bgcolor=}}}이 없는 {{{<#RRGGBB>}}}나 {{{<red>}}} 형식은 지원이 중단될 예정입니다.
* 비표준 문법으로 셀 배경에 그라데이션을 적용할 수 있습니다.
* 한 열 지정: {{{<colbgcolor=#RRGGBB>}}}
* 색상을 지정한 셀부터 아래로만 적용됩니다. 빈 셀에는 색상이 적용되지 않습니다.
* '''{{{#red 주의}}}''': {{{<col bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
* 한 행 지정: {{{<rowbgcolor=#RRGGBB>}}}
* '''{{{#red 주의}}}''': {{{<row bgcolor=#RRGGBB>}}}는 지원하지 않습니다.
* 테이블 전체 지정: {{{<tablebgcolor=#RRGGBB>}}} 또는 {{{<table bgcolor=#RRGGBB>}}}
* 우선순위: {{{bgcolor}}} > {{{colbgcolor}}} > {{{rowbgcolor}}} > {{{tablebgcolor}}}
||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%>||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
||<rowbgcolor=#40A198>{{{rowbgcolor}}}|| || || ||
|| || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
* 2칸 이상이 합쳐진 셀의 경우, 셀을 합치는 명령어 {{{<-2>}}}/{{{<|2>}}}같은 명령어가 입력된 셀의 것을 따라갑니다. 즉 입력한 숫자 값만큼 왼쪽/위의 셀의 것을 따라갑니다.
||<width=25%><tablecolor=#000><tablebgcolor=#C0DFDE>{{{tablebgcolor}}}||<width=25%><|2> {{{<|2>}}} ||<width=25%><colbgcolor=#80C0BB>{{{colbgcolor}}}||<width=25%>||
||<rowbgcolor=#40A198>{{{rowbgcolor}}}||<-2> {{{<-2>}}} ||
|| || ||<bgcolor=#008275>{{{bgcolor}}}|| ||
* 다크 테마용 색상 관련 '''{{{#red 주의}}}''': 다크 테마용 색상을 적용시킨 한 열 지정 문법과 셀 지정 문법이 충돌하게 되면, 셀 지정 문법에 다크 테마용 색상을 적용시키지 않는 이상 다크 테마에서는 셀 지정 문법의 색상 코드가 사라지는 버그가 있습니다.
* 예시: {{{<colbgcolor=#FFF,#000>}}}와 {{{<bgcolor=#F5F5F5>}}}가 충돌할 경우 라이트 테마에서는 #F5F5F5, 다크 테마에서는 #000 색상으로 출력됩니다. 다크 테마에서도 #F5F5F5 색상을 유지하고 싶은 경우엔 {{{<bgcolor=#F5F5F5,#F5F5F5>}}}로 입력해야 합니다.
* '''글자색'''[anchor(테이블 글자색)]
* 개별 셀 지정: {{{<color=#RRGGBB>}}}, {{{<color#RRGGBB>}}}
* 한 열 지정: {{{<colcolor=#RRGGBB>}}}
* 색상을 지정한 셀부터 아래로만 적용됩니다.
* '''{{{#red 주의}}}''': {{{<col color=#RRGGBB>}}}는 지원하지 않습니다.
* 한 행 지정: {{{<rowcolor=#RRGGBB>}}}
* '''{{{#red 주의}}}''': {{{<row color=#RRGGBB>}}}는 지원하지 않습니다.
* 테이블 전체 지정: {{{<tablecolor=#RRGGBB>}}} 또는 {{{<table color=#RRGGBB>}}}
* 우선순위: {{{color}}} > {{{colcolor}}} > {{{rowcolor}}} > {{{tablecolor}}}
* '''테두리색'''[anchor(테이블 테두리색)]: {{{<tablebordercolor=#RRGGBB>}}} 또는 {{{<table bordercolor=#RRGGBB>}}}
테두리색 옵션을 줄 경우 테두리의 굵기가 기존 1px에서 2px로 변경되어 색을 더 잘 보이게 해줍니다. 그에 따라 셀 안쪽의 너비가 좁아지는데 [[웹 브라우저]]에 따라 '''구현이 다르므로 주의해야 합니다.''' 익스플로러, 파이어폭스의 경우 가장 좌측 셀의 너비가 1 줄어들고, 오페라의 경우 가장 우측 셀의 너비가 1 줄어듭니다. 정밀하게 셀 크기를 조정할 때 참고해야 합니다.
=== 기타 문법 ===
* '''셀의 기본 여백 제거''': {{{<nopad>}}}[anchor(nopad)]
상하 5px, 좌우 10px인 셀의 기본 여백을 제거할 수 있습니다.
{{{#!wiki style="word-break: normal"
||<tablebgcolor=transparent><tablebordercolor=gray><colbgcolor=#00a495><colcolor=#fff><nopad><width=4%> '''입력''' ||<width=49%>{{{#!wiki style="font-family: monospace"
\||<tablebordercolor={{{#Orange Orange}}}><tablebgcolor={{{#SeaGreen SeaGreen}}}> \[[파일:인천과학고등학교 로고.png|width=100%]]\ ||}}}||<width=49%>{{{#!wiki style="font-family: monospace"
\||<tablebordercolor={{{#Orange Orange}}}><tablebgcolor={{{#SeaGreen SeaGreen}}}>'''<nopad>''' \[[파일:인천과학고등학교 로고.png|width=100%]]\ ||}}}||
||<nopad> '''출력''' ||{{{#!wiki style="max-width: 300px; margin: auto"
||<tablebordercolor=Orange><tablebgcolor=SeaGreen> [[파일:인천과학고등학교 로고.png|width=100%]] ||}}}
||{{{#!wiki style="max-width: 300px; margin: auto"
||<tablebordercolor=Orange><tablebgcolor=SeaGreen><nopad> [[파일:인천과학고등학교 로고.png|width=100%]] ||}}}
||}}}
[anchor(keepall)]
* '''단어 단위 줄 바꿈''': {{{<keepall>, <rowkeepall>, <colkeepall>}}}[anchor(keepall)]
셀 안 텍스트의 줄 바꿈 규칙을 글자 단위에서 단어 단위로 변경할 수 있습니다. 공백과 하이픈(-)을 기준으로 단어를 구분합니다.
{{{#!wiki style="word-break: normal"
||<tablebgcolor=transparent><tablebordercolor=gray><colbgcolor=#00a495><colcolor=#fff><width=4%><nopad> '''입력''' ||<width=49%>{{{#!wiki style="font-family: monospace"
\||<width=70> \'\'\'인곽위키는 누구나 기여할 수 있는 위키입니다.\'\'\' ||}}} ||<width=49%>{{{#!wiki style="font-family: monospace"
\||<width=70>'''<keepall>''' \'\'\'인곽위키는 누구나 기여할 수 있는 위키입니다.\'\'\' ||}}} ||
||<nopad> '''출력''' ||{{{#!wiki style="width: max-content; margin: auto"
||<width=70> '''인곽위키는 누구나 기여할 수 있는 위키입니다.''' ||}}}
||{{{#!wiki style="width: max-content; margin: auto"
||<width=70><keepall> '''인곽위키는 누구나 기여할 수 있는 위키입니다.''' ||}}}
||}}}
[각주]
== 접기 ==
주로 내용이 매우 많은 표나 틀을 첨부할 때 문서의 간결함을 위하여 사용하거나, 스포일러성 서술을 하기 위해 사용하거나, 규정상 링크 처리 혹은 접기 처리해야 삽입할 수 있는 사진을 첨부할 때 사진 열람을 원하지 않는 사람을 배려하기 위하여 사용합니다.
기본적으로는 접힌 상태로 있으며 텍스트를 누르면 접은 내용이 펼쳐지고, 텍스트를 다시 누르면 펼쳐진 내용이 접힙니다.
||<tablebgcolor=transparent><tablewidth=550><colcolor=#fff><colbgcolor=#00a495> 예시 ||{{{{{{#!folding [ 펼치기 · 접기 ]
내용
'''내용'''
__내용__}}}}}}||
|| 결과 ||{{{#!folding [ 펼치기 · 접기 ]
내용
'''내용'''
__내용__}}}||
'''{{{#00a495 참고}}}''': 문단의 내용을 통째로 접고자 할 때는 이 기능보다는 문단 접기 문법을 사용하는 것이 좋습니다. [[#s-7|해당 설명]]을 참고해주세요.
== 분류 ==
문서를 분류에 넣으려면 문서의 최상단에 {{{[[분류:(분류명)]]}}}을 입력하면 됩니다.
일반적인 [[#하이퍼링크|문서 링크]]의 출력명처럼 PC 브라우저에서 링크 위에 마우스 커서를 올리거나 모바일 브라우저에서 링크를 길게 누르면 이동하게 될 문서명을 미리 확인할 수 있습니다. 일부 브라우저에서는 지원이 안 될 수 있습니다.
----
내용 누설이나 스포일러성을 띠는 분류는 편집 시 분류 문법 뒤에 {{{#blur}}}를 붙이면 바로 노출되는 것을 막을 수 있습니다. 예를 들어, [[:분류:인곽위키]]의 경우 {{{[[분류:인곽위키#blur]]}}}와 같이 입력하면, 문서 내의 '분류 바'에 해당 분류에만 블러(흐리게) 효과가 적용됩니다.
{{{#!wiki style="background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-size: .9rem; margin: 0 0 1em; padding: .2rem .5rem" dark-style="background-color: #1c1d1f; border-color: #555"
분류: [[:분류:인곽위키|인곽위키]]{{{#!wiki style="border-left: 1px solid #888; display: inline-block; height: .8rem; margin: 0 .4rem -.1rem"
}}}[[:분류:인곽위키|{{{#!wiki style="display: inline; text-shadow: 0 0 6px #0275d8; color: transparent" dark-style="text-shadow: 0 0 6px #ec9f19"
인곽위키}}}]]}}}
적용 시에 위와 같이 출력됩니다. 블러 효과가 적용된 분류에 컴퓨터의 경우 마우스 커서를 가져다 대거나 모바일의 경우 손으로 터치하면 블러 효과 없이 나타납니다.[* 그냥 터치만 하면 분류 문서로 이동하므로 분류명을 보고 싶으나 분류 문서로 이동하고 싶지 않다면 꾹 누르면 됩니다.]
[각주]
== 문법 무효화 ==
문법을 무시하고 편집창에 입력한 그대로를 출력하고 싶으시다면, 문제가 되는 문자 앞에 {{{\}}}[* 원화 기호이자 백슬래시 기호로, 입력 시스템 상에서 동일하게 취급됩니다.
||<tablebgcolor=transparent><table align=center><rowbgcolor=#00a495><rowcolor=#fff> 입력 || 출력 ||
|| {{{\\}}} || \\ ||
|| {{{\[[인곽위키:문법 도움말]]}}} || \[[인곽위키:문법 도움말]] ||
|| {{{'\''굵게 무효'''}}}[* {{{\'''}}}로 입력한다면 {{{''}}}가 인식되어 기울임 문법이 적용됩니다.] || '\''굵게 무효''' ||
|| {{{\''기울임 무효''}}} || \''기울임 무효'' ||
|| {{{\~~취소선 무효~~}}}[br]{{{\--취소선 무효--}}} || \~~취소선 무효~~[br]\--취소선 무효-- ||
|| {{{\|| 표 문법 무효 \||}}} || \|| 표 문법 무효 \|| ||
|| {{{\== 문단 문법 무효 ==}}} || \== 문단 문법 무효 == ||
|| {{{\[* 각주 무효]}}} || \[* 각주 무효] ||
|| {{{\{{{#red 색상 무효}}}}}} || \{{{#red 색상 무효}}} ||
|| {{{\[include(틀:상위 문서)]}}} || \[include(틀:상위 문서)] ||
[각주]
== 편집 창에서만 노출(주석) ==
* 주석
줄 맨 앞에 '##'를 붙이면 주석으로 작동합니다. 편집기 내에서는 보이지만, 읽기 모드에서는 보이지 않습니다.
||<tablebgcolor=transparent><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{## 🔶🔶🔶
## 이 내용은 읽기 모드에서 보이지 않습니다.
## 🔶🔶🔶}}} ||
|| 결과 ||PC라면 단축키 'e'를, 또는 '편집' 버튼을 눌러 결과를 확인해 보세요. ||
## 🔶🔶🔶
## 이 내용은 읽기 모드에서 보이지 않습니다.
## 🔶🔶🔶
* 편집 창 상단 노출 (고정 주석)
줄 맨 앞에 '##@'를 입력하면 그 줄에 있는 모든 내용이 읽기 모드에서는 출력되지 않고 편집 창에서 편집기 상단, 문서명 하단에 출력됩니다.
일반 텍스트부터 표, include 문법, 그리고 이미지까지 모든 것을 편집 창 상단에 노출시킬 수 있습니다. 단, 공백으로 시작해야 하는 리스트 문법과 들여쓰기는 앞에 아무 내용이라도 있어야 정상적으로 작동됩니다. 보통{{{#!wiki }}} 문법으로 감싸는 방법을 사용합니다. 여러 줄에 걸친 문법은 각 줄마다 '##@'를 입력하면 정상적으로 출력됩니다. 이 내용은 include한 문서에서는 보이지 않습니다.
||<tablebgcolor=transparent><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{##@ 편집 창에서만 노출 기능 예시입니다.}}} ||
|| 결과 ||PC라면 단축키 'e'를, 또는 [[https://namu.wiki/edit/인곽위키:문법 도움말|이 링크]]를 눌러 결과를 확인해 보세요. ||
##@ * 윗 줄에 아무 내용이 없어 리스트 문법이 적용되지 않는 리스트입니다.
##@ * 그 아래부터는 윗 줄에 아무 내용이 존재하여 리스트 문법이 깨지지 않습니다.
##@||<tablebgcolor=transparent><colbgcolor=#00a495><colcolor=#fff> 예시 ||{{{##@ 편집 창에서만 노출 기능 예시입니다.([[인곽위키:문법 도움말#s-17|17번 문단]]을 참고하시기 바랍니다.)}}} ||
##@|| 결과 ||이런 식으로 편집할 시에만 노출됩니다.||
== 기본 헥스 코드 ==
||<-3><tablebordercolor=#000,#333><tablealign=center><tablebgcolor=#fff,#1c1d1f><rowbgcolor=#000><rowcolor=#fff><width=280> '''분류''' ||<-2> [[인곽위키:테마|{{{#fff '''라이트 테마'''}}}]] ||<-2> [[인곽위키:테마|{{{#fff '''다크 테마'''}}}]] ||
||<-3><|2><colbgcolor=#f5f5f5,#2d2f34> 페이지 배경 ||<|2><width=30><bgcolor=#fff,#fff>||<|2><width=125> {{{#fff｜white}}} ||<width=30><bgcolor=#1c1d1f,#1c1d1f>||<width=125> {{{#1c1d1f}}} ||
||<bgcolor=#000,#000> || {{{#000}}} ||
||<-3> 텍스트 (문서명·문단명·본문)[*B 기재된 색상은 기본값을 의미하며, [[#텍스트 색상|색상 문법]]을 이용해 편집자가 원하는 색상으로 변경 가능.] ||<bgcolor=#212529,#212529>|| {{{#212529}}} ||<bgcolor=#e0e0e0,#e0e0e0>|| {{{#e0e0e0}}} ||
||<-3> 주석 ||<bgcolor=#008000,#008000>|| {{{#008000}}} ||<bgcolor=#608b4e,#608b4e>|| {{{#608b4e}}} ||
||<-2><|2> 표[*B] ||<colbgcolor=#f5f5f5,#2d2f34> 배경 ||<bgcolor=#f5f5f5,#f5f5f5>|| {{{#f5f5f5}}} ||<bgcolor=#2d2f34,#2d2f34>|| {{{#2d2f34}}} ||
||<colbgcolor=#f5f5f5,#2d2f34> 테두리 ||<bgcolor=#ddd,#ddd>|| {{{#ddd}}} ||<bgcolor=#383b40,#383b40>|| {{{#383b40}}} ||
||<|3> 하이퍼링크[br]각주[*B][*C 색을 바꿀 수 없다.] ||<|2> 존재하는 문서 || 일반 ||<bgcolor=#0275d8,#0275d8>|| {{{#0275d8}}} ||<bgcolor=#ec9f19,#ec9f19>|| {{{#ec9f19}}} ||
|| 호버 ||<bgcolor=#0263b8,#0263b8>|| {{{#0263b8}}} ||<bgcolor=#bd7f14,#bd7f14>|| {{{#bd7f14}}} ||
||<-2> 존재하지 않는 문서 ||<bgcolor=#f00,#f00>|| {{{#f00｜red}}} ||<bgcolor=#dc4343,#dc4343>|| {{{#dc4343}}} ||
||<|3> 외부 링크 |||| 바깥 고리 기호 ||<bgcolor=#008000,#008000>||<-3> {{{#008000｜green}}} ||
||<|2> 텍스트 || 일반 ||<|2><bgcolor=#090,#090>||<|2><-3> {{{#090}}} ||
|| 호버 ||
||<-3> 취소선 ||<bgcolor=#808080,#808080>||<-3> {{{#808080｜gray｜grey}}} ||
||<-2><|2> 문단 || 접힘 여부[br]표시 기호 (V표) ||<bgcolor=#666,#666>||<-3> {{{#666}}} ||
|| 수평줄 ||<bgcolor=#ccc,#ccc>|| {{{#ccc}}} ||<bgcolor=#383b40,#383b40>|| {{{#383b40}}} ||
||<-2><|3> 인용문[*C] || 줄 색깔 ||<bgcolor=#71bc6d,#71bc6d>|| {{{#71bc6d}}} ||<bgcolor=#666c75,#666c75>|| {{{#666c75}}} ||
|| 배경 ||<bgcolor=#eee,#eee>|| {{{#eee}}} ||<bgcolor=#2d2f34,#2d2f34>|| {{{#2d2f34}}} ||
|| 테두리 ||<bgcolor=#ccc,#ccc>|| {{{#ccc}}} ||<bgcolor=#383b40,#383b40>|| {{{#383b40}}} ||
||<-2><|2> 리다이렉트 시 알림 || 배경 ||<bgcolor=#cee2fd,#cee2fd>|| {{{#cee2fd}}} ||<bgcolor=#2d2f34,#2d2f34> || {{{#2d2f34}}} ||
|| 텍스트 ||<bgcolor=#0b3574,#0b3574>|| {{{#0b3574}}} ||<bgcolor=#ec912a,#ec912a> || {{{#ec912a}}} ||
||<-2> 네임스페이스[* 이 문서 제목의 '인곽위키:' 같은 것을 의미합니다. 일반 문서의 네임스페이스는 '문서:'이나, 디폴트 네임스페이스이므로 문서 제목에 출력되지 않습니다.] || 배경[* espejo의 배경색으로, 2024년 1월 26일 이전의 기본 스킨이었던 senkawa는 글자색(#545454,#c7c7c7)으로 처리 했었다.] ||<bgcolor=#d4f0e3,#d4f0e3>|| {{{#d4f0e3}}} ||<bgcolor=#545c5b,#545c5b> || {{{#545c5b}}}[* 투명도 30%] ||
||<-3> 위험 버튼[* 문서 삭제 버튼, API Token 발급 버튼 등] ||<bgcolor=#d9534f,#d9534f>||<-3> {{{#d9534f}}} ||
||<-2><|3> 문서 기여 시[br]글자수 변화 알림 || 감소 ||<bgcolor=#f00,#f00>||<-3> {{{#f00｜red}}} ||
|| 무변화 ||<bgcolor=#808080,#808080>||<-3> {{{#808080｜gray｜grey}}} ||
|| 증가 ||<bgcolor=#008000,#008000>||<-3> {{{#008000｜green}}} ||
||<|6> 문서 역사 비교 ||<|2> 배경 || 삭제 ||<bgcolor=#fdd,#fdd>|| {{{#fdd}}} ||<bgcolor=#943838,#943838>|| {{{#943838}}} ||
|| 삽입 ||<bgcolor=#cfc,#cfc>|| {{{#cfc}}} ||<bgcolor=#3b5a3b,#3b5a3b>|| {{{#3b5a3b}}} ||
||<|2> 수정 배경 || 삭제 ||<bgcolor=#fff,#fff>|| {{{#fff｜white}}} ||<bgcolor=#d05d5d,#d05d5d>|| {{{#d05d5d}}} ||
|| 삽입 ||<bgcolor=#50ff50,#50ff50>|| {{{#50ff50}}} ||<bgcolor=#1c751c,#1c751c>|| {{{#1c751c}}} ||
||<|2> 수정 텍스트 || 삭제 ||<bgcolor=#999,#999>|| {{{#999}}} ||<bgcolor=#ddd,#ddd>|| {{{#ddd}}} ||
|| 삽입 ||<bgcolor=#212529,#212529>|| {{{#212529}}} ||<bgcolor=#e0e0e0,#e0e0e0>|| {{{#e0e0e0}}} ||
||<|9> 토론 ||<|2> 토론 상태 || 중지됨 ||<bgcolor=#b1b1b7,#b1b1b7>|| {{{#b1b1b7}}} ||<bgcolor=#828282,#828282>|| {{{#828282}}} ||
|| 닫힘 ||<bgcolor=#639,#639>|| {{{#639}}} ||<bgcolor=#442167,#442167>|| {{{#442167}}} ||
||<|5> 토론 댓글 || 발제자 ||<bgcolor=#b0d3ad,#b0d3ad>|| {{{#b0d3ad}}} ||<bgcolor=#324432,#324432>|| {{{#324432}}} ||
|| 참가자 ||<bgcolor=#d5d5d5,#d5d5d5>|| {{{#d5d5d5}}} ||<bgcolor=#2d2f34,#2d2f34>|| {{{#2d2f34}}} ||
|| 배경 ||<bgcolor=#f4f4f4,#f4f4f4>|| {{{#f4f4f4}}} ||<bgcolor=#27292d,#27292d>|| {{{#27292d}}} ||
|| 테두리
경계선 ||<bgcolor=#808080,#808080>|| {{{#808080｜gray｜grey}}} ||<bgcolor=#383b40,#383b40>|| {{{#383b40}}} ||
|| 상태 변경 ||<bgcolor=#fc6,#fc6>|| {{{#fc6}}} ||<bgcolor=#54411a,#54411a>|| {{{#54411a}}} ||
||<|2> 닫힌 토론 댓글 달기 || 배경 ||<bgcolor=#eceeef,#eceeef>|| {{{#eceeef}}} ||<bgcolor=#27292d,#27292d>|| {{{#27292d}}} ||
|| 텍스트 ||<bgcolor=#55595c,#55595c>|| {{{#55595c}}} ||<bgcolor=#ddd,#ddd>|| {{{#ddd}}} ||
||<-2><|2> 내비게이션 바 || 배경 ||<bgcolor=#008275,#008275>|| {{{#008275}}} ||<bgcolor=#2d2f34,#2d2f34>|| {{{#2d2f34}}} ||
|| 텍스트 ||<bgcolor=#fff,#fff>||<-3> {{{#fff｜ffffff｜white}}} ||
||<-2><|2> 특수 권한 알림[*D 사칭을 방지하기 위해 사용자 문서 본문에 포함되지 않으며, 색이 변하는 것을 이용해 가짜 틀과 구분할 수 있다.] || 논 호버 ||<bgcolor=#ffa500,#ffa500>||<-3> {{{#ffa500｜orange}}} ||
|| 호버[*E PC에서는 마우스를 틀 내에 위치시킴, 모바일에서는 틀을 터치] ||<bgcolor=#f00,#f00>||<-3> {{{#f00｜red}}} ||
||<-2><|2> 차단 알림[*D] || 논 호버 ||<bgcolor=#f00,#f00>||<-3> {{{#f00｜red}}} ||
|| 호버[*E] ||<bgcolor=#00f,#00f>||<-3> {{{#00f｜blue}}} ||
||<-2><|3> 차단 || 일반 차단 ||<bgcolor=#808080,#808080>||<-3> {{{#808080｜gray}}} ||
|| 로그인 허용 차단 ||<bgcolor=#008000,#008000>||<-3> {{{#008000｜green}}} ||
|| IDC 차단 ||<bgcolor=#f8c471,#f8c471>||<-3> {{{#f8c471}}} ||
||<-3> 서버 점검 알림
상단 알림바 배경 ||<bgcolor=#f0ef75,#f0ef75>||<-3> {{{#f0ef75}}} ||
||<-3> 인곽위키 색상 ||<bgcolor=#00a495,#00a495>|| {{{#00a495}}} ||<bgcolor=#2d2f34,#2d2f34>|| {{{#2d2f34}}} ||
||<|7> 인곽위키[br]브랜드 색상 ||<|4> [[espejo]] 스킨 || 기본색1 ||<bgcolor=#00a69c,#00a69c>|| {{{#00a69c}}} ||<|2><bgcolor=#2e3033,#2e3033>||<|2> {{{#2e3033}}} ||
|| 기본색2 ||<bgcolor=#28b472,#28b472>|| {{{#28b472}}} ||
|| 밝은색1 ||<bgcolor=#bfe9d5,#bfe9d5>|| {{{#bfe9d5}}} ||<|2><bgcolor=#c0c1c2,#c0c1c2>||<|2> {{{#c0c1c2}}} ||
|| 밝은색2 ||<bgcolor=#d4f0e3,#d4f0e3>|| {{{#d4f0e3}}} ||
||<|3> [[liberty]] 스킨 || 기본색 ||<bgcolor=#008275,#008275>|| {{{#008275}}} ||<bgcolor=#2d2f34,#2d2f34>|| {{{#2d2f34}}} ||
|| 어두운색 ||<bgcolor=#00413b,#00413b>|| {{{#00413b}}} ||<bgcolor=#16171a,#16171a>|| {{{#16171a}}} ||
|| 밝은색 ||<bgcolor=#80c1ba,#80c1ba>|| {{{#80c1ba}}} ||<bgcolor=#383b40,#383b40>|| {{{#383b40}}} ||
[각주][include(틀:포크/나무위키, title=인곽위키:문법 도움말/심화, version=1939, uuid=2ca72718-a631-477d-a98e-e54bf4e6be8e, title2=헥스 코드, version2=386, uuid2=87674b6b-5cfa-4705-a232-f420a583bb5e, paragraph2=4.2)]
