[EN][TIPS] Basics About MarkDown

4063 단어 영어Markdown
When using Qiita & GitHub, and many others, it is always good to know how to write MarkDown

So, lets start.

What is MarkDown?


  • In a very rough way, MarkDown allows us to write decorative articles easily.
  • Basically MarkDown is something that can be written easier than HTML, and is rather similar to writing an e-mail.

  • How to write MarkDown


  • We can write MarkDown, by writing some symbols before, or around the text.
  • See the following for some quick examples

  • How the code looks like
    // Write list
    
     - This is how we write lists
    
    // Wrile link with text
    
    [Qiita](http://qiita.com)
    
    // Write checkbox
    
     - [ ] Un-Checked Checkbox
     - [x] Checked Checkbox 
    
    // Write table
    // Aligning left/center/right is set with ":" in second line
    
    |Left|Center|Right|Default|
    |:---|:----:|:----|-------|
    |1   |     2|    3|4      |
    |   5|  6   |7    |      8|
    

    How the above code looks like in actual page

    //Write list
  • This is how we write lists

  • //Wrile link with text

    Qiita

    //Write checkbox

    Un-Checked Checkbox
    Checked Checkbox
    //Write table
    //Aligning left/center/right is set with ":"in second line


    Left
    센터
    Right
    Default


    1
    2
    3
    4

    5
    6
    7
    8


    MarkDown Chart


  • So now, here is the quick chart of how to write MarkDown
  • Keep in mind ONLY SOME BITS are written here. For more, please research yourself



  • About
    How To Write In MarkDown
    Detail/Tips


    Headers# TextSize of Header will differ by number of "#"

    Paragraph
    (Place a empty line in between 2 lines)
    Sets paragraph for texts

    New Lines
    (Place 2 spaces at the end of line)
    Sets new line

    Escape Symbol\Escapes symbols to be used as MarkDown eg) \*Text\* * Escaping "|"in tables does not work in table, it can be written with "| "

    Quotation> TextSets quotation Can write multiple quotation by adding ">"

    Italic*Text*Makes text italic

    Bold**Text**Makes text bold

    슬래시~~Text~~Makes slash text

    Codes
    ``Text``
    Shows texts as codes Spaces and symbols will be shown as raw text

    Codes
    `Text`
    Shows texts as inline codes Used to show code within the line

    링크<URL>Creates link like this ぃ tp // 이 m

    링크[Text] (URL>Creates link like this 링크

    이미지![Alt Text] (ImagePath)Shows image "Alt Text"is shown if failed to show image

    Horizontal Line---Sets horizontal line

    목록
    - Text or * Text or + Text
    Show text as list Indents can be put with tabs

    Numbered List1. TextShow text as numbered list Indents can be put with tabs

    Checkbox List
    - [ ] Unchecked Checkbox - [x] Checked Checkbox
    Show checkbox list


    |TopicA |TopicB | | --- |---- | | ContentA | ContentB |
    Shows table Align of text can be arranged by placing ":"in second line Align left: ":---"Align Right: "---:"Align Center: ":---:"

    좋은 웹페이지 즐겨찾기