HTML を使用してテキストを中央揃えにする方法

ハイパーテキストマークアップ言語 (HTML) は、ほとんどの Web ページを編集するときに使用される言語であり、組版、段落設定、太字、フォントサイズなどに使用されます。 Web ページの HTML を編集する場合、HTML とカスケーディングシート (CSS) という 2 つのテキスト編集方法を試すことができます。基本的な HTML コードを使用してテキストを中央に配置する方法を学ぶことができます。

方法1方法1/2:

HTMLコードによる配置

1 HTML Web ページを編集する前に、まず HTML コードの基本を理解してください。
- フォントサイズを変更したり、テキストの書式を設定するために使用できるさまざまなタグについて学習します。たとえば、括弧内の「b」はフォントを太字にするために使用されます。「i」は斜体のテキストを示すために使用されます。コード内に引用符を含めないでください。
- ペアラベルの使用を練習します。ほとんどの書式タグには、テキストの先頭と末尾に 1 つずつ、合計 2 つのタグが必要です。最初のタグは、タグ括弧 (<>) 内の文字と記号で構成されます。 2 番目のタグは、タグの前のバックスラッシュで構成されます。たとえば、太字のテキストの先頭の括弧内に「b」を挿入し、テキストの末尾の括弧内に「/b」を挿入します。
2 Web ページで中央に配置するテキストを見つけます。
3テキストの先頭の前に、括弧内にタグ「center」を挿入します。タグとテキストの間にスペースを入れないでください。
テキストの末尾の括弧内に「/center」を挿入します。スペースを含めないでください。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/78\/Center-Text-in-HTML-Step-5.jpg\/v4-460px-Center-Text-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/78\/Center-Text-in-HTML-Step-5.jpg\/v4-728px-Center-Text-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":319,"bigWidth":828,"bigHeight":505,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 Web ページを保存します。 Web ページを参照して、テキストが希望どおりに配置されているかどうかを確認します。
- テキストの配置を変更したくない場合は、HTML コードの代わりに CSS を使用する HTML5 などのプログラムを使用する必要があります。テキストを正しく配置するには、2 番目の方法を試してください。
広告する

方法2方法2/2:

方法2: CSSによる配置

1 Web ページの CSS 言語を変更する準備をする前に、まず CSS の基本を理解してください。両方のマークアップ言語が一緒に実行されるため、CSS コードは HTML コードに埋め込まれます。
- テキスト本文タグ h1、h2、h3 について学習します。これらは、Web ページ上の段落や、小さいフォントサイズの通常のテキストをマークするために使用されます。 h1 が最も大きな見出しで、次に h2、h3 が続きます。これは、さまざまなセクションを識別するために HTML で使用される言語に似ています。
- 山括弧の代わりに括弧を使用してください。「body」または「h1」の後の括弧内に CSS タグを挿入します。たとえば、括弧内に「text-indent:50px」と入力してテキストをインデントすることができます。コード内に引用符を含めないでください。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/14\/Center-Text-in-HTML-Step-7.jpg\/v4-460px-Center-Text-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/14\/Center-Text-in-HTML-Step-7.jpg\/v4-728px-Center-Text-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":319,"bigWidth":828,"bigHeight":505,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2編集するテキストの先頭にある HTML 括弧を見つけます。 CSS フォーマットコードを HTML コード行の最初の括弧内に配置します。
- たとえば、見出しを変更する場合は、括弧内の「h1」を探します。
3次のコードを "h1" の後、閉じ括弧の前に挿入します: "text-align=center;" 。引用符を含めないでください。
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2c\/Center-Text-in-HTML-Step-9.jpg\/v4-460px-Center-Text-in-HTML-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2c\/Center-Text-in-HTML-Step-9.jpg\/v4-728px-Center-Text-in-HTML-Step-9.jpg","smallWidth":460,"smallHeight":319,"bigWidth":728,"bigHeight":505,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4セミコロンの後に末尾の括弧を追加します。 Web ページを保存します。
- 「中央揃え」を「右揃え」、「左揃え」、「両端揃え」などのさまざまなレイアウト方法に変更することもできます。
広告する