忍者ブログ

ホームページ作成ビギナーズガイド

HTML4.01とCSSによるWeb標準のホームページ作成入門。

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

spanタグ

spanタグには論理的な意味はありません。 <span>~</span>の部分が何らかのまとまりであることを示します。

spanタグのイメージ
文章<span>spanで囲まれた範囲</span>文章

divタグも似てますが、spanタグはインライン要素、divタグはブロック要素です。 (関連ページ → ブロック要素とインライン要素)

spanタグの基本的な使い方 1

classやidを付けて論理構造的な意味を与えます。
例えば「<span class="caution">~</span>」などとして意味を持たせます。

PR

[spanタグ]の続きを読む

divタグ

divタグは論理的な意味はありません。 <div>~</div>で囲んだ部分が何らかの区切り・まとまりであることなどを示します。 要素のグループ化と言われるものです。 イメージ的には透明のボックスができるようなものです。

divタグのイメージ
<div>
</div>

spanタグも似てますが、spanタグはインライン要素で、divタグはブロック要素です。 (関連ページ → ブロック要素とインライン要素)

divタグの基本的な使い方

classやidを付けて論理構造的な意味を与えます。 例えば、下記のような感じで、章や節のまとまりを作って、文書の構成を示すなどです。

[divタグ]の続きを読む

imgタグ(画像)

imgタグは画像です。imageのimgです。

imgタグの雛型

<img src="" alt="" width="" height="">

imgタグに指定する属性

src属性

「src="画像ファイルのURL"」と書いて、画像ファイルを指定します。
sourceのsrcです。src属性は必須です。

alt属性

「alt="代替テキスト"」として、画像が表示されない環境の訪問者への配慮として代替テキストを書きます。
altはalternate textです。imgタグにはalt属性は必須です。省略できません。

[imgタグ(画像)]の続きを読む

前のページHOME次のページ

メニュー

カテゴリー

リンク

RSS

Appendix

リンクはご自由にどうぞ。

最終更新2008/07/09

Valid XHTML 1.0 Transitional
Valid CSS!
Copyright © ホームページ作成ビギナーズガイド All Rights Reserved.
忍者ブログ[PR]