MB-Support

パソコン初心者のサポートページ

空白を入れるには

 HTML で文章を入力する時、空白を挿入したい。全角スペースはそのまま反映されますが、半角スペースはブラウザに反映されません。


文章に空白を入れるには、全角でスペースキーを押します。 半角や「tab」キーではブラウザーに反映されません。



HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
 ワトソンへ <br /><br />
   「忙しくなければ来てくれ!」<br />
   「忙しくても来てくれ!」<br /><br />
       君の親友ホームズより
</body>
</html>

ブラウザ


文章の先頭の半角スペースは無視されます。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
 Mr<br />
  Sherlock<br />
    Holmes<br />
</body>
</html>

ブラウザ


文章中の半角スペースは一つまで反映され、2 つ以上は無視され 1 つ分の半角スペースが反映されます。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
Mr Sherlock Holmes<br />
Mr Sherlock     Holmes<br />
</body>
</html>

ブラウザ


ソースに &nbsp; と入力すると、文章の先頭、途中に限らず、入力した分だけの半角スペースが反映されます。

文章中の半角スペースは一つまで反映され、2 つ以上は無視され 1 つ分の半角スペースが反映されます。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
&nbsp;ワトソンへ <br /><br />
&nbsp;&nbsp;「忙しくなければ来てくれ!」<br />
&nbsp;&nbsp;「忙しくても来てくれ!」<br /><br />
&nbsp;&nbsp;&nbsp;&nbsp;君の親友ホームズより<br /><br />
MrSherlock&nbsp;Holmes<br />
MrSherlock&nbsp;&nbsp;&nbsp;&nbsp;Holmes<br />
</body>
</html>

ブラウザ




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項