Homepage Zero ガイド
logo

ゼロから始めよう!わかりやすい!ホームページ作成ガイド

初めての方へ|総合案内|お問い合わせ|当サイトについて

ホームページ初心者ガイド| HTML| CSS| ホームページお役立ち情報| ホームページレベルアップ情報| その他

ホームコース別ガイド一覧>文字を斜体で表示する

文字を斜体で表示する( i 要素)

普通コースじっくりコースアイコンの説明 普通コースじっくりコースアイコンの説明

使用タグ <i>〜</i>タグ

HTML一覧タグ辞典 … <i> タグ

文字を斜体にします。斜体での文字の表示は CSSfont-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

その他

ロゴ
ゼロから始めよう!わかりやすい!ホームページ作成ガイド

|初めての方へ|総合案内|お問い合わせ|当サイトについて|

copyright (C) TOMIY All Right Reserved
inserted by FC2 system