マークダウンで水平線を追加する

前提条件:

このガイドで説明されている手順を実行するには、次のコンポーネントが必要です。

• 適切な Markdown エディター。例えば、 VSコジウム 、 プレス (のフォーク 原子 )、または任意のオンライン マークアップ エディター。
• Markdown の基本的な理解 (オプション)。

マークダウン

Markdown は、テキスト ドキュメントにさまざまな要素 (見出し、画像、表など) を追加できる人気のマークアップ言語です。組み込みの構文に加えて、Markdown はさまざまな HTML タグもサポートしています。興味深い機能セットにより、時間の経過とともに人気が高まってきました。

• 軽量 : 他のマークアップ言語と比較して、Markdown はシンプルで軽量です。標準の Markdown には、その多様な機能を維持しながら、多くの構文は含まれていません。
• 携帯性 : Markdown ドキュメントは基本的にプレーンテキストです。したがって、どのプログラムでも動作できます。任意のプラットフォームで Markdown 形式のテキストを作成することもできます。
• 人気 : Markdown は、Web サイト、ドキュメント、メモ、電子メールなどを作成するために使用されます。 Reddit、GitHub などの大企業も Markdown をサポートしています。

マークダウンの水平線

Markdown では、水平線は次のように表示されます。

文書に水平線を追加する必要があるさまざまな状況があります。たとえば、セクションの開始/終了を示します。

新しいドキュメントの作成

Pulsar エディターを使用して作業するときは、Markdown ドキュメントを保存するために新しいテキスト ファイルを開く必要があります。メインウィンドウから、次の場所に移動します。 ファイル >> 新しいファイル または「」を使用してください Ctrl + N 」のキーボードショートカット。

Pulsar エディターには、ライブ Markdown プレビュー機能が付属しています。ライブ プレビューを有効にするには、次の場所に移動します。 パッケージ >> マークダウンプレビュー >> プレビューの切り替え 。あるいは、「 Ctrl + Shift + M 」のキーボードショートカット。

水平線の作成

Markdown では、水平線を表す構文がいくつかあります。

• ***
• —
• ___

それらはすべて同様の出力になります。

デモを行うには、次のコードをコピーしてテキスト エディターに貼り付けます。

ここ：

• より良いビジュアルを実現するために、テキストの各行に H1 書式設定を使用します。
• 3 つの異なる記号を使用して 3 本の水平線を作成します。
• 各水平線記号の前後に新しい行があります。

スペースのない「—」記号は見出しを表すため、このようなスペースを使用することをお勧めします。

HTMLを使用して水平線を作成する

以前に HTML を使用したことがある場合は、おそらく次のことに精通しているでしょう。

次のコードを確認してください。

ここ：

• テキストには H2 形式を使用します。
• の

  ---

  タグは、レンダリングされた出力に水平線を生成します。

このアプローチの興味深い利点の 1 つは、見出しを誤って作成することを心配する必要がないことです。

の

ここ：

• すべての例には、水平線のスタイルを設定する CSS が組み込まれています。
• 最初の例では、単純な色の水平線を作成します。
• 2 番目の例では、水平破線を作成します。
• 3 番目の例では、丸い水平線を作成します。

さらに詳しく知りたい場合は、こちらをご覧ください HTML の

Markdown を HTML としてエクスポートする

適切なツールを使用すると、Markdown 形式のドキュメントを HTML に変換できます。 Pulsar エディタにはこの機能が組み込まれています。

レンダリングされた出力を HTML としてコピーするには、プレビュー ウィンドウを右クリックし、[HTML としてコピー] を選択します。

結果の HTML は次のようになります。

結論

Markdown での水平線の作成について説明しました。組み込みの Markdown 構文と HTML 構文の両方を使用して水平線を作成する方法を紹介しました。

Markdown について詳しく知りたいですか?をチェックしてください マークダウンサブカテゴリ 。