HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > HTML4.01 講座インデックス > フォントの装飾
様々なブックマークサービスがご利用頂けます。

フォントを装飾する要素

■ 太字 （物理要素） <b> </b>
ソース  ソース
<b>VALUE NEXT</b>
表示  表　示
VALUE NEXT
■ 太字 （論理要素） <strong> </strong>
ソース  ソース
<strong>VALUE NEXT</strong>
表示  表　示
VALUE NEXT
■ 斜体 （物理要素） <i> </i>
ソース  ソース
<i>VALUE NEXT</i>
表示  表　示
VALUE NEXT
■ 斜体 （論理要素） <em> </em>
ソース  ソース
<em>VALUE NEXT</em>
表示  表　示
VALUE NEXT
■ 下線 （物理要素） <u> </u>
ソース  ソース
<u>VALUE NEXT</u>
表示  表　示
VALUE NEXT

■ 打ち消し線 （物理要素） <s> </s>
ソース  ソース
<s>VALUE NEXT</s>
表示  表　示
VALUE NEXT
■ 等幅フォント （物理要素） <tt> </tt>
ソース  ソース
<tt>AAAAAAAAAAA<br>iiiiiiiiiii</tt>
表示  表　示
AAAAAAAAAAA
iiiiiiiiiii
AAAAAAAAAAA
iiiiiiiiiii　　　　　　　　　　←等幅フォント指定なし。
ポイント 物理要素と論理要素
物理要素が、ブラウザ上でテキストの見た目を変化させるだけに対し、
論理要素は、ブラウザ上でテキストの見た目を変化させると同時に、意味情報が付加します。
例えば、<b>要素も<strong>要素も、同じくテキストを太字にしますが、
<strong>要素では加えて『テキストが重要であると強調』の意味が付加します。
物理タグ
<b> <i> <u> <s> <tt> 等
論理タグ
<strong> <em> 
ポイント 記述上の注意
異なる要素を組み合わせて使う事ができますが、記述する順序は
かならず入れ子にして下さい。
○  <b><u>VALUE NEXT</u></b>
×  <b><u>VALUE NEXT</b></u>

(C) いまさらHTML CSS講座 2002-2008 All right reserved