HTML テキストの変更
HTML は Web コンテンツの作成に使用されるマークアップ言語であり、Web ページの基礎です。 HTML タグは、タイトル、段落、リスト、リンクなど、Web ページのさまざまな部分を定義するために使用されます。最も基本的なマークの 1 つはテキストを変更することですが、これは Web デザインにおいて非常に重要です。今回はHTMLを使ってテキストを修正する方法を紹介します。
テキスト サイズの変更
テキストを別のサイズに編集することは、HTML の最も基本的な機能の 1 つです。 HTML のサイズ タグを使用すると、テキストのサイズをさまざまなサイズ (最小の から最大の 4a249f0d628e2318394fd9b75b4636b1 まで) に変更できます。以下に、テキスト サイズを変更するための HTML タグをいくつか示します。
4a249f0d628e2318394fd9b75b4636b1 – 4e9ee319e0fa4abc21ff286eeb145ecc
タグは、HTML で Web ページのタイトルを定義するために使用されます。 4a249f0d628e2318394fd9b75b4636b1
は最大テキスト サイズ、4e9ee319e0fa4abc21ff286eeb145ecc
は最小テキスト サイズです。
e388a4556c0f65e1904146cc1a846bee
タグは段落を表し、デフォルトのテキスト サイズは本文のテキスト サイズと同じです。
d015d241ae6d34c34210679b5204fe85
タグはテキスト サイズを小さくするために使用されます。
3d49bde0e0b2e042578ad34140b6c48e
タグは文字サイズを大きくするために使用されます。ただし、HTML5 では使用しないでください。
サイズ マーカーを使用してテキストのサイズを変更する例を次に示します。
<h1>这是一个标题</h1> <p>这是一个段落文本。</p> <small>这是较小的文本</small>
この例では、4a249f0d628e2318394fd9b75b4636b1
要素を使用してタイトルをレンダリングし、< ;p>
要素は、段落テキストをレンダリングするために使用されます。 d015d241ae6d34c34210679b5204fe85
要素は、小さいテキストをレンダリングするために使用されます。
テキスト スタイルの変更
HTML では、テキスト サイズを調整できるだけでなく、テキストのスタイルも調整できます。以下は、テキスト スタイルを変更するために HTML で使用される一般的なタグです。
a4b561c25d9afb9ac8dc4d70affff419
タグはテキストを太字にするために使用されます。
5a8028ccc7a7e27417bff9f05adf5932
タグは、テキストを斜体にするために使用されます。
88f336217b3880082bb52d49b5de60a5
タグは、テキストの下に線 (下線) を引くために使用されます。
533df51242d4fe18c58d599b7d69a4e4
タグは、テキストの上に線 (取り消し線) を引くために使用されます。
次は、スタイル タグを使用してテキストのスタイルを設定する例です:
<p><b>加粗文本</b></p> <p><i>斜体文本</i></p> <p><u>下划线文本</u></p> <p><strike>删除线文本</strike></p>
この例では、a4b561c25d9afb9ac8dc4d70affff419
要素は太字のテキストを表示するために使用されます。 5a8028ccc7a7e27417bff9f05adf5932
要素は、テキストを斜体で表示するために使用されます。 88f336217b3880082bb52d49b5de60a5
要素は下のテキストに下線を引くために使用され、533df51242d4fe18c58d599b7d69a4e4
要素はテキストの上に取り消し線を追加するために使用されます。
テキストの色と背景色の変更
HTML では、カラー タグを使用してテキストの色と背景色を変更することもできます。以下は、HTML でテキストの色と背景色を変更するために使用されるタグです。
cd8d45e6fc243e752f284eec0f401a04
タグは文字色を変更するために使用します。使用する色の名前、カラーコード、または RGB 値を color=""
に入力します。
d208724971e77f0de92e2bc50b984e9f
タグは、テキストの背景色を変更するために使用されます。使用する背景色の名前、カラーコード、または RGB 値を background-color: ;
に入力します。
カラー マーカーを使用してテキストと背景の色を調整する例を次に示します:
e388a4556c0f65e1904146cc1a846bee8121d6c8a34839335b283c3765c68ed6赤色のテキストe6e38b3c62e8df885fe2e3986461aa630cba36f12cf561cef14ffa62bcdafa2c
e388a4556c0f65e1904146cc1a846bee293dae3f7913979fb2fc8bb022210967緑色の文字e6e38b3c62e8df885fe2e3986461aa6394b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846beebb4e2361887afe1e0cfa34921e8d296b青色のテキストe6e38b3c62e8df885fe2e3986461aa6394b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846beeeabb70b9ae2d713626185fb2f85dc1de黄色の背景テキスト54bdf357c58b8a65c66d7c19c8e4d1140cba36f12cf561cef14ffa62bcdafa2c
e388a4556c0f65e1904146cc1a846bee5acb640ffd72b31c08fc131d26844af5青色の背景テキスト54bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846beead0139268081dfcd66557261f247e533赤色の背景テキスト54bdf357c58b8a65c66d7c19c8e4d11494b3e26ee717c64999d7867364b1b4a3
この例では、2b3ff2522993b06c7b7dcaaacab2dcfd
要素はテキストの色を変更するために使用されます。この例では、赤色のテキストは color="red"
属性を追加することで実現され、緑色のテキストは color="#00FF00"
属性を追加することによって実現され、青色のテキストは Add によって実現されます。 color="rgb(0,0,255)"
が実装されました。 45a2772a6b6107b401db3c9b82c049c2
要素は、テキストの背景色を変更するために使用されます。この例では、黄色の背景テキストは style="background-color: yellow;"
を追加することで実現され、青色の背景テキストは style="background-color:blue;" ## を追加することで実現されます。 # は背景色と文字色を一緒に設定することで赤色の背景文字を実現します。
以上がhtmlテキストを変更するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。