본문 바로가기

Etc.

마크다운 문법 + HTML 태그 표로 정리

인텔리제이에서 사용할 때 일부는 자동 지원이 되는 것 같으니 필요한 것들을 찾아서 적용해보세요!

제목 (Heading) # 제목1
## 제목2
### 제목3
#의 개수에 따라 제목의 크기가 달라집니다.
예시: # 큰 제목, ## 중간 제목
굵게 (Bold) **굵은 텍스트**
__굵은 텍스트__
텍스트를 굵게 표시합니다.
예시: 굵은 텍스트
기울임 (Italic) *기울임 텍스트*
_기울임 텍스트_
텍스트를 기울임으로 표시합니다.
예시: 기울임 텍스트
굵고 기울임 (Bold & Italic) ***굵고 기울임 텍스트*** 텍스트를 굵고 기울임으로 표시합니다.
예시: 굵고 기울임 텍스트
취소선 (Strikethrough) ~~취소선 텍스트~~ 텍스트에 취소선을 추가합니다.
예시: 취소선 텍스트
순서가 있는 리스트 (Ordered List) 1. 항목1
2. 항목2
숫자를 사용하여 순서를 표시합니다.
예시: 1. 첫 번째 항목
2. 두 번째 항목
순서가 없는 리스트 (Unordered List) - 항목1
* 항목2
+ 항목3
-, *, + 중 하나를 사용하여 순서 없는 리스트를 만듭니다.
예시:
- 항목 1
* 항목 2
체크리스트 (Task List) - [ ] 할 일
- [x] 완료된 일
체크박스 리스트를 만듭니다.
예시:
- [ ] 할 일
- [x] 완료된 일
인용 (Blockquote) > 인용문 인용문을 추가합니다.
예시:
> 이것은 인용문입니다.
코드 블록 (Code Block) ```언어 ``` 여러 줄의 코드를 표시할 때 사용합니다.
예시:
```java ```
인라인 코드 (Inline Code) `코드` 한 줄 코드를 삽입합니다.
예시: System.out.println("Hello");
수평선 (Horizontal Rule) ---
***
___
수평선을 삽입합니다.
예시:
---
링크 (Links) [링크 텍스트](URL) 하이퍼링크를 삽입합니다.
예시: Google
이미지 (Image) ![이미지 설명](이미지 URL) 이미지를 삽입합니다.
예시: ![Markdown 로고](https://markdown-here.com/img/icon256.png)
표 (Table) ` 제목1
이스케이프 (Escape) \*문자* 특수 문자를 표시하려면 \를 사용해 이스케이프 처리합니다.
예시: *기울임 아님*

 

각주 (Footnotes) 텍스트[^각주1]
[^각주1]: 각주 내용
각주를 추가합니다.
예시:
텍스트에 각주를 추가합니다1.
1: 여기 각주 내용
자동 링크 (Auto Links) <URL> URL을 자동으로 링크로 만듭니다.
예시:
<https://www.google.com>
이모지 (Emoji) :이모지이름: 이모지를 표시합니다. GitHub이나 다른 플랫폼에서 사용 가능.
예시: :smile: → 😀
HTML 삽입 (HTML tags) <br> HTML 태그를 사용할 수 있습니다.
예시:
줄바꿈 <br>
인라인 HTML <div>HTML 코드</div> 인라인으로 HTML을 작성할 수 있습니다.
예시:
<span>HTML 텍스트</span>
인라인 주석 (Inline Comments) <!-- 주석 --> 문서에 주석을 삽입합니다.
예시:
<!-- 이 부분은 주석입니다 -->
강조 (Emphasis) _강조 텍스트_
*강조 텍스트*
기울임 또는 굵은 글씨로 텍스트를 강조합니다.
예시:
_강조된 텍스트_
하이퍼링크 제목 (Link Title) [텍스트](URL "설명") 하이퍼링크에 제목 설명을 추가합니다.
예시:
[Google](https://www.google.com "Go to Google")
줄바꿈 (Line Break) 두 칸의 공백 뒤에 개행 개행이 필요할 때 두 칸의 공백을 사용합니다.
예시:
첫 번째 줄. (공백 두 칸)
두 번째 줄.
인용문 내 블록 요소 > # 제목
> 1. 항목
인용문 안에 블록 요소를 삽입합니다.
예시:
> # 제목
> 1. 항목
리터럴 블록 (Verbatim Block) ~~~ 언어
코드 내용
~~~
코드 블록처럼 구문 강조를 포함한 텍스트를 그대로 보여줍니다.
예시:
~~~python
print("Hello")
~~~
TOC (목차) [toc] 목차를 자동으로 생성해주는 기능을 지원하는 경우 사용.
예시: [toc]
Fenced Code Block (언어 강조) 언어 키워드 ```` 특정 언어 강조가 필요한 코드 블록에 적용. 예시: java

 

 

HTML 태그들

<br> 줄바꿈 첫 번째 줄<br>두 번째 줄 첫 번째 줄
두 번째 줄
<b> 굵은 글씨 <b>굵게</b> 굵게
<i> 기울임 글씨 <i>기울임</i> 기울임
<u> 밑줄 <u>밑줄</u> <u>밑줄</u>
<strike> 취소선 <strike>취소선</strike> 취소선
&nbsp; 공백 문자 문장&nbsp;&nbsp;&nbsp;사이 공백 문장   사이 공백
<hr> 수평선 문단1<hr>문단2 문단1
<hr>문단2
<a> 링크 삽입 <a href="URL">링크 텍스트</a> 링크 텍스트
<img> 이미지 삽입 <img src="image.jpg" alt="이미지 설명"> 이미지가 해당 경로에 표시됨
<blockquote> 인용문 <blockquote>인용문 내용</blockquote> > 인용문 내용
<table> 표 만들기 <table><tr><td>내용</td></tr></table> 간단한 표 작성
<code> 코드 블록 <code>코드 내용</code> 코드 내용
<sup> 위 첨자 X<sup>2</sup>
<sub> 아래 첨자 H<sub>2</sub>O H₂O

 

'Etc.' 카테고리의 다른 글

아스키 코드 표 정리  (1) 2024.10.22
개발관련 책 - 내가 읽어봐야 할 책  (1) 2024.10.20