プログラミング初心者向け技術系ノウハウ・まとめ

HTML スペース

【HTML入門】スペース(空白)を表示させる3つの方法

HTML上で空白や改行を入力したのに、思った通りにブラウザで表示されなかったことはありませんか。
例えば、

<html>
  <head>
    <title>プロナビ</title>
  </head>
  <body>
  プロナビは
  プログラミング初心者が         自分に合った勉強法を見つけられるサイト   です。
  </body>
</html>

「プロナビはプログラミング初心者が自分に合った勉強法を見つけられるサイトです。」という文章を以上のようにHTML上に入力しても、下記のように表示されます。

プロナビは プログラミング初心者が 自分に合った勉強法を見つけられるサイト です。

ブログ等とは異なり、HTML上に半角スペースや改行をいくら入力しても、ブラウザ上では空白が一つ分に詰められて表示されます。今回は、HTML上でスペースを詰めずに連続したスペースを空ける方法をご紹介します。

詳細を見る