文字を斜体で表示する

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<p><i>ここが斜体表示されます</i></p>
</body>
</html>

表示サンプル

ここが斜体表示されます

解説

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

CSSを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
p.italic  { font-style: italic; }
p.oblique { font-style: oblique; }
-->
</style>
</head>
<body>
<p class="italic">イタリック体で表示されます</p>
<p class="oblique">斜体で表示されます</p>
</body>
</html>

表示サンプル

イタリック体で表示されます

斜体で表示されます

解説

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

<p style="font-style:oblique;">ここの文字が斜体表示となります</p>

のように記述をすることも出来ます。ただ、日本語フォントの場合はイタリック体と斜体が用意されていることはほとんどありません。標準のものを傾けて表示しているだけですので、イタリック体表示と斜体表示は大抵の場合同じ見た目となります。