도움말:위키 문법/요약

분류: 도움말

도움말
[ 펼치기 · 접기 ] 종합 길라잡이 문서의 종류 공용 외적 실용 메타 동음이의 └ 세계 내적 문서가 아닌 문서 ┘ ┌ 이름공간별 역할 ┐ 분류 파일 틀 사용자 연습장 유저 가이드 양식 문법 편집 시각표 틀 제작 디자인 문서 작성 도움말 설정 노하우 특수 기능 시각표 사전 평가·시상·활동 사용자 등급 문서 독도락 세계관 대문 세계관 사용자 위키의 동반자 전회원대회 휘장 관리·운영 저작권 사무관 규정 관리자 신문고

위키 문법
1장 「기초」	2장 「표」	3장 「HTML」
4장 「스타일링」	5장 「응용」
개별 기능
보일 제목	틀 제작	파일 삽입

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

개념

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

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

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

• 다음 두 개의 태그를 소개합니다.
  • span(글자 선택)
  • div(박스)
• 속성^attribute을 부여할 때 여는 태그에 처럼 부여합니다.

CSS는 스타일을 지정합니다. 인라인 CSS는 style 속성 안에 속성: 값; 형태로 작성합니다.

• 다음 세 개의 속성^property을 소개합니다.
  • color: 글자 색
  • background: 배경 색
  • font-size: 글자 크기

속성property	예시	출력
color: red;	예시	빨간 글자
background: #a0f0f0;	예시	배경색
font-size: 18px;	예시	크기 증가

글자 서식

입력	출력
굵게	굵게
기울이기	기울이기
밑줄	밑줄
취소선	취소선

• 간단히 색을 넣으려면 문구을 사용하실 수 있습니다.
  • 다크 모드 대응은 light-dark(#000000, HSL(37, 10%, 74%))처럼 사용합니다.

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

내용

문단

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

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

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

목록

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

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

링크

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

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

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

각주

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

틀

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

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

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

• 틀은 틀:틀이름 형태로 사용합니다.
• 각 틀의 사용법은 틀:이름 문서에서 확인합니다.