💡케이브덕 소개글 작성법

본 가이드는 마크다운/HTML의 기본 문법을 상세히 설명합니다. HTML 코드와 마크다운 문법을 활용해 크리에이터 소개 와 캐릭터 소개를 마음껏 꾸며서 표현해보세요.

케이브덕 내 문법 사용 가능 페이지

1. 크리에이터 소개

2. 크리에이터 공지사항

3. 캐릭터 만들기 시, 별도 캐릭터 설명

4. 캐릭터 만들기 시, 크리에이터 코멘트

---

A. 마크다운 문법

• 마크다운(Markdown) : 쉽게 글을 쓸 수 있도록 해 주고, 읽는 사람에게도 쉽게 읽힐 수 있도록 해 주는 간소한 서식(포맷)

  • 궁금한 작성법을 클릭하여 펼쳐서 확인해보세요!

제목 작성하기

# 기호를 사용하여 총 6단계의 제목 레벨을 만들 수 있습니다.

• #: 가장 큰 제목

• ##: 두 번째 수준 제목

• ###: 세 번째 수준 제목

• ####: 네 번째 수준 제목

• #####: 다섯 번째 수준 제목

• ######: 여섯 번째 수준 제목

• 주의: 7개 이상의 #는 지원되지 않으며, 6단계 이후는 일반 텍스트로 처리됩니다.

<사용 예시>

# 가장 큰 제목입니다

## 두 번째 수준 제목입니다

### 세 번째 수준 제목입니다

# 캐릭터 소개

## 1. 소개
### 1.1 기본정보
### 1.2 성장배경

## 2. 나와의 관계
### 2.1 어린 시절 첫만남
#### 2.1.1 성장 후 사이
#### 2.1.2 최근 이야기

엔터 처리하기

엔터가 적용되지 않으시나요? 줄 끝에 공백을 두 칸 넣거나 줄 끝에 역슬래시(\)를 넣으면 됩니다.

< 엔터 처리 사용 예시>

• 역슬래시(\) 사용: 안녕\ 하세요

• 공백 두 칸 사용: 안녕 하세요

문단 스타일 입히기

1. 인용문 : 마크다운에서 인용문은 > 기호를 사용하여 표현합니다.

<인용문 사용 예시>

• 기본 인용문

> 그가 말하길삶은 곧 기쁨이라 하였다.

그가 말하길 삶은 곧 기쁨이라 하였다.

• 중첩 인용문

> 첫 번째 삶은 기쁨
> > 두 번째 삶은 슬픔
> > > 세 번째 삶은 웃음

첫 번째 삶은 기쁨

두 번째 삶은 슬픔

세 번째 삶은 웃음

• 인용문 내 다른 요소 함께 사용

> ### 인용문 내 제목
> 
> 인용문 안에 **굵게** 표시할 수 있습니다.
> 
> * 리스트 항목도 포함 가능합니다.

인용문 내 제목

인용문 안에 굵게 표시할 수 있습니다.

• 리스트 항목도 포함 가능합니다.

1. 구분선 : --- 또는 *** 등을 사용할 수 있습니다.

<구분선 사용 예시>

---

***

---

1. 목록 : * 또는 - 를 처음에 사용하여 목록을 표현합니다.

<목록 사용 예시>

* 목록 일
* 목록 이
- 목록 삼
- 목록 사

• 목록 일

• 목록 이

• 목록 삼

• 목록 사

1. 테이블(표) : | 와 -를 이용하여 표를 만들 수 있습니다. 정렬을 원하시면 :를 이용할 수 있습니다.

<테이블 사용 예시>

• 기본 테이블 문법

| 제목1 | 제목2 | 제목3 |
|-------|-------|-------|
| 내용1 | 내용2 | 내용3 |
| 내용4 | 내용5 | 내용6 |

제목1	제목2	제목3
내용1	내용2	내용3
내용4	내용5	내용6

• 열 정렬 방법

| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |
|:---------|:----------:|------------:|
| 왼쪽     | 가운데     | 오른쪽      |
| 예시1    | 예시2      | 예시3       |

왼쪽 정렬	가운데 정렬	오른쪽 정렬
왼쪽	가운데	오른쪽
예시1	예시2	예시3

1. 작업 목록 : 작업 목록은 대괄호 [ ]를 사용하여 만들 수 있습니다

<작업 목록 사용 예시>

- [ ] 퀘스트 1
- [ ] 퀘스트 2
- [x] 완료된 퀘스트

• 퀘스트 1

• 퀘스트 2

• 완료된 퀘스트

텍스트 스타일 입히기

1. 기울임체 : 마크다운에서 인용문은 * 과 _기호를 사용하여 표현합니다.

<기울임체 사용 예시>

*기울임체 텍스트*
_기울임체 텍스트_

기울임체 텍스트

1. 굵게 강조 : 별표(**) 와 언더스코어(__)를 사용하여 표현합니다.

**안녕하세요!**
__안녕하세요!__

안녕하세요!

1. 취소선 표시 : 물결표(~~)를 사용하여 표현합니다.

~~잘못된 정보~~
__안녕하세요!__

잘못된 정보

1. 스타일 조합하여 사용이 가능합니다.

***굵게 + 기울임***
**~~굵게 + 취소선~~**

굵게 + 기울임 굵게 + 취소선

외부 링크 연결하기

1. 지정 텍스트 연결 : [링크 텍스트](https://www.example.com)형태로 사용 가능합니다.

[케이브덕 바로가기](https://caveduck.io)

케이브덕 바로가기

1. 자동 링크 연결 : <https://www.example.com>형태로 사용 가능합니다.

<https://caveduck.io>

https://caveduck.io

---

B. HTML 가이드

• HTML (마크업 언어) : <태그> 등을 이용하여 문서나 데이터의 구조를 작성하는 언어

  • 초보자에게는 사용이 어려울 수 있습니다.

  • 사용하고자 하는 내용을 AI의 도움을 받아보세요!

기본 텍스트 스타일 입히기

<i>기울임체</i>

기울임체

<b>굵게</b>

굵게

*<strong></strong> , <em> 태그를 사용하여서도 강조 표현이 가능합니다.

추가 텍스트 스타일 입히기

<p>,<span> 태그를 이용하여 문단을 감싸서 스타일을 입혀보세요. 이외에도 다양한 스타일을 입힐 수 있어요!

📍 Tip ! 은 무엇이 다른가요? - <p>,<span> 태그의 차이는 글자가 차지하는 영역의 달라요. <p> 태그는 한줄의 영역을 모두 차지하여 자동으로 개행돼요

<p>내</p><p>용</p>

내

용

<span>내</span><span>용</span>

내용

📍그래서, 가운데 정렬을 원하실 경우에는 <p style="text-align: center;">내용</p> 로 사용해주시면 됩니다.

<스타일 적용 예시>

<span style="text-shadow: 0 0 5px #FF69B4, 0 0 10px #FF69B4;">많은 사랑 부탁 드립니다.❤️</span>

• 글자 효과

  • 굵게 : "font-weight : bold;"

  • 글자 크기 조정 : "font-size : 25px;"

  • 글자색 : "color : #ffdd1d;"

  • 가운데로 정렬 : "text-align : center;"

  • 글자 그림자 : text-shadow: 0 0 5px #FF69B4.

이외에도 다양한 텍스트 스타일을 적용할 수 있어요.

✔️ 아쉽게도 <font> 태그는 지원하지 않아요. <font>태그를 원하실 경우 아래와 같이 사용 부탁드립니다.

<font color="ffd576" size="2"></font>로 사용하셨다면,
<span> 태그의 스타일로 적용 가능합니다.

<span style="color:#ffd576; font-size:16px;"></span>

외부 링크 연결하기

<a> 태그를 사용하여 링크를 연결합니다.

<a href = "https://caveduck.io">케이브덕 바로가기</a> 케이브덕 바로가기

• Tip : 연결된 페이지가 파랗게 표현되는게 싫으시면?

  • <a href = "https://caveduck.io" style="text-decoration : none;">케이브덕 바로가기</a>

구분선 입력하기

<hr> 태그를 사용하여 구분선을 입력합니다.

<hr>

---

마치며,

🚀 이제 여러분도 전문가! 여러분의 아이디어를 마음껏 펼쳐보세요! 🚀

• 마크다운 + HTML의 조합으로 독창적인 문서를 만들 수 있습니다.

• 캐릭터의 개성을 풍부하게 표현할 수 있습니다.