Skip to content

GingerPants/markdown-practice

BranchesTags

Repository files navigation

제목(Header)

제목 1

제목 2

제목 3

제목 4

제목 5
제목 6

문장(Paragraph)

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

줄바꿈(Line Breaks)

동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세

강조

이텔릭
두껍게
이텔릭 + 두껍게
취소선
밑줄

목록 (List)

  1. 순서가 필요한 목록
  2. 순서가 필요한 목록
    1. 순서 제목(Header)

제목 1

제목 2

제목 3

제목 4

제목 5
제목 6

문장(Paragraph)

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

줄바꿈(Line Breaks)

동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세

강조

이텔릭
두껍게
이텔릭 + 두껍게
취소선
밑줄

목록 (List)

  1. 순서가 필요한 목록
  2. 순서가 필요한 목록 제목(Header)

제목 1

제목 2

제목 3

제목 4

제목 5
제목 6

문장(Paragraph)

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

줄바꿈(Line Breaks)

동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세

강조

이텔릭
두껍게
이텔릭 + 두껍게
취소선
밑줄

목록 (List)

  1. 순서가 필요한 목록
  2. 순서가 필요한 목록
  3. 순서가 필요한 목록
    1. 순서가 필요한 목록
    2. 순서가 필요한 목록
  4. 순서가 필요한 목록

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

링크 (Links)

GOOGLE
GOOGLE

NAVER
NAVER

이미지 (Images)

heropy

heropy

Ray

인용문 (BlockQuote)

남의 말이나 글에서 직접 또는 간접으로 따온 문장.
(네이버 국어 사전)

인용문을 작성하세요!

중첩된 인용문

중중첩된 인용문 1 중중첩된 인용문 2 중중첩된 인용문 3

인라인 (inline) 코드 강조

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

블록 (block) 코드 강조

<a href="https://www.google.com">GOOGLE</a>  
[GOOGLE](https://www.google.com)  
.list > li {
  position: absolute;
  top: 40px;
}
function func() {
  var a = 'AAA';
  return a;
}
$ git commit -m 'Study Markdown'
동해물과 백두산이 마르고 닳도록 제목(Header)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6 
<br/>


# 문장(Paragraph)

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

# 줄바꿈(Line Breaks) <!--  두번 뛰어쓰기하면 줄바꿈이 됨. // 또는 <br/> -->
<!-- <br/> 을 지향. -->
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산 <br/>
대한 사람 대한으로 길이 보전하세
<br/><br/>


# 강조

_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>  


# 목록 (List)

1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서 제목(Header)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6 
<br/>


# 문장(Paragraph)

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

# 줄바꿈(Line Breaks) <!--  두번 뛰어쓰기하면 줄바꿈이 됨. // 또는 <br/> -->
<!-- <br/> 을 지향. -->
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산 <br/>
대한 사람 대한으로 길이 보전하세
<br/><br/>


# 강조

_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>  


# 목록 (List)

1. 순서가 필요한 목록
1. 순서가 필요한 목록
 제목(Header)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6 
<br/>


# 문장(Paragraph)

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

# 줄바꿈(Line Breaks) <!--  두번 뛰어쓰기하면 줄바꿈이 됨. // 또는 <br/> -->
<!-- <br/> 을 지향. -->
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산 <br/>
대한 사람 대한으로 길이 보전하세
<br/><br/>


# 강조

_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>  


# 목록 (List)

1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    2. 순서가 필요한 목록
1. 순서가 필요한 목록
<br/><br/>
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록

# 링크 (Links)
<a href="https://www.google.com">GOOGLE</a>  
[GOOGLE](https://www.google.com)  

<a href="https://www.naver.com" title="NAVER로 이동!">NAVER</a>  
[NAVER](https://www.naver.com "NAVER로 이동!")


# 이미지 (Images)

![heropy](https://heropy.blog/css/images/logo.png)

[![heropy](https://heropy.blog/css/images/logo.png)](https://heropy.blog/)

[![Ray](https://user-images.githubusercontent.com/42025150/117795081-20a7e780-b24e-11eb-87d0-97b6895bfe63.jpg)](https://instagram.jinrayho)

# 인용문 (BlockQuote)

> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.  
> (네이버 국어 사전)

> 인용문을 작성하세요!
>> 중첩된 인용문
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3  


# 인라인 (inline) 코드 강조
CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.

# 블록 (block) 코드 강조
```html
<a href="https://www.google.com">GOOGLE</a>  
[GOOGLE](https://www.google.com)  

.list > li {
  position: absolute;
  top: 40px;
}
function func() {
  var a = 'AAA';
  return a;
}
$ git commit -m 'Study Markdown'
 제목(Header)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6 
<br/>


# 문장(Paragraph)

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

# 줄바꿈(Line Breaks) <!--  두번 뛰어쓰기하면 줄바꿈이 됨. // 또는 <br/> -->
<!-- <br/> 을 지향. -->
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산 <br/>
대한 사람 대한으로 길이 보전하세
<br/><br/>


# 강조

_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>  


# 목록 (List)

1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서 제목(Header)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6 
<br/>


# 문장(Paragraph)

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

# 줄바꿈(Line Breaks) <!--  두번 뛰어쓰기하면 줄바꿈이 됨. // 또는 <br/> -->
<!-- <br/> 을 지향. -->
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산 <br/>
대한 사람 대한으로 길이 보전하세
<br/><br/>


# 강조

_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>  


# 목록 (List)

1. 순서가 필요한 목록
1. 순서가 필요한 목록
 제목(Header)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6 
<br/>


# 문장(Paragraph)

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

# 줄바꿈(Line Breaks) <!--  두번 뛰어쓰기하면 줄바꿈이 됨. // 또는 <br/> -->
<!-- <br/> 을 지향. -->
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려 강산 <br/>
대한 사람 대한으로 길이 보전하세
<br/><br/>


# 강조

_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>  


# 목록 (List)

1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    2. 순서가 필요한 목록
1. 순서가 필요한 목록
<br/><br/>
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록

# 링크 (Links)
<a href="https://www.google.com">GOOGLE</a>  
[GOOGLE](https://www.google.com)  

<a href="https://www.naver.com" title="NAVER로 이동!">NAVER</a>  
[NAVER](https://www.naver.com "NAVER로 이동!")


# 이미지 (Images)

![heropy](https://heropy.blog/css/images/logo.png)

[![heropy](https://heropy.blog/css/images/logo.png)](https://heropy.blog/)

[![Ray](https://user-images.githubusercontent.com/42025150/117795081-20a7e780-b24e-11eb-87d0-97b6895bfe63.jpg)](https://instagram.jinrayho)

# 인용문 (BlockQuote)

> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.  
> (네이버 국어 사전)

> 인용문을 작성하세요!
>> 중첩된 인용문
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3  


# 인라인 (inline) 코드 강조
CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.

# 블록 (block) 코드 강조
```html
<a href="https://www.google.com">GOOGLE</a>  
[GOOGLE](https://www.google.com)  

.list > li {
  position: absolute;
  top: 40px;
}
function func() {
  var a = 'AAA';
  return a;
}
$ git commit -m 'Study Markdown'
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세

표 (Table)

position 속성

값 의미 기본값
static 기준 없음 O
relative 요소 자신 X
absolute 위치 상 부모 요소 X
fixed 뷰포트 X

원시 HTML (Raw HTML)

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

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

수평선 (Horizontal Rule)

About

No description, website, or topics provided.

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors