Markdown


1.概要


長所

  • 文法は簡単で簡潔です!
  • 管理しやすい!
  • がサポートするプラットフォームとプログラムは多種多様です!
  • 短所

  • 規格はありません!
  • はすべてのHTMLタグに代わることはできません!
  • 2.タイトル(ヘッド)

    # 제목 1
    ## 제목 2
    ### 제목 3
    #### 제목 4
    ##### 제목 5
    ###### 제목 6

    見出しをクリックします。


    見出しをクリックします。


    見出しをクリックします。


    見出しをクリックします。


    見出し5
    見出し6

    3.記事(Paragraph)


    神はわが国の万歳を守ってくれた.

    4.改行(Line Breaks)

    동해물과 백두산이 마르고 닳도록<br /> 하는님이 보우하사 우리나라 만세<br /> 무궁화 삼천리 화려 강산<br />대한 사람 대한으로 길이 보전하세
    東海の水と白頭山の干上がったあなたは我が国の万歳のムグンファの3千里の華麗な江山の大韓人民の長存を守ります

    5.強調

    _이텔릭_  
    **두껍게**  
    **_이텔릭 + 두껍게_**  
    ~~취소선~~  
    <u>밑줄</u>
    奇想天外だ
    あつい
    このTelic+を厚くする
    線の削除
    下線

    6.リスト(List)

    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
        1. 순서가 필요한 목록
        1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
        - 순서가 필요하지 않은 목록
        - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
  • の順序が必要なリスト
  • の順序が必要なリスト
  • の順序が必要なリスト
  • の順序が必要なリスト
  • の順序が必要なリスト
  • の順序が必要なリスト
  • 並べ替え不要リスト
  • 並べ替え不要リスト
  • 順序のリストは必要ありません
  • 並べ替え不要リスト
  • 並べ替え不要リスト
  • 順序のリストは必要ありません
  • 7.リンク

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

    8.画像

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


    9.引用文(BlockQuote)

    > 남의 말이나 글에서 직접 또는 
    간접으로 따론 문장.  
    > (네이버 국어 사전)
    
    > 인용문을 작성하세요!
    >> 중첩된 인용문
    >>> 중중첩된 인용문 1  
    >>> 중중첩된 인용문 2  
    >>> 중중첩된 인용문 3  
    他人の話や文章から直接.
    間接引用語
    (NAVER国語辞典)
    引用文を記入してください.
    重ねた引用文
    ネストされた引用文1
    重複する引用文2
    ネストされた引用文3

    10.インラインコードを強調表示

    CSS에서 `backgroud` 혹은
    `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
    CS backgroudまたはbackground-imageプロパティを使用して、要素に背景画像を挿入できます.

    11.強調表示ブロックコード

    ```html
    <a href="https://google.co.kr/" target="_blank">GOOGLE</a>
    <a href="https://google.co.kr/" target="_blank">GOOGLE</a>
    ```css
    .list > li {
      position: absolute;
      top: 40px;
    }
    .list > li {
      position: absolute;
      top: 40px;
    }
    ```javascript
    function func() {
      var a = 'AAA';
      return a;
    }
    function func() {
      var a = 'AAA';
      return a;
    }
    ```bash
    $ git commit -m 'Study Markdown'
    $ git commit -m 'Study Markdown'
    ```plaintext
    동해물과 백두산이 마르고 닳도록  
    하느님이 보우하사 우리나라 만세
    동해물과 백두산이 마르고 닳도록  
    하느님이 보우하사 우리나라 만세

    12.表


    位置プロパティ
    값 | 의미 | 기본값
    --|:--:|--:
    static | 기준없음 | O
    relative | 요소 자신 | X
    absolute | 위치 상 부모 요소 | X
    fixed | 뷰포트 | X
    値の意味デフォルト値静的無基準相対要素自体Xabsolute位置親要素XfixedビューポートX

    13.オリジナルHTML(オリジナルHTML)

    동해물과 <span style="text-decoration: underline;">백두산</span>이 마르고 닳도록<br />
    하느님이 보우하사 우리나라 만세
    
    <a href="https://naver.com"
    title="NAVER로 이동!">NAVER</a>
    
    <img width="70" src="https://heropy.blog/css/images/logo.png" alt="HEROPY" />
    東海の水と白頭山が涸れるまで
    神はわが国の万歳を守ってくださる
    NAVER

    14.水平線

    ---
    
    ***
    
    ___

    15.参照

  • FastCampus For Business
  • KDT pintechフロントエンド開発者2期
  • (KDT FE 2)のフロントエンド開発を一度に完了したウルトラダインパッケージオンライン.
  • 朴英雄講師