初めての方にも分かりやすくホームページ作成方法を解説します♪
ホームページ作成講座
ホームページ作成講座 >> HTML・CSSの基礎知識 >> 画像を貼る
画像を貼る
画像を貼るタグ<img>

画像を貼るには、<img>タグを利用します。画像のファイル形式には『gif』、『jpg』、『png』の3種類が使用されます。

使い方<img>

<img src="画像へのパス" width="横幅" height="縦幅" alt="文字">で画像を貼ることができます。

src="画像へのパス"

画像へのパスは、現在のファイルから見て画像がどこにあるのかを指定します。これを相対パスといいます。具体的に説明していきます。


・画像が同じフォルダにあるとき
<img src="./画像のファイル名">または<img src="画像のファイル名">

・画像が上のフォルダにあるとき
<img src="../画像のファイル名">

・画像が下のフォルダにあるとき
<img src="./フォルダ名/画像のファイル名">または<img src="フォルダ名/画像のファイル名">


width="横幅" height="縦幅"

widthとheightでは、画像の縦と横のサイズを指定します。ここを表記しない場合、画像のオリジナルのサイズで、画像が表示されます。

src="文字"

ここで入力した文字は、画像の上にカーソル乗せたときに表示されるものです。特に必要というわけではありません。

back >> ホームページ作成講座
HTML・CSSの基礎知識
HTML

文章関連
見出し
段落
改行

文字関係
強調
文字色
フォント(書体)

リンク
リンクする
ページ内ジャンプ

画像
画像を貼る
背景画像を指定

CSS(スタイルシート)

CSSの使い方
スタイルシートとは?
使い方
外部スタイルシート

文章関連
文字の大きさを変更
行間を変更

色関係
文字色
リンク色
背景色

その他
スクロールバー装飾

サイト情報 | お問い合わせ | リンク
Copyright(C)2005 ホームページ作成講座 All right reserved
当サイトはリンクフリーです。