문서 스타일가이드
문서 스타일 가이드
문서 스타일 가이드는 웹에디터를 이용해 문서를 작성할 때 사용하는 요소들의 미리 정의된 모양을 확인하고, 참고하여 문서를 작성할 때 이용합니다.
- 문서 편집기에서 Enter 는 ‘단락(p)’을 새롭게 만들고, 기존 문단에서 사용한 요소나 스타일을 초기화 하여 새로운 문단(p)를 생성합니다.
- 1개의 문단은 하단에 자동 여백을 가집니다. 공백열을 만들기 위해 별도로 엔터를 입력하지 않으셔도 됩니다.
- 단순한 줄바꿈을 할 경우는 Shift+Enter 를 동시에 입력하여 줄바꿈을 해 주세요.
단락 작성 예시
한 개의 단락을 작성할때는 계속하여 입력합니다. 다음 단락으로 변경할 때 Enter키를 눌러 단락을 새롭게 만들게 됩니다. <– 이곳에서 Shift+Enter 입력
만약 단순한 줄바꿈만을 하고 싶다면 (= 기존 스타일을 동일하게 가진 채 단락을 유지하고 싶다면) <– 이곳에서 Shift+Enter 입력
Shift 키를 누른 상태로 Enter키를 눌러 <– 이곳에서 Shift+Enter 입력
줄바꿈만을 할 수 있습니다. <– 이곳에서 Enter만 입력
Enter만 입력할 경우 이와 같이 적정한 공백열을 상위에 포함한(사실 윗 단락의 하단에 여백을 포함) 새로운 단락을 작성할 수 있으며, 이러한 방식으로 문서를 작성해 나가시면 됩니다.
제목(h1~h6)
제목1 : 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세
제목2 : 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세
제목3 : 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세
제목4 : 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세
제목5 : 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세
제목6 : 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세
목록 (ul 불릿형, ol 숫자형)
- 무궁화 삼천리 화려강산
- 대한사람 대한으로 길이 보전하세
- 남산 위에 저 소나무 철갑을 두른 듯
- 바람 서리 불변함은 우리 기상일세
- 가을 하늘 공활한데 높고 구름 없이
- 밝은 달은 우리 가슴 일편단심일세
- 무궁화 삼천리 화려강산
- 대한사람 대한으로 길이 보전하세
- 남산 위에 저 소나무 철갑을 두른 듯
- 바람 서리 불변함은 우리 기상일세
- 가을 하늘 공활한데 높고 구름 없이
- 밝은 달은 우리 가슴 일편단심일세
인용구 (blockquote)
이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세
단락 (p)
동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세(link) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세
단락 (p) – 요소들 (굵게 strong, 아랫첨자 small, 기울임꼴 i, 링크 a)
strong 동해물과 백두산 small 동해물과 백두산 i 동해물과 백두산 a 동해물과 백두산
형식 – Custom Style – Box형식들
글상자1(div.box01) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세
글상자2(div.box02) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세
글상자3(div.box03) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세
테이블 (Table)
머릿칸 (th) | 백두산이 | 마르고 | 닳도록 |
---|---|---|---|
내용칸(td) | 보우하사 | 우리 나라 만세 | 무궁화 삼천리 |
대한사람 | 대한으로 | 길이 | 보전하세 |
머릿칸 (th) | 내용칸(td) | 우리 나라 만세 | 무궁화 삼천리 |
---|---|---|---|
대한사람 | 대한으로 | 길이 | 보전하세 |
대한사람 | 대한으로 | 길이 | 보전하세 |
수평선 (hr)
형식 – Custom Style – 버튼 형식들
a.btn01
큰버튼
큰버튼
a.btn02
더보기
더보기
a.btn03
주황색버튼
주황색버튼
a.btn04
큰버튼
큰버튼
a.btn05
큰버튼
큰버튼