도움말:위키 문법: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
109번째 줄: 109번째 줄:
| <code><nowiki>{{나무연결|경기외국어고등학교|경기외고}}</nowiki></code> || {{나무연결|경기외국어고등학교|경기외고}}
| <code><nowiki>{{나무연결|경기외국어고등학교|경기외고}}</nowiki></code> || {{나무연결|경기외국어고등학교|경기외고}}
|}
|}
=== 각주 ===
각주를 사용하려면 <code>ref</code> 태그를 사용합니다. <code><nowiki><ref>내용</ref></nowiki></code>으로 사용하면 자동으로 사용된 순서대로 번호가 부여됩니다.<ref>이와 같이 표시됩니다.</ref>

2025년 10월 4일 (토) 10:12 판

분류: 도움말
도움말
[ 펼치기 · 접기 ]
위키 문법
1장 「기초」 2장 「표」 3장 「HTML」
4장 「스타일링」 5장 「응용」
개별 기능
보일 제목 틀 제작 파일 삽입

기초 개념

HTML 태그

HTML에 대한 심층적인 내용은 4장 「HTML」에서 다룹니다. 이곳에서는 뒤에 내용을 이해할 수 있도록 개념만 설명하고 있습니다.

HTML 태그는 문서를 더 다채롭게 꾸미기 위해 기초적인 내용을 알 필요가 있습니다. HTML 태그는 글자를 둘러싸서 그 내용을 꾸미거나 역할을 부여하는 역할을 주로 합니다. HTML 태그는 <〇〇>으로 열고, </〇〇>으로 닫습니다. 〇〇의 자리에는 태그의 이름을 넣으면 됩니다.

일부 HTML 태그에는 속성을 부여할 수 있습니다. 속성을 부여할 때는 여는 태그에 <〇〇 abc="123">과 같이 넣을 수 있고, 여러 개 넣을 때는 <〇〇 abc="123" def="456">처럼 쓰면 됩니다. 이때 abc는 속성의 이름을, 123은 속성의 값입니다.

대표적인 속성은 style이 있는데, 이 값에는 이 대상에 대한 CSS 스타일을 넣으면 됩니다. CSS 스타일에 대한 내용은 5장 「CSS」를 확인하세요.

틀은 코딩에서 함수를 사용하듯이 자주 사용되는 내용을 바로 쓸 수 있게 하거나, 글자 서식이 HTML 태그로 쓸 시 복잡한 경우에 틀에 태그를 담아 더 편리하게 쓸 수 있습니다. 또 복잡한 표를 삽입할 때 만들어진 틀을 사용하면 어려운 문법을 쓸 필요 없이 몇몇 매개변수만 입력하면 자동으로 표가 완성되도록 할 수도 있습니다.

글자 서식

글꼴

현재 위키에서는 네 가지 글꼴을 제공하고 있습니다. 작은따옴표 3개로 글자를 둘러싸면 굵게(볼드) 처리되며, 2개로 둘러싸면 이탤릭체가 됩니다.

밑줄과 취소선을 이용하기 위해서는 HTML 태그를 사용해야 합니다. 밑줄은 u 태그를, 취소선은 s 태그를 이용합니다. 이때 취소선의 경우는 -- 틀을 이용하면 링크 색상도 회색으로 바뀝니다.

입력 출력
'''굵게''' 굵게
<b>굵게</b>
''기울이기'' 기울이기
<i>기울이기</i>
<u>밑줄</u> 밑줄
{{--|취소선}} 취소선
<s>취소선</s>

글자 색상

글자의 색을 바꾸기 위해서는 span 태그에 style 속성을 부여하고 그 안에 CSS로 color을 지정하면 됩니다. 예를 들어, <span style="color: red;">빨간 글자</span>와 같이 쓰면 됩니다.

그러나, 이 방법은 너무 코드가 길고 사용하기 어렵기 때문에 보통은 틀을 사용하여 간략하게 사용합니다. RGB 6자리 색상 코드나 CSS 색상 등을 사용할 수 있으며, RGBA 8자리 코드를 사용해서 불투명도도 지정할 수 있습니다.

입력 출력
{{색|red|빨강}} 빨강
{{색|#2a6db0|파랑}} 파랑

내용

문단

문단을 나누려면 줄을 두 번 띄우면 됩니다. 한 줄만 띄우면 줄바꿈은 되지 않고, 대신 같은 문단 안에서 연결됩니다.

문단 안에서 줄바꿈을 할 때는 br 태그를 열기만 하면 됩니다 (<br>). br 태그는 줄바꿈 이상의 역할을 하지 않기 때문에 닫을 필요가 없습니다. 두 방식은 행끼리 떨어지는 거리가 달라 서로 다른 용도로 사용합니다.

두 번 개행 br 태그 사용
동해 물과 백두산이
마르고 닳도록
동해 물과 백두산이
마르고 닳도록

목록

목록은 크게 번호 없는 목록과 번호 있는 목록으로 나뉩니다.

  • 별표(*)를 사용하면 번호 없는 목록이 됩니다.
    • 두 개 이상의 별표를 쓰면 들여쓰기가 됩니다.
  1. 샵(#)을 사용하면 번호 있는 목록이 됩니다.
    1. 역시 여러 개를 쓰면 들여쓰기가 됩니다.

링크

이 위키에서 링크는 크게 세 가지 종류가 있습니다. 위키 내의 다른 문서로 이동할 수 있는 것, 외부 링크, 그리고 나무위키로 연결되는 링크입니다.

내부 링크는 [[링크]]로 사용하면 됩니다. 이때, 링크되는 대상과 표시되는 내용을 다르게 하려면 [[링크|표시]]처럼 쓸 수 있습니다. 간혹 내부 링크에 색을 넣으려면 표시 내용 자리에 색 틀이 적용된 글씨를 넣으면 되지만 조금 더 간결하게 {{색링크|링크|색상|표시}}를 사용해도 됩니다.

외부 링크는 [URL 제목]으로 씁니다. 파이프(|) 대신 그냥 띄어쓰기로 구분하며, URL에는 띄어쓰기가 없어야 하지만 제목에는 띄어쓰기가 있을 수 있음에 유의하세요.

나무위키 링크는 위의 외부 링크에 스타일링을 넣어 틀로 만든 것으로, 가상 세계 특성상 현실 세계의 내용을 가져다 쓸 때 사소한 내용까지 모두 다시 설정하기는 번거로우므로 나무위키에 링크할 수 있도록 만든 것입니다. 나무연결 틀을 {{나무연결|링크}} 또는 {{나무연결|링크|표시}}처럼 사용하면 됩니다.

입력 출력
[[제21대 대통령 선거]] 제21대 대통령 선거
[[제21대 대통령 선거|21대 대선]] 21대 대선
{{색링크|청광광역시|violet}} 청광광역시
{{색링크|청광광역시|violet|청광}} 청광
[https://youtube.com 유튜브] 유튜브
{{나무연결|경기외국어고등학교}} 경기외국어고등학교
{{나무연결|경기외국어고등학교|경기외고}} 경기외고

각주

각주를 사용하려면 ref 태그를 사용합니다. <ref>내용</ref>으로 사용하면 자동으로 사용된 순서대로 번호가 부여됩니다.[1]

  1. 이와 같이 표시됩니다.