More than 1 year has passed since last update.

HTMLからMarkDownに書き換える

Posted at 2022-05-31

HTMLの記法はわかるけどMarkDownの記法は初めてだったのでHTMLを書いた後にMarkDownに書き換えてみました。

HTMLのコード

<body>
 <h1>見出し(h1)</h1>
    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
 <h2>見出し(h2)</h2>
    <p>テキストテキストテキストテキストテキストテキストテキスト<br>テキストテキストテキストテキストテキストテキストテキスト</p>
 <ul>
   <li>おはよう</li>
   <li>こんにちは</li>
   <li>こんばんは</li>
 </ul>
 <ol>
   <li>HTML</li>
   <li>CSS</li>
   <li>MarkDown</li>
 </ol>
  <code>&lt;h1&gt;見出し&lt;/h1&gt;</code>
</body>

表示例

※codeの部分と下線の部分はCSSでスタイルを変更しています

MarkDownで書いてみる

# 見出し(h1)
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
## 見出し(h2)
テキストテキストテキストテキストテキストテキスト　　
テキストテキストテキストテキストテキストテキスト
- おはよう
- こんにちは
- こんばんは

1.HTML
1.CSS
1.MarkDown
```
<h1>見出し</h1>
```

結果

見出し(h1)

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

見出し(h2)

テキストテキストテキストテキストテキストテキスト　　
テキストテキストテキストテキストテキストテキスト

おはよう
こんにちは
こんばんは

1.HTML
1.CSS
1.MarkDown

<h1>見出し</h1>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up