ホーム＞コース別ガイド一覧＞文字を斜体で表示する
使用タグ <i>〜</i>タグ
HTML一覧タグ辞典 … <i> タグ
文字を斜体にします。斜体での文字の表示は CSS の font-style プロパティでも指定できます。この要素は見栄えを斜体にするための要素で、強調の意味はありません。
使用例
それでは例として下のソースの「チャーハン」を<i></i>タグで斜体にしてみましょう！
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理</h1>
<p>料理を少しおいしくするための<br>
ワンポイントを紹介します！</p>
<p>おいしい<i>チャーハンの作り方</p>
</body>
</html> |
|
記述例
<html>
<head>
<title>一人暮らしの前向き料理</title>
</head>
<body>
<h1>簡単に作れるワンポイント料理</h1>
<p>料理を少しおいしくするための<br>
ワンポイントを紹介します！</p>
<p>おいしい<i>チャーハン</i>の作り方</p>
</body>
</html> |
|
使用例の表示
[ブラウザでの表示例]
| 一人暮らしの前向きな料理 |
簡単に作れるワンポイント料理
料理を少しおいしくするためのワンポイントを紹介します！
おいしいチャーハンの作り方 |
Safariでは日本語は斜体にならないようです
Safari では i 要素、address 要素、em 要素など、斜体で表示される要素は文字列が日本語の場合、斜体にならないようです。半角英数字は斜体になります。
関連情報ページ
|
|
このタグによく使われるCSS
|
|
|
|
|
その他
|
|
|
