文字に下線をつけて表示する

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<p><u>ここに下線がつきます</u></p>
</body>
</html>

表示サンプル

ここに下線がつきます

解説

「UnderLine」の略となっていまして、囲まれた部分に下線をつけて表示します。「U」タグは非推奨要素となっており、スタイルシートの使用を推奨されていますので、下記「ＣＳＳを使用した記述方法」も参考にして下さい。

ＣＳＳを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
p.under { text-decoration: underline; }
p.over  { text-decoration: overline; }
-->
</style>
</head>
<body>
<p class="under">下線が表示されます</p>
<p class="over">上線が表示されます</p>
</body>
</html>

表示サンプル

下線が表示されます

上線が表示されます

解説

ヘッダ内の記述にて、「P」タグの「under」と「over」（名前は自由に付けてください）と言う名前のものに関しての表示方法を指定しています。それぞれ個別に、

<p style="text-decoration:underline;">ここの文字に下線がつきます</p>

のように記述をすることも出来ます。