いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

imgタグ

  • このエントリーをはてなブックマークに追加

imgタグの意味

imgタグは、画像を意味するタグです。

imgタグの使い方

表示したい画像のパスを指定します。

HTMLとXHTMLで記述の仕方に若干の違いがありますので混同しないように注意しましょう。

閉じタグはありません。

サンプルHTMLソース

HTMLの場合

<img src="画像のパス" width="横のピクセル数" height="縦のピクセル数" alt="代替テキスト" title="画像のタイトル">

XHTMLの場合

<img src="画像のパス" width="横のピクセル数" height="縦のピクセル数" alt="代替テキスト" title="画像のタイトル" />

画像のパスは相対リンク・URLどちらでもOKです。

width・heightには、ピクセル数のみを記述します(横・縦共に100pxの場合、width="100" height="100")

altは画像を表示できなかった場合に代わりに表示するテキストを記述します。

titleは省略してもOKです。

おすすめのホームページ作成ソフト

コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。

現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。

ホームページビルダー
初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
Dreamweaver
中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。

『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。

また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。


HTMLタグ
CSS
一口メモ
サンプルソース
用語集


Warning: Invalid argument supplied for foreach() in /home/haluri/sinoffice.com/public_html/homepage/wp-includes/script-loader.php on line 2781