HTMLでテキストに下線を引く方法

ビデオ: NEW Penmanship & Check Sheets ～文字の一部に下線だけを引く方法～

コンテンツ

ステップ
方法1/2：最新の方法
方法2/2：レガシー方法
チップ

従来のHTMLアンダースコアメソッドはu> / u>タグを使用することでしたが、現在は最新のCSSベースのメソッドを使用しています。下線は、下線付きのテキストとリンクを混同しやすいため、テキストに注意を引くには悪い方法と見なされます。

ステップ

方法1/2：最新の方法

1 CSSの「text-decoration」プロパティを使用します。 現在、u>タグはテキストに下線を引くために使用されていません。
- このプロパティを追加することで、将来、古いタグが廃止されたときにコードを変更する必要がなくなります。
2 span>タグを使用して、特定のテキストに下線を付けます。 アンダースコアを付けるテキストの前に、「text-decoration」プロパティとともに開始タグを入力します。テキストの最後に、終了タグ/スパン>を入力します。
span style = "text-decoration：underline;">このテキストには下線が引かれます。/span>
3 アンダースコアを付けやすくするために、style>セクションでHTML要素を指定します。 CSSスタイルシートを使用して実行することもできます。たとえば、レベル3のすべての見出しに下線を引くには、「スタイル」セクションに次のコードを追加します。
html>ヘッド>スタイル> h3 {テキスト-装飾：下線; } / style> / head> body> h3>この見出しには下線が引かれます/ h3> / body> / html>
4 CSSクラスを作成して、テキストにすばやく下線を付けます。 スタイルシートまたはスタイル>セクションにクラスを作成して、後で呼び出すことができます。クラスには任意の名前を付けることができます。
html>ヘッド>スタイル> .underline {text-decoration：underline; } / style> / head> body>このクラスをdiv>クイックアンダースコア/ div>さまざまなdiv>要素/ div> / body> / html>に使用します
5 テキストを強調する他の方法を考えてください。 ユーザーを混乱させないために、下線を引くことは避けることをお勧めします。 em>タグを使用して、テキストを斜体にすることをお勧めします。 CSSを使用して、このタグに他のスタイルオプションを追加します。
html>ヘッド>スタイル> em {色：赤; } / style> / head> body> "em"要素内のすべてがイタリック体になり（デフォルト）、追加のスタイルオプションのおかげで赤/ em>に色付けされます。 /本文> / html>

方法2/2：レガシー方法

1 古いu> / u>タグの使用は避けてください。 これらは非推奨です。つまり、これらのタグは引き続き機能しますが、推奨されていないか、推奨されていません。これは、HTMLがコンテンツのスタイルをカスタマイズすることを意図していないためです。 u>タグは引き続き機能しますが、スペルミスのある単語や中国語の固有名詞など、他のテキストとは異なるテキストを表す必要があります。
2 u> / u>タグを使用して、要素に下線を付けます（デモンストレーションのみ）。 これらのタグを使用する必要があるケースはほとんどありません。古いサイトを編集する必要があるかもしれないので、タグが何であるかを知っておくのが最善です。
html> body>古いHTMLu>タグを使用すると、/ u>要素にすばやく下線を引くことができましたが、他のスタイリング要素に触れると、物事が混乱しました。そのため、最近では、CSS要素「text-decoration」を下線に使用しています。 /本文> / html>