| ... | ... | |
|---|
| 25 | 25 | || {{{--취소선 2--}}} || --취소선 2-- || |
|---|
| 26 | 26 | || 기준글자{{{^^위첨자^^}}} || 기준글자^^위첨자^^ ||<|2>텍스트 크기는 -2입니다. 단, 글자 크기를 줄이고 싶은 경우 이 문법이 아닌 텍스트 크기 문법을 사용하세요!|| |
|---|
| 27 | 27 | || 기준글자{{{,,아래첨자,,}}} || 기준글자,,아래첨자,, || |
|---|
| 28 | | || {{{{{{[[리터럴]]}}}}}} || {{{[[리터럴]]}}} ||[[하트위키:문법 도움말/심화#마크업 미적용 텍스트|위키 문법이 적용되지 않고 고정폭 글꼴로 입력한 그대로가 출력됩니다.]] 주로 문법 안내 등에 사용합니다. 이 표의 첫번째 열에도 이 문법이 사용된 것입니다. ||}}} |
|---|
| 28 | || {{{{{{[[리터럴]]}}}}}} || {{{[[리터럴]]}}} || 위키 문법이 적용되지 않고 고정폭 글꼴로 입력한 그대로가 출력됩니다. 주로 문법 안내 등에 사용합니다. ||}}} |
|---|
| 29 | 29 | |
|---|
| 30 | 30 | === 텍스트 크기 === |
|---|
| 31 | 31 | {{{#!wiki style="word-break: keep-all" |
|---|
| 32 | 32 | 텍스트의 크기를 -5와 +5 사이의 정수를 입력하여 조절할 수 있습니다. |
|---|
| 33 | 33 | |
|---|
| 34 | | 현재 [[liberty]] 스킨의 기본 텍스트 크기는 14.25px[* 1rem인 16px의 0.95em]입니다. 크기 조절 문법을 사용하면 글자 크기에 대한 상대 단위인 em을 사용하는 방식으로 작동합니다. 참고로 rem은 [[HTML]] 기본 font-size의 값을 1rem으로 한 것입니다. |
|---|
| 34 | 현재 liberty 스킨의 기본 텍스트 크기는 14.25px[* 1rem인 16px의 0.95em]입니다. 크기 조절 문법을 사용하면 글자 크기에 대한 상대 단위인 em을 사용하는 방식으로 작동합니다. 참고로 rem은 [[HTML]] 기본 font-size의 값을 1rem으로 한 것입니다. |
|---|
| 35 | 35 | |
|---|
| 36 | 36 | '\{{{'를 입력했으면 '\}}}'로 닫아야 정상적으로 출력됩니다. |
|---|
| 37 | 37 | ||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff> 입력 || 출력 || 적용 크기 || 입력 || 출력 || 적용 크기 || |
|---|
| ... | ... | |
|---|
| 46 | 46 | |
|---|
| 47 | 47 | === 텍스트 색상[anchor(textcolor)] === |
|---|
| 48 | 48 | {{{#!wiki style="word-break: keep-all" |
|---|
| 49 | | 텍스트의 색상을 [[헥스 코드]][* # 뒤에 붙는 여섯자리 숫자로 색상을 나타낸 것. 숫자는 두 자리씩 끊어서 각각 'Red', 'Green', 'Blue'의 강도를 256(=16^^2^^)단계에 걸쳐 나타낸 것이며, 16진수로 표현되어 00(=0,,10,,)일 때 가장 어둡고 FF(=255,,10,,)일 때 가장 밝습니다. 중간값은 80(=128,,10,,)입니다.]나 [[헥스 코드#CSS 색상|CSS 색상명]][* # 뒤에 이미 정의된 색상명을 그대로 입력하는 방식을 말합니다. 해당 링크 참고.]을 입력하여 조절할 수 있습니다. |
|---|
| 49 | 텍스트의 색상을 [[헥스 코드]][* # 뒤에 붙는 여섯자리 숫자로 색상을 나타낸 것. 숫자는 두 자리씩 끊어서 각각 'Red', 'Green', 'Blue'의 강도를 256(=16^^2^^)단계에 걸쳐 나타낸 것이며, 16진수로 표현되어 00(=0,,10,,)일 때 가장 어둡고 FF(=255,,10,,)일 때 가장 밝습니다. 중간값은 80(=128,,10,,)입니다. |
|---|
| 50 | 50 | |
|---|
| 51 | 51 | 색상코드표는 [[헥스 코드]] 문서 또는 [[https://html-color-codes.info/Korean|HTML 컬러 코드]] 또는 [[https://google.com/search?q=color+chooser|이곳]]을 참고하세요. |
|---|
| 52 | 52 | |
|---|
| ... | ... | |
|---|
| 60 | 60 | || {{{{{{#808 text}}}}}} || |
|---|
| 61 | 61 | || {{{{{{#purple text}}}}}} || |
|---|
| 62 | 62 | || {{{{{{#FC457A 하트위키색}}}}}}[* 축약형 헥스 코드 또는 CSS 색상명으로 나타낼 수 없는 색상입니다. 6자리 코드를 써야만 표현할 수 있습니다.] || {{{#FC457A 하트위키색}}} || |
|---|
| 63 | | ||<|2> [[다크 테마]]용 색상[br]별도 지정 || {{{{{{#888,#ff0 다크텍스트}}}}}} ||<|2> {{{#888,#ff0 다크텍스트}}} ||<|2>첫 번째 색상은 라이트 테마, 두 번째 색상은 다크 테마에서 적용됩니다. 확인을 위해 다크 테마와 라이트 테마를 전환해보세요.[br][br]두 색상코드 끼리는 쉼표를 사이에 두고 붙여써야만 합니다. 쉼표 뒤에 공백을 넣을 경우 정상 출력이 되지 않습니다.[br][br]색상 문법이 적용되지 않은 일반 텍스트는 라이트 모드에서 {{{#212529}}}(검은색), 다크 모드에서 {{{#e0e0e0}}}(옅은 회색) 색상이 자동으로 적용됩니다. || |
|---|
| 64 | 63 | || {{{{{{#gray,#yellow 다크텍스트}}}}}} || |
|---|
| 65 | 64 | ||<|2> 밑줄 서식과 중첩 || {{{{{{#red __밑줄 포함__}}}}}} || {{{#red __밑줄 포함__}}} ||<|2>색상 문법과 밑줄 문법의 순서에 따라 밑줄에 색상 지정 여부가 다릅니다. || |
|---|
| 66 | 65 | || {{{__{{{#red 밑줄 제외}}}__}}} || __{{{#red 밑줄 제외}}}__ || |
|---|
| 67 | 66 | ||<|2> 크기 서식과 중첩 || {{{{{{+1 {{{#blue 큰글자파랑}}}}}}}}} ||<|2> {{{+1 {{{#blue 큰글자파랑}}}}}} ||<|2>밑줄과 달리 크기 서식을 색상과 결합할 경우 문법의 순서가 출력에 영향을 미치지 않습니다. || |
|---|
| 68 | | || {{{{{{#blue {{{+1 큰글자파랑}}}}}}}}} ||}}}[각주] |
|---|
|
| 67 | || {{{{{{#blue {{{+1 큰글자파랑}}}}}}}}} ||}}} |
|---|
| 68 | |
|---|
| 69 | 69 | == 하이퍼링크 == |
|---|
| 70 | 70 | {{{#!wiki style="word-break: keep-all" |
|---|
| 71 | 71 | |
|---|
| ... | ... | |
|---|
| 81 | 81 | || {{{[[#개요]]}}} || [[#개요]] || |
|---|
| 82 | 82 | || {{{[[#개요|개요 문단으로]]}}} || [[#개요|개요 문단으로]] || |
|---|
| 83 | 83 | ||<|3> 다른 문서 특정 문단으로 링크 걸기 || {{{[[하트위키#s-6|해당 문단 참고]]}}} || [[하트위키#s-6|해당 문단 참고]] ||<|3>이동할 문서명을 쓰고 #뒤에 s-문단 번호 또는 문단명을 입력하면 해당 문서 특정 문단으로 이동할 수 있습니다. 별도의 출력을 지정하지 않으면 앵커명이 빠지고 문서명만 출력됩니다.[br][br]이 문법 사용 시 링크하는 문서명은 리다이렉트 문서가 아니어야 합니다. 예를 들어, '[[문서함]]'은 그 자체로 본문을 가진 문서가 아니라 '[[하트위키:내 문서함]]'으로 연결시켜주는 리다이렉트 문서입니다. 이 문서의 2번 문단으로 이동하는 링크를 만들고 싶다면 반드시 {{{[[하트위키:내 문서함#s-2]]}}}이어야 하며 {{{[[문서함#s-2]]}}}로 작성하면 '''정상 동작하지 않습니다'''.|| |
|---|
| 84 | | || {{{[[하트위키#기능]]}}} || [[하트위키#기능]] || |
|---|
| 85 | | || {{{[[하트위키#기능|해당 문단 참고]]}}} || [[하트위키#기능|해당 문단 참고]] || |
|---|
| 86 | 84 | || 현재 문서의 상위 문서 링크 || {{{[[../]]}}} || [[../]][* 본 문서의 상위 문서가 없으므로 현재 문서로 링크되고, 현재 문서로 링크되기에 볼드 처리가 됩니다.] ||아래의 {{{/}}}과 달리 여러 번 사용해도 상위의 상위 문서로는 링크되지 않습니다. 상위, 하위 문서는 문서명에 쓰인 {{{/}}}를 기준으로 합니다. 예를 들어, [[S/W 개발병]] 문서에서 {{{[[../]]}}}를 사용하면 슬래시와 뒷부분을 지운 [[S]] 문서로 링크가 가는 등 의도와 다른 링크가 걸릴 수 있습니다.[br][br]{{{/}}}가 문서명에 없는 문서에서 {{{[[../]]}}}를 사용하면 그냥 링크를 건 문서 자기 자신으로 링크가 걸립니다.[br][br]{{{#crimson ※ {{{[[../]]}}}가 사용된 문서의 RAW를 복사하여 다른 문서나 토론 창에 붙여넣을 경우 (상위문서가 없으므로) 링크가 깨지는 현상이 발생할 수 있습니다. 따라서 인용할 일이 많은 문서(하트위키의 규정 문서 등)에서는 {{{../}}} 문법보다 정확한 문서 명칭을 전부 작성해 주시기 바랍니다.}}}|| |
|---|
| 87 | | ||<|2> 현재 문서의 하위 문서 링크 || {{{[[/심화]]}}} || [[/심화]] ||<|2>{{{/}}}을 여러 번 사용하면 하위 문서의 하위 문서도 링크할 수 있습니다.[br][br]상위 문서 링크와 마찬가지의 이유로 RAW를 인용할 일이 많은 문서(하트위키의 규정 문서 등)에서는 이 문법을 이용하기보다 문서명을 전부 작성해 주는 것이 좋습니다. || |
|---|
| 88 | | || {{{[[/심화/TeX]]}}} || [[/심화/TeX]] || |
|---|
| 89 | | ||<|3> 외부 페이지 링크 || {{{[[https://www.google.com/]]}}} || [[https://www.google.com/|{{{#!html ​}}}https://{{{#!html ​}}}www{{{#!html ​}}}.{{{#!html ​}}}google{{{#!html ​}}}.{{{#!html ​}}}com{{{#!html ​}}}/]] ||기본 링크 표시입니다. 외부 이미지 파일 등 링크가 지나치게 길어져서 가독성을 해치는 경우가 종종 있으므로 권장되지 않습니다. || |
|---|
| 90 | 85 | || {{{[[https://www.google.com/|구글]]}}} || [[https://www.google.com/|구글]] ||다른 단어를 사용해 링크를 출력한 표시입니다. '출처', '사이트 명칭(ex. 언론사, 검색엔진 등)' 등 어떤 사이트임을 한눈에 알 수 있는 단어를 사용하시는 게 좋습니다. || |
|---|
| 91 | 86 | || {{{[[https://www.google.com/|[[파일:홈페이지 아이콘.svg]]]]}}} || [[https://www.google.com/|[[파일:홈페이지 아이콘.svg|width=25]]]] ||파일 자체에 링크. 예를 들어 특정 인물 문서 프로필의 SNS 아이콘에 링크를 걸어 해당 인물의 SNS 페이지로 이동할 수 있습니다.[br][br]특정 아이콘들은 특정 주소를 가리킬 때 초록색 외부링크 아이콘이 사라집니다. [[:분류:파일/링크 아이콘]] 참고. ||}}}[각주] |
|---|
| 92 | 87 | |
|---|
| 93 | | == 리다이렉트 == |
|---|
| 94 | | [[리다이렉트]] 문서는 특정 검색어 검색 시 목적지 문서로 즉시 넘겨주는 문서입니다. 리다이렉트 문서의 생성법은 [[하트위키:편집 도움말#s-2|일반 문서 생성 방법]]과 동일하며, 아래 입력 내용만을 적어야 합니다. 이외의 어떤 내용도 추가로 적어서는 안됩니다.[* 추가로 적은 내용들은 모두 '''삭제됩니다'''.] |
|---|
| 95 | | ||<tablebgcolor=#fff,#2d2f34><rowbgcolor=#FC457A><rowcolor=#fff><width=20%> 유형 ||<width=40%> 입력 ||<width=40%> 비고 || |
|---|
| 96 | | ||<|2> 기본 || {{{#redirect 목적지 문서}}} ||<|2>목적지 문서의 표제어 맨 뒤를 제외한 위치에 해시(#)가 들어갈 경우 해시 앞에 \\를 입력해야 정상적으로 작동됩니다.|| |
|---|
| 97 | | || {{{#넘겨주기 목적지 문서}}}[* 자동으로 redirect로 수정됩니다.] || |
|---|
| 98 | | ||<|2> 특정 문단으로 리다이렉트 || {{{#redirect 목적지 문서#s-문단 번호}}} ||<|2>목적지 문서에 해당 앵커나 문단이 없을 경우 문서 최상단으로 리다이렉트됩니다.|| |
|---|
| 99 | | || {{{#redirect 목적지 문서#문단명}}} || |
|---|
| 100 | | [각주] |
|---|
| 101 | 88 | == 이미지 파일 == |
|---|
| 102 | 89 | [[https://wiki.serviz.net/Upload|바로 가기]]를 통해 생성한 파일 문서의 이미지 파일을 문서 내에 출력할 수 있습니다. 또한 매개변수를 이용해 이미지의 속성을 지정할 수 있습니다. 문서 내에 출력된 이미지 파일은 해당 이미지 파일의 파일 문서로의 하이퍼링크 기능도 겸합니다. |
|---|
| 103 | 90 | |
|---|
| ... | ... | |
|---|
| 121 | 108 | || |
|---|
| 122 | 109 | ||<-2> 배경색 지정 || {{{#!wiki style="word-break: break-all" |
|---|
| 123 | 110 | {{{bgcolor=#RRGGBB}}}}}} ||라이트 테마 또는 다크 테마를 고려해 투명한 값이 있는 파일의 배경색을 지정할 수 있습니다.|| |
|---|
| 124 | | ||<-2> 라이트{{{#!html ​}}}/{{{#!html ​}}}다크 모드 지정 || {{{theme=상태}}} ||파일을 라이트 모드 또는 다크 모드에서만 출력되도록 지정할 수 있습니다. '상태'에는 다음과 같은 값을 입력하며, 지정하지 않으면 라이트 모드와 다크 모드 모두에서 표시됩니다. |
|---|
| 125 | | |
|---|
| 126 | | * 라이트 모드: {{{light}}} |
|---|
| 127 | | * 다크 모드: {{{dark}}} |
|---|
| 128 | | || |
|---|
| 129 | | ||<-2> 모서리 곡률 지정 || {{{border-radius=픽셀}}} ||이미지 파일의 모서리 곡률을 지정할 수 있는 문법입니다. || |
|---|
| 130 | | ||<-2> 픽셀화 || {{{rendering=pixelated}}} ||비트맵 이미지는 자동으로 [[안티에일리어싱]]이 적용되어 나오는데, 이를 적용되지 않게 해 줍니다. 픽셀의 수가 적은 비트맵 이미지를 확대하면 이 [[안티에일리어싱]]으로 인해 이미지가 흐리게 나오는데, 이를 선명하게 표시하여야 할 때 유용한 속성입니다. || |
|---|
| 131 | 111 | |
|---|
| 132 | 112 | }}} |
|---|
| 133 | 113 | 모바일에선 최대로 보이게 하려고 PC에서 파일의 너비를 최대로 하거나, PC에서 파일의 너비를 적절하게 설정했지만 모바일에선 가로로 슬라이드해서 이미지를 봐야 하는 상황을 막기 위해 다음과 같이 할 수 있습니다. |
|---|
| ... | ... | |
|---|