【初心者向け】HTMLで文字(テキスト)にアンダーラインを付ける方法

下線をつけることで文章が読みやすくなり、目立たせることが出来ます。
難しい知識は必要ないので、HTML初心者でもぜひ覚えておきましょう。
HTMLは文字を表示するための言語という印象が強いですが、簡単なデザインならHTMLのみでCSSを使用することなく実現することができます。

アンダーラインを付けるタグとその書き方

タグの記述方法

アンダーラインはタグを追加するだけで簡単に記述することができます。

<u>アンダーラインを引きます。</u>

このようにするとフォントと同じ色のアンダーラインが引かれます。

アンダーラインを引きます

<u>タグは、<u>内の文字列にアンダーラインを引くという意味のタグなので、見出しなどにもアンダーラインを引くことができます。

<u><h1>見出しにアンダーラインを引きます。</h1></u>

このようにすると、見出しの下にアンダーラインが引かれます。

アンダーラインを引きます

まとめ

今回はHTMLでテキストにアンダーラインをつける方法について解説していきました。
書くと分かるように、とても簡単にアンダーラインを引くことができたと思います。

 

AUTHOR

北海道のWEB屋

北海道を拠点に、Web業界14年・サポート実績1,000件以上。WordPressの復旧、サーバー移転、独自ドメインとメールの設定、PHP・JavaScriptの修正まで対応します。相談と見積もりは無料です。

関連記事

RELATED