마크다운 Markdown 에 대해서

장점	단점
문법이 쉽고 간결하다 관리가 쉽다 지원 가능한 플랫폼과 프로그램이 다양하다	표준이 없다 모든 HTML 마크업을 대신하지 못한다

- Github에서는 README 파일을 찾게 되어 있어서 왠만하면 README.md 로 생성하기

​- 띄어쓰기는 꼭 하기

- 문법

- 1)제목(Header)

# 제목 1 (h1)

​

## 제목 2 (h2)

​

### 제목 3 (h3)

​

#### 제목 4 (h4)

​

##### 제목 5 (h5)

​

##### 제목 6 (h6)

​

- 2) 문장(Paragraph)

동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세

​

- 3) 줄바꿈(Line Breaks) - 띄어쓰기 두번 or </br>

동해물과 백두산이 마르고 닳도록

하느님이 보우하사 우리나라 만세</br>

무궁화 섬천리 화려 강산

 

-4) 강조(Emphasis)

_italic_

**두껍게**

**_italic + 두껍게_**

~~취소선~~

<u>밑줄</u>

​

-5) 목록(List)

1. 순서가 필요한 목록

1. 순서가 필요한 목록

​

- 순서가 필요하지 않은 목록

- 순서가 필요하지 않은 목록

- 순서가 필요하지 않은 목록

​

-6) 링크(Links)

<a href="https://google.com">GOOGLE .

[GOOGLE](https://google.com​)

​

<a href="https://google.com" title="NAVER로 이동!">NAVER</a>

[NAVER](https://google.com "NAVER로 이동!")

​

-7) 이미지(Image)

![]()

 => 이미지

​

[](https://google.com) =>링크걸린 이미지

​

-8) 인용문(Blockquote)

> 남의 말이나 글에서 직접 또는

> 간접으로 따온 문장.

> (네이버 국어 사전)

​

> 인용문을 작성하세요!

>

> > 중첩된 인용문 1

> >

> > > 중중첩된 인용문 2

> > >

> > > > 중중중첩된 인용문 3

​

-9) 인라인(inline) 코드 강조

CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.

​

-10) 블록(block) 코드 강조

```html

<a href="https://google.com" target="_blank">GOOGLE</a>

```

```css

.list > li {

position: absolute;

top: 40px;

}

```

​

```javascript

function func() {

var a = "AAA";

return a;

}

```

​

```bash

$ git commit -m 'Study Markdown'

```

​

```plaintext

안녕하세요

마크 다운 공부중입니다.

```

​

-11) 표(Table)

-- 왼쪽 정렬

:--: 가운데 정렬

--: 오른쪽 정렬

 

position 속성

​

|값|의미|기본값|

|--|:--:|--:|

|static|기준 없음|o|

|relative|요소 자신|x|

|absolute|위치 상 부모 요소|x|

|fixed|뷰포트|x|

​

-12) 원시 HTML(Raw HTML)

동해물과 <u>백두산</u>이 마르고 닳도록<br/>

하느님이 보우하사 우리나라 만세

​

<a href="https://naver.com" title="NAVER로 이동!" target="_blank">NAVER</a>

<img width="70" src="https://avatars.githubusercontent.com/u/117294002?v=4" alt="영은" />

-13) 수평선(Horizontal Rule)

---