도움말:위키 문법 1장 「기초」 요약판

< 도움말:위키 문법

편집 토론 역사

도움말

분류: 도움말

도움말

[ 펼치기 · 접기 ]

위키 문법 요약판
1장 「기초」	2장 「표」	3장 「HTML」
4장 「스타일링」	5장 「응용」

📘 이 문서는 요약판입니다. 상세한 설명은 1장 「기초」 전체 문서를 참고하세요.

개념

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

CSS에 대한 심층적인 내용은 4장 「스타일링」에서 다룹니다.

HTML 태그는 <태그>로 열고 </태그>로 닫는 형태이며, 내용을 꾸미거나 역할을 부여합니다.

다음 두 개의 태그를 소개합니다.
- span(글자)
- div(박스)
속성^attribute을 부여할 때 여는 태그에 <태그 속성="값"></태그>처럼 부여합니다.

스타일을 적용할 때 HTML 태그 중 여는 태그에 틀:스타일을 {{스타일|스타일 구문}}과 같이 사용합니다.

스타일 구문을 쓸 때는 속성-값 형태로 쓰며, 띄어쓰기로 구분합니다.
종합적으로 <span {{스타일|c-red bg-blue}}>파란 배경 빨간 글자</span>처럼 쓸 수 있습니다.

서식	설명	예시	출력^[1]
`c`	글자 색상	`{{스타일\|c-red}}`	예시
`bg`	배경 색상	`{{스타일\|bg-#a0f0f0}}`	예시
`fs`	글자 크기	`{{스타일\|fs-18px}}`	예시

글자 서식

기본적 서식은 다음과 같습니다.

입력	출력
`'''굵게'''`	굵게
`''기울이기''`	기울이기
`<u>밑줄</u>`	밑줄
`{{--\|취소선}}`	~~취소선~~

간단히 색을 넣으려면 {{색|색상|문구}}을 사용하실 수 있습니다.
- 다크 모드 대응은 ##000000처럼 사용합니다.

입력	출력
`{{색\|red\|빨강}}`	빨강
`{{색\|#2a6db0\|파랑}}`	파랑
`{{색\|##2a6db0\|파랑}}`	파랑
기기를 다크모드로 전환해보세요!

내용

문단을 나누려면 두 번 개행하면 됩니다.

한 줄만 띄우면 줄바꿈은 되지 않고, 대신 같은 문단 안에서 연결됩니다.
문단 안에서 줄바꿈할 때 <br>를 사용합니다.

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

별표(*)를 사용하면 번호 없는 목록(ul)이 됩니다.
- 두 개 이상의 별표를 쓰면 들여쓰기가 됩니다.

샵(#)을 사용하면 번호 있는 목록(ol)이 됩니다.
1. 역시 여러 개를 쓰면 들여쓰기가 됩니다.
번호는 자동으로 부여됩니다.

기본적인 링크는 [[문서]]나 [[문서|표시]]로 씁니다.

색상을 부여하거나 ({{색링크|문서|색상|표시}})
외부로 연결할 수도 있습니다. ([URL 제목])
- 나무위키에 링크하는 경우에는 {{나무연결|문서}}를 사용합니다.

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

각주를 사용하려면 <ref>내용</ref>으로 사용하면 자동으로 번호가 부여됩니다.^[2]

틀

틀을 만드는 것에 대해서는 틀 만들기 도움말을 별도로 두어 다룹니다.

주요 공용 틀의 약어는 틀 도움말에서 볼 수 있습니다.

틀 문서에 있는 내용을 문서에 바로 삽입할 수 있습니다. 틀은 자주 사용되는 내용, 틀, 서식을 쉽게 쓸 수 있게 합니다.

틀은 {{틀이름|값|이름=값}} 형태로 사용합니다.
각 틀의 사용법은 틀:이름 문서에서 확인합니다.

↑ span에 적용했을 때
↑ 이와 같이 표시됩니다.