[Markdown] Markdown 기초

목차

이제는 마크다운을 이용하여 블로그 포스트를 해보고자 한다. 아래는 필요한 마크다운 기초문법들을 정리해 놓은 것이다.

MarkDown을 Local이 아닌 Online에서 무료로 볼 수 있는 Edtior
StackEdit

Heading '#{number}'

Heading 1

Heding 2

Heding 3

Heding 4

Heding 5

Heding6

 

Line '----'

---

 

Text Attributes '{bold} *', ' {italic} *', '

~ strikethrogh ~

' (delete whitespace)

This is the bold text and this is the italic text and let's do

strikethrogh

.

Quote '> Don't forget to code'

Don't forget to code

 

Bullet list '* {anyone} or -{anyone}

Fruits:

• 🍊
• 🍋

Other fruits:

• 🍌
• 🍍

 

Numbered List '1. anyone'

Numbers:

1. frist
2. second
3. third

 

Link '[descrption] (href)'

Click Here DreamCoding by Elly

Image ![desc] (href)

Table |Header| Description | Desc2|
|:--| --:| :--:|
|Cell1|Cell2|Cell3| (delete whitespaces)

Header	Description	Desc2
Cell1	Cell2	Cell3
Cell4	Cell5	Cell6
Cell7	Cell8	Cell9

Code use backtic: `, ```

To Print Message in the console. use console.log('your message')

// js
console.log("js")

// ts
console.log("ts")

// java
system.out.println("java");

// python
print("hello python")

example

<!-- Heading -->
>  Heading  '#{number}' 
# Heading 1
## Heding 2
### Heding 3
#### Heding 4
##### Heding 5
###### Heding6
<br>

> Line '----'
<!-- line -->
----
<br>

>Text Attributes  '**{bold} **', '* {italic} *', '~~ strikethrogh ~~' (delete whitespace)
<!-- Text attributes -->
This is the **bold** text and this is the *italic* text and let's do ~~strikethrogh~~.
<br>

> Quote '> Don't forget to code'
<!-- Quotre -->
> Don't forget to code 

<br>

> Bullet list '* {anyone} or -{anyone}
<!-- Bullet list -->
Fruits:
* 🍊
* 🍋

Other fruits:
- 🍌
- 🍍

<br>

>Numbered List '1. anyone'
<!-- Numberd list -->
Numbers:
1. frist
2. second
3. third

<br>

>Link '[descrption] (href)'
<!-- Link --> 
Click [Here DreamCoding by Elly](https://youtu.be/kMEb_BzyUqk)
<br>

>Image ![desc] (href)
<!-- Image -->
![Natural Images, Stock Photos & Vectors | Shutterstock](https://image.shutterstock.com/image-photo/bright-spring-view-cameo-island-260nw-1048185397.jpg)
<br>

> Table |Header| Description | Desc2|
> |:--| --:| :--:| 
> |Cell1|Cell2|Cell3| (delete whitespaces)
<!--Table-->
|Header|Description|Desc2|
|:--|--:|:--:|
|Cell1|Cell2|Cell3|
|Cell4|Cell5|Cell6|
|Cell7|Cell8|Cell9|
<br>

> Code  use backtic: `, ```
<!--Code-->
To Print Message in the console. use `console.log('your message')`

```js
// js
console.log("js")

// ts
console.log("ts")

// java
system.out.println("java");

// python
print("hello python")

```