HTMLにスペースを挿入する方法

ビデオ: HTML&CSS基礎編 #5 HTMLでホームページに画像を表示させてみよう！画像の高さや幅の調整方法も説明します。 HTML初心者向け講座

コンテンツ

方法2/3：CSS
方法3/3：フォーマット済みテキスト
チップ
警告

1 HTMLドキュメントを開きます。 これは、Windowsのメモ帳やテキストエディットなどの通常のテキストエディタで実行できます。 AdobeDreamweaverなどのHTMLファイルエディタを使用することもできます。 HTMLドキュメントを開くには：

Explorer（Windows）またはFinder（macOS）でHTMLドキュメントに移動します。
目的のHTMLドキュメントを右クリックします。
OpenWithにカーソルを合わせます。
ドキュメントを編集するプログラムを選択します。

2 クリック スペース通常のスペースを追加します。 スペースを挿入したい場所にカーソルを置き、「スペース」キーを押します。 HTMLでは、スペースを複数回ヒットした場合でも、単語間に1つのスペースしか表示されません。

3 入力余分なスペースを追加します。 改行が許可されないため、ノーブレークスペースと呼ばれます。

たとえば、 やあみんな、「こんにちは」と「みんな！」という言葉の間余分なスペースが挿入されます。
改行しないスペースが多すぎると、ブラウザが適切な場所で改行を行うことができなくなり、テキストが読みにくくなることに注意してください。
入力することもできますスペースを挿入します。

4 異なる長さのスペースを挿入します。 より長いスペースを挿入する場合は、次のいずれかのオプションを使用します。

2つのスペース - 入力
4つのスペース - 入力
インデント（タブ間隔） - 入力

方法2/3：CSS

1 HTMLまたはCSSドキュメントを開きます。 CSSコードは、HTMLドキュメントの先頭に挿入することも、外部CSSファイルとして保存することもできます。
- HTMLドキュメントの先頭は、ファイルの先頭、「head>」タグと「/ head>」タグの間にあります。
2 CSSのスタイリングセクションを作成します。 スタイルセクションは、HTMLコードの先頭または別のスタイルシートにあります。次のタグを使用して、HTMLドキュメントまたはスタイルシートにスタイルセクションを作成します。
- 入力 スタイル>スタイルセクションを開きます。すべてのCSSコードはこのタグの後に続きます。
- 入力 /スタイル>スタイルセクションを閉じます。すべてのCSSは、この終了タグの前に配置する必要があります。
3 スタイルセクションに次のタグを入力します。p {インデントテキスト：5em;} これは、ブラウザに5スペース（正しいHTMLで）インデントするように指示します。
- スペースの数を設定するには、「indent-text：」の後の数を変更します。
- 「em」要素は、指定されたフォントサイズの1つのスペースに一致します。パーセント（「インデントテキスト：15％;」）やミリメートル（「インデントテキスト：3mm;」）など、他の単位を使用できます。
4 入力 p> インデントを追加する場所。 インデントするHTMLドキュメント内でこれを行います。テキストはCSS仕様に従ってインデントされます。

方法3/3：フォーマット済みテキスト

1 HTMLドキュメントを開きます。 これは、Windowsのメモ帳やテキストエディットなどの通常のテキストエディタで実行できます。 AdobeDreamweaverなどのHTMLファイルエディタを使用することもできます。 HTMLドキュメントを開くには：
- Explorer（Windows）またはFinder（macOS）でHTMLドキュメントに移動します。
- 目的のHTMLドキュメントを右クリックします。
- OpenWithにカーソルを合わせます。
- ドキュメントを編集するプログラムを選択します。
2 入力 プレ> 事前にフォーマットしたいテキストの前。 これは、フォーマット済みテキストの開始タグです。
3 「pre>」タグの後に意図したとおりにテキストを入力します。 テキストを事前フォーマットすると、Enterキーを押して作成されたスペースと改行がHTMLページに表示されます。
4 入力 / pre> テキストの終わりに。 これは、フォーマット済みテキストの終了タグです。

チップ

ブラウザにスペースがわかりにくい文字として表示される場合は、追加のデータが原因である可能性があります。それらはワードプロセッシング形式で保存され、画面には表示されません。これを回避するには、メモ帳やテキストエディットなどの通常のテキストエディタで作業します。
CSSは、単語の間隔など、Webページのレイアウトを作成するためのはるかに強力で予測可能な方法です。
ノーブレークスペースは、文字エンティティの例です。キーボードから入力できない文字を参照するコードです。