Markdown 문법

Taehun Jeong·2023년 2월 14일
1
post-thumbnail
post-custom-banner

제목 만들기

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6
// ######까지 가능

큰 제목
===
작은 제목
---

제목 1

제목 2

제목 3

제목 4

제목 5
제목 6

큰 제목

작은 제목


강조 효과

<em>강조1</em>
<u>강조2</u>
<strong>강조3</strong>
<del>강조4</del>

강조
강조2
강조3
강조4


외부참조

[링크](https://www.google.co.kr/?gws_rd=ssl)
![이미지](https://cdn.pixabay.com/photo/2014/05/20/21/20/bird-349026_960_720.jpg)
[![링크가 첨부된 이미지](https://cdn.pixabay.com/photo/2020/04/07/17/01/birds-5014150_960_720.jpg)](https://www.naver.com/)

링크
이미지
링크가 첨부된 이미지


목록 만들기

1. 앞에 번호를 쓰면
1. 차례대로
1. 순서목록

- 줄표를 넣으면
- 순서가 없는 목록

1. 이렇게 만들면
	1. 번호가 달린
    1. 순서 목록
1. 저렇게 만들면
	- 번호가 없는
    - 목록
  1. 앞에 번호를 쓰면
  2. 차례대로
  3. 순서목록
  • 줄표를 넣으면
  • 순서가 없는 목록
  1. 이렇게 만들면
    1. 번호가 달린
    2. 순서 목록
  2. 저렇게 만들면
    • 번호가 없는
    • 목록

표 만들기

헤더 셀 구분할 때에는 ---(- 3개 이상) 필요
헤더 셀 구분하면서 : 기호로 칸 내의 내용 정렬
가장 좌측과 우측의 |는 생략 가능
| 값 | 의미 | 기본값 |
---|:---:|---:
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 |  |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 |  |
| `fixed` | 브라우저 창을 기준으로 배치 |  |
의미기본값
static유형(기준) 없음 / 배치 불가능static
relative요소 자신을 기준으로 배치
absolute위치 상 부모(조상)요소를 기준으로 배치
fixed브라우저 창을 기준으로 배치

코드와 인용

>이렇게 쓰면
>인용문 형태

이렇게 쓰면
인용문 형태

코드 ```뒤에 종류를 적으면 그에 따른 하이라이트 적용
```cpp
#include <iostream>
using namespace std;

int main(){
	cout << "Hello, World!";
    
    return 0;
}

C++

#include <iostream>
using namespace std;

int main(){
	cout << "Hello, World!";
    
    return 0;
}

HTML

<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>

CSS

.my-div{
	margin: auto;
    padding: 10px;
    text-align: center;
}

Python

n = list(map(int,input().split()))

print(n)

Javascript

console.log(Math.random());

References

https://heropy.blog/2017/09/30/markdown/

profile
안녕하세요
post-custom-banner

0개의 댓글