1

Author: code1009

web/page-markdown/page.md

@@ -4,32 +4,37 @@
 
 ### 1.1. 제목
 * 예제
+
 ```
 제목 H1
 =============
 ```
 
 * 미리보기
-  > 제목 H1
-  > =============
+
+> 제목 H1
+> =============
 
 
 
 ###  1.2. 부제목
 * 예제
+
 ```
 제목 H2
 -------------
 ```
 
 * 미리보기
-  > 제목 H2
-  > -------------
+
+> 제목 H2
+> -------------
 
 
 
 ### 1.3. 제목: 1~6까지만 지원
 * 예제
+
 ```
 # 제목H1
 ## 제목H2
@@ -40,12 +45,13 @@
 ```
 
 * 미리보기
-  > # 제목H1
-  > ## 제목H2
-  > ### 제목H3
-  > #### 제목H4
-  > ##### 제목H5
-  > ###### 제목H6
+
+> # 제목H1
+> ## 제목H2
+> ### 제목H3
+> #### 제목H4
+> ##### 제목H5
+> ###### 제목H6
 
 
 
@@ -55,13 +61,15 @@
 
 ### 2.1. 인용
 * 예제
+
 ```
 > 인용1
 >	> 인용2
 >	>	> 인용3
 ```
 
 * 미리보기
+
 > 인용1
 >	> 인용2
 >	>	> 인용3
@@ -70,19 +78,21 @@
 
 ### 2.1. 인용(다른 마크다운 요소 포함)
 * 예제
+
 ```
 > ### 제목H3
-> * List
+> * 목록
 >	```
->	code
+>	코드
 >	```
 ```
 
 * 미리보기
+
 > ### 제목H3
-> * List
+> * 목록
 >	```
->	code
+>	코드
 >	```
 
 
@@ -93,13 +103,15 @@
 
 ### 3.1. 순서있는 목록(번호)
 * 예제
+
 ```
 1. 첫번째
 2. 두번째
 3. 세번째
 ```
 
 * 미리보기
+
 > 1. 첫번째
 > 2. 두번째
 > 3. 세번째
@@ -108,6 +120,7 @@
 
 ### 3.2. 순서없는 목록(제목 기호: `*`, `+`, `-` 지원)
 * 예제
+
 ```
 * 빨강
   * 녹색
@@ -123,6 +136,7 @@
 ```
 
 * 미리보기
+
 > * 빨강
 >   * 녹색
 >     * 파랑
@@ -141,6 +155,7 @@
 
 ## 4. 코드
 * 예제
+
 <pre>
 <code>
 ```c++
@@ -154,6 +169,7 @@ int main()
 </pre>
 
 * 미리보기
+
 > ```c++
 > int main() 
 > {
@@ -168,6 +184,7 @@ int main()
 
 ## 5. 수평선 ```<hr/>```
 * 예제
+
 ```
 * * *
 
@@ -181,6 +198,7 @@ int main()
 ```
 
 * 미리보기
+
 > * * *
 > 
 > ***
@@ -197,11 +215,13 @@ int main()
 
 ## 6. 링크
 * 예제
+
 ```
 [https://github.com/code1009](https://github.com/code1009)  
 ```
 
 * 미리보기
+
 > [https://github.com/code1009](https://github.com/code1009)  
 
 
@@ -210,6 +230,7 @@ int main()
 
 ## 7. 강조
 * 예제
+
 ```
 *single asterisks*
 _single underscores_
@@ -219,6 +240,7 @@ __double underscores__
 ```
 
 * 미리보기
+
 > *single asterisks*  
 > _single underscores_  
 > **double asterisks**  
@@ -231,12 +253,14 @@ __double underscores__
 
 ## 8. 이미지
 * 예제
+
 ```
 ![훈민정음](./훈민정음.jpg)
 ![훈민정음](./훈민정음.jpg "훈민정음입니다.")
 ```
 
 * 미리보기
+
 > ![훈민정음](./훈민정음.jpg)
 > ![훈민정음](./훈민정음.jpg "훈민정음입니다.")
 
@@ -245,6 +269,7 @@ __double underscores__
 ```html 태그 사용```
 
 * 예제
+
 ```
 <img src="./훈민정음.jpg" width="100px" height="120px" title="px(픽셀) 크기 설정" alt=훈민정음입니다."></img><br/>
 <img src="./훈민정음.jpg" width="40%"   height="30%"   title="px(픽셀) 크기 설정" alt=훈민정음입니다."></img>
@@ -259,6 +284,7 @@ __double underscores__
 2칸 이상 띄어쓰기를 하면 줄이 바꿈이 됨.
 
 * 예제
+
 ```
 가나다라마바사
 아자차카타파하
@@ -268,6 +294,7 @@ __double underscores__
 ```
 
 * 미리보기
+
 > 가나다라마바사
 > 아자차카타파하
 >