마크다운 문법 탐구

글씨체

일반 글씨체

이탤릭 글씨체 별표 한 개와 언더바 두 가지
두꺼운 글씨체 별표 두개
두꺼운 이탤릭체
밑줄 치기
~~취소합니다 신기방기~~

_이탤릭 글씨체_ 별표 한 개와 언더바 두 가지
**두꺼운 글씨체** 별표 두개
**_두꺼운 이탤릭체_**
<u>밑줄 치기</u>
~~취소합니다 신기방기~~

리스트

단순하게 글 앞에 1. 2. 3.을 적어주면 된다
들여쓰기는 tab키로 해준다

1. 목록 1
2. 목록 2
  - 순서 없는 목록
  - 순서 없는 목록

- * + 를 이용하여 ul을 만들 수 있다. 디자인은 다 똑같다

그냥 작대기 그어주면
된다
이건 별표
목록
더하기 목록은
어떻게 생겼을까?

링크

내 깃허브 페이지
나의 인스타그램: https://www.instagram.com/devluvpillow/

[내 깃허브 페이지](https://hyeonii.github.io/)  
나의 인스타그램: <https://www.instagram.com/devluvpillow/>

이미지

아래와 같이 원시 HTML 문법도 대부분 동작한다

<!--그냥 이미지-->

![로고 이미지](https://hyeonii.github.io/assets/logo.png "logo image")

<!--그냥 이미지 (원시 HTML)-->
<img width="150" src="https://hyeonii.github.io/assets/logo.png">

<!--이미지 링크-->

[![이미지 링크](https://hyeonii.github.io/assets/logo.png)](https://www.instagram.com/devluvpillow/)

1. 그냥 이미지

2. 이미지 링크

코드 강조

1. 코드 강조

<code> 태그를 사용한다

code 태그로 로 넣은 코드 <body> <div></div> </body>

2. 인라인 코드 강조

` 바틱 기호 안에 쓴 코드은 이렇게 inline code`가 된다

3. 블록코드 강조

코드 블록을 만들어준다

<a href="https://www.hyeonii/github.io" target="_blank">내 홈페이지</a>

.list > li {
  position: absolute;
  top: 40px;
}

표

| --- 기호를 사용하여 표를 만들 수 있다

값	의미	기본값
`static`	유형(기준) 없음 / 배치 불가능	`static`
`relative`	요소 자신을 기준으로 배치
`absolute`	위치 상 부모(조상)요소를 기준으로 배치
`fixed`	브라우저 창을 기준으로 배치

아래 markdown 문법을 참고하면 된다

| 값         |                  의미                  |   기본값 |
| ---------- | :------------------------------------: | -------: |
| `static`   |     유형(기준) 없음 / 배치 불가능      | `static` |
| `relative` |       요소 자신을 기준으로 배치        |          |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 |          |
| `fixed`    |      브라우저 창을 기준으로 배치       |          |

인용문

<blockQuote>나 >꺽쇠를 이용하여 사용 가능하다

나는 아직 배고프다 _(진짜 배고픈 사람이 한 말)_

꺽쇠로 인용하기

수평선

_ * - 중 하나를 3개 이상 입력

줄바꿈

<br> 이나 띄어쓰기 두 번 사용

我的小時候吵鬧人性的時候
wǒ de xiǎo shíhòu chǎonào rénxìng de shíhòu
어린시절, 시끄럽고 제 멋대로 였을 때
我的外婆總會唱歌哄我
wǒ de wàipó zǒnghuì chànggē hōng wǒ
외할머니는 언제나 노래를 하면서 나를 달래주셨어
한자도 잘 나오네요!