HTML にスペースを挿入するいくつかの方法

HTML については、基本的にプログラマーとして誰もが使用しますが、この記事では主に、HTML を始めたばかりの学生向けに HTML にスペースを挿入する 2 つの方法を紹介します。

方法 1. 単一のスペースとタブ文字を挿入します

1. 改行しないスペースを挿入します。一般に、HTML では、スペースバーを何度押しても、単語の間に空白スペースが表示されるだけです。複数のスペースを挿入する必要がある場合は、  コードを入力してください。 これらは「スペース プレースホルダー」と呼ばれ、いくつか入力すると、ページ上にいくつかのスペースが表示されます。

これが非改行スペースと呼ばれる理由は、改行が生成されないためです。この間隔を乱用すると、ブラウザは改行をきれいに読みやすい方法で挿入できなくなる可能性があります。

2. 異なる幅のスペースを挿入します。ブラウザでスペースを表示できるようにするさまざまな文字エンティティがあります。ブラウザによって表示が多少異なる場合がありますが、  とは異なり、改行には影響しません:

  — 「en スペース」は活版印刷の測定単位にちなんで名付けられ、幅は通常のスペースの 2 倍です

  — 「em スペース」は通常のスペース 4 つ分の幅です

3. タブをシミュレートするには非改行スペースを使用します。段落を生成する 1 つの方法は、最初の行の前にいくつかのスペースを挿入することです:    。この方法は HTML でのみ機能し、CSS を使用している場合はお勧めできません (他の方法については他の手順で説明します)。

段落の内容がリッチテキストの場合は、「pre」タグを使用してください。

4. CSS を使用して段落を生成します。 CSS の内側のマージンまたは外側のマージンは、ブラウザに特定の表示形式を示すため、表示効果がより一貫します。 CSS の知識があまりなく、説明書が手元にない場合でも、簡単に追加できます。段落全体を右に移動する具体的な手順は次のとおりです。

HTML ドキュメントの セクションに、次のコマンドを挿入します。

「p.indent」は、「indent」と呼ばれる段落（p というラベルが付いている）を定義します（任意に名前を付けることができます）。残りのコマンドは、段落の左側にパディング スペースを追加します。

HTMLドキュメントの本文を返します。段落を追加する場合は、タグに次のコードを挿入します:

インデントの量を調整するには、CSSコマンドの数値「1.8」を変更するだけです。次の「em」は保持する必要があります。これは幅を表す単位です。

方法 2. 長い段落を書式設定する

1. 事前に書式設定されたテキストを使用します。 「pre」要素は、テキスト内のスペースまたは改行を保持する事前にフォーマットされたテキストを定義できます。そのため、

タグ内に入力されたスペースやエンターキーはスペースや改行として表示されます。これを使用して、コード サンプル、詩、またはスペースや改行を必要とするその他のテキスト コンテンツを表示できます。

フォーマット済みテキストの欠点の 1 つは、その幅です。通常のハイパーテキスト マークアップ言語のように、ユーザーのウィンドウ サイズに合わせてページ幅を調整することはできません。

2. 改行を作成します。
タグはテキストの現在の行の末尾に配置され、単純な改行を挿入します。複数の「br」タグを入力して複数の空白行を作成できます。これは、HTML の初心者がコードを記述するのに適した方法ですが、CSS を学習すると、この種の必須の HTML スタイル コードは推奨されないことがわかります。 ,

3.「p」タグを使用して段落を定義します。 p 要素はその前後に空白を自動的に作成するため、テキストの後の

タグで段落を終了できます。ほとんどのブラウザは空行で段落を区切りますが、これは正確な書式を保証するものではありません。

最終的にテキストとコードを確認したときに、コード上に余分な記号が「浮いている」場合は、「< br」の代わりに「
」を記述するなど、不完全なコードがないかどうかを注意深く確認する必要があります。 。

CSS (カスケード スタイル シート) は、Web ページ内の要素の位置のレイアウト (テキスト内の間隔を含む) をピクセル レベルで正確に制御できるため、Web ページのオブジェクトとモデル スタイルをより適切かつ正確に編集できます。

開始タグの後または終了タグの前にスペースを入力しないでください。たとえば、「スペース チュートリアル」と入力する場合は、「スペースチュートリアル 」と入力しないでください。

非スペース文字 ( ) は文字エンティティの例です。このような Web 文字をキーボードから入力することはできませんが、対応するコードを使用して文字を挿入することはできます。

実際、HTML について知っていることはそれほど難しいことではありませんが、基本的には使用できるので、これらの知識がしっかりした基礎を築くのに役立つことを願っています。

関連する推奨事項:

html スペース コード

さまざまな形式の HTML space_html/css_WEB-ITnose

HTML ページでスペースと改行を保持する方法の分析例

以上がHTML にスペースを挿入するいくつかの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。