HTMLスペースタグの追加

HTMLを作成する場合、スペースバーを押したときに作成された追加のスペースは、ブラウザでテキストがレンダリングされたときに表示されないことに気付くでしょう。

例：

<p>April is the cruelest month,</p>
<p>April   is   the   cruelest   month,</p>

最初の

タグでは、各単語の間にスペースが1つだけあります。ただし、2番目の

タグでは、各単語の間に3つのスペースがあります。とにかく、各行は同じ方法でWebページにレンダリングされます。

April is the cruelest month,
April is the cruelest month,

この記事では、HTMLコードにスペースを追加するための3つのソリューションについて説明します。

スペースを追加するためのHTMLタグ

ノーブレークスペースのHTML文字

テキストの前、間、または後にスペースを作成するには、改行しないスペース``タグを使用できます。このHTML文字を実装する方法の例を次に示します。

<p>i carry your heart with me(i carry it in my heart)</p>
<p>i carry your &nbsp; heart &nbsp; with me(i carry it in my heart)</p>

レンダリングするもの：

私はあなたの心を私と一緒に運びます（私はそれを私の心の中に運びます）

私はあなたの心を私と一緒に運びます（私はそれを私の心の中に運びます）

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

フォーマット済みテキスト要素

    <p>I was a child and she was a child,
   In this kingdom by the sea,
But we loved with a love that was more than love—
   I and my Annabel Lee—</p>

    <pre>I was a child and she was a child,
   In this kingdom by the sea,
But we loved with a love that was more than love—
   I and my Annabel Lee—</pre>

レンダリングするもの：

私は子供で、彼女は子供でした。海沿いのこの王国では、私たちは愛以上の愛を持って愛していました—私と私のアナベルリー—

私は子供で、彼女は子供でした。

海沿いのこの王国では

しかし、私たちは愛以上の愛を持って愛していました—

私と私のアナベル・リー—

改行

テキストの行の間にスペースを追加する場合は、改行タグまたは
タグが最適です。
タグを実装する方法の例を次に示します。

<p>so much depends
     upon

     a red wheel
     barrow

     glazed with rain
     water

     beside the white
     chickens</p>

<p>so much depends<br>
     upon<br>
     <br>
     a red wheel<br>
     barrow<br>
     <br>
     glazed with rain<br>
     water<br>
     <br>
     beside the white<br>
     chickens</p>

レンダリングするもの：

結論

結論として、HTMLタグを使用してスペースを追加する3つの方法を学びました。 HTMLを初めて使用する場合は、こちらのガイドをご覧ください：HTMLの学習：ハイパーテキストマークアップ言語の学習ガイド、またはHTMLの学習にかかる時間の記事をお読みください