티스토리 뷰

Markup

Mark Down 마크다운 정리

보간 2024. 9. 28. 16:35

마크다운

텍스트를 간단하게 포맷할 수 잇도록 설계된 경량 마크업언어

마크다운 확장자

.md, .adoc (.md 서식보다 조금 더 복잡함) 등이 있다.

장단점

  • 문법이 쉽다
  • 관리가 간편하다
  • 지원 가능 플랫폼과 프로그램이 다양하다.
  • 모든 HTML 마크업을 대체 할 수 없다.

문법

마크다운 또한 마크업 언어이기 때문에 각 태그의 의미에 맞게 사용해야한다. HTML로 변환되어 출력되기 때문에 출력 모양이 사용하는 곳의 스타일 구성에 따라 달라질 수 있기 때문이다.


제목문법

# 제목

## 제목

### 제목

#### 제목

##### 제목
###### 제목

+ # 제목은 HTML 문서의 h1태그의 기능과 같으므로, html과 마찬가지로 한 페이지에 하나만 써야 한다.


강조

기울임 : * 글자 *
두껍게 : ** 글자 **
기울임 + 두껍게 : *** 글자 ***

수평선

---


목록

  1. 목록 : 숫자. 목록
  • 목록 : - 목록

일반표

|제목|내용|설명|
|------|---|---|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
제목 내용 설명
테스트1 테스트2 테스트3
테스트1 테스트2 테스트3
테스트1 테스트2 테스트3

정렬

제목|내용|설명|
|:---|---:|:---:|
|왼쪽정렬|오른쪽정렬|중앙정렬|
|왼쪽정렬|오른쪽정렬|중앙정렬|
|왼쪽정렬|오른쪽정렬|중앙정렬|
제목 내용 설명
왼쪽정렬 오른쪽정렬 중앙정렬
왼쪽정렬 오른쪽정렬 중앙정렬
왼쪽정렬 오른쪽정렬 중앙정렬

링크

[이름](링크주소)
[이름](링크주소 "설명") + 커서를 위에 올려 놓았을 때 설명이 보인다.

이미지

[이름](이미지주소 "설명")
[![이름](이미지주소](링크주소)

코드 강조

코드 : `(백틱)
코드블럭 : ``` 언어이름

```뒤에 코드 블록 전후에 빈 줄을 배치하는 것이 원시 서식을 읽기 쉽고 오류를 방지하기 용이하다.

```
function test() {

}
```

인용문

인용입니다.

체크리스트

[ ]

  • 할 일(- [ ] 할 일)
  • 한 일(- [X] 한 일)
  • tistory에서 사용시 -, > 등 인용문이나 목록 안에서 출력 가능 하다.

원시 html

: 밑줄

&nbsp : 공백

: 줄바꿈

등 다양한 html태그를 사용할 수 있다. 그러나 모든 html태그를 지원하는 것은 아니며 활용 가능한 범위를 사이트마다 확인해야 한다.

예약어 출력하기

html 태그나 백틱 기호등 마크업 언어 자체를 출력하고 싶다면, 그 앞에 \를 붙여 출력할 수 있다.


참고 출처

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함