HTMLでは、次のさまざまな方法を使用してドキュメント内のスペースを簡単に追加できます。
- Htmlを使用する
- 内部CSSを使用する
Htmlを使用する
Htmlタグを使用してドキュメント内のスペースを追加して、テキストの前後にスペースを表示する場合は、以下の手順に従う必要があります。, これらの手順を使用して、我々は簡単にスペースを追加することができます：
ステップ1：まず、我々は任意のテキストエディタでHtmlコードを入力するか、我々はスペースを追加したいテキストエディタで既存のHtmlファイルを開く必要があります。
ステップ2：今、我々はスペースを追加したい場所にカーソルを置きます。 そして、我々はキーボードからスペースバーを押す必要があります。 基本的には、webページのみ表示一つの空間です。 問いませんがどのくらいのcommand.,
ステップ3：ウェブページ上のテキストの前または後に複数のスペースを表示したい場合は、次のタグを与える必要があります。
ステップ4：長いスペースを挿入/追加したい場合は、ウェブページ上のテキストの間に二つまたは四つのスペースを表示するために次のタグを使用します。
ステップ5：<pre>htmlドキュメントに入力されたものと同じようにwebページ上のテキストを表示するタグ。,
ステップ6：ドキュメントにスペースを正常に追加したら、Htmlファイルを保存してファイルを実行する必要があります。
上記のHtmlコードの出力は、次のスクリーンショットに示されています。
内部CSSを使用して
テキストの前後にスペースを表示するために内部カスケードスタイルシートを使用してドキュメントにスペースを追加したい場合は、以下の手順に従う必要があります。 これらの手順を使用すると、簡単にスペースを追加できます。,
ステップ1：まず、テキストエディタでHtmlコードを入力するか、スペースを追加するために内部CSSを使用するテキストエディタで既存のHtmlファイルを開ステップ2：次に、Htmlドキュメントのheadタグにカーソルを置き、<スタイル>次のブロックに示すようにタグ。 そして、paragraph要素にtext-indent属性を入力する必要があります。,ステップ3：ここで、段落タグとクラスtab1を<pre>Htmlのタグに入力する必要があります。 そして、最後に、Htmlファイルを保存してからファイルを実行する必要があります。
今すぐテストしてください
上記のHtmlコードの出力は、次のスクリーンショットに表示されます。
