Markdown・HTML変換

MarkdownとHTMLを相互変換できる無料ツール。技術文書作成、ブログ執筆、Web開発に最適。

関連サービス

Markdown・HTML変換

MarkdownとHTMLを相互変換できる無料ツール。技術文書作成、ブログ執筆、Web開発に最適。

Markdown・HTML変換ツール

MarkdownとHTMLを相互変換します。技術文書作成やWeb開発に便利です。

Markdown → HTML

対応している記法

Markdown記法

  • • 見出し: # ## ### ...
  • • 太字: **text** __text__
  • • 斜体: *text* _text_
  • • 削除線: ~~text~~
  • • コード: `code`
  • • コードブロック: ```
  • • リスト: - * +
  • • 番号付きリスト: 1.
  • • リンク: [text](url)
  • • 画像: ![alt](url)
  • • 引用: > text
  • • 水平線: ---
  • • 表: | テーブル |

HTML要素

  • • 見出し: <h1> ~ <h6>
  • • 太字: <strong> <b>
  • • 斜体: <em> <i>
  • • 削除線: <del>
  • • コード: <code>
  • • コードブロック: <pre>
  • • リスト: <ul> <ol> <li>
  • • リンク: <a>
  • • 画像: <img>
  • • 引用: <blockquote>
  • • 水平線: <hr>
  • • 段落: <p>

使用例

Markdown例

# 見出し1

## 見出し2

**太字のテキスト** と *斜体のテキスト*

- リスト項目1
- リスト項目2
- リスト項目3

1. 番号付きリスト1
2. 番号付きリスト2

`コード` と ~~削除線~~

[リンクテキスト](https://example.com)

> これは引用文です

```javascript
function hello() {
  console.log("Hello, World!");
}
```

HTML例

<h1>見出し1</h1>
<h2>見出し2</h2>
<p><strong>太字のテキスト</strong> と <em>斜体のテキスト</em></p>
<ul>
<li>リスト項目1</li>
<li>リスト項目2</li>
<li>リスト項目3</li>
</ul>
<ol>
<li>番号付きリスト1</li>
<li>番号付きリスト2</li>
</ol>
<p><code>コード</code> と <del>削除線</del></p>
<p><a href="https://example.com">リンクテキスト</a></p>
<blockquote>これは引用文です</blockquote>
<pre><code class="language-javascript">function hello() {
  console.log("Hello, World!");
}</code></pre>
関連サービス