無料ホームページ作成！ＨＴＭＬ
画像の表示

無料ホームページ作成！HTML・画像
画像の表示（IMG要素）

ホームページで画像を表示

IMG要素　（インライン）

img要素は画像を表示する要素です、画像を貼り付けたい場合この要素を使います。
終了タグはありません。

<img>タグの使い方

HTMLソース

<img src="gazou.gif">
結果
サンプル

見にくいかも・・・

IMG要素で宣言できる属性

属性名 値 概要
src ファイル 絶対パスか相対パスで画像ファイルを指定
align middle 画像の中央に文字を表示
top 画像の上に文字を表示
right 画像の右に文字を表示
bottom 画像の下に文字を表示
left 画像の左に文字を表示
alt 文字 画像が表示されない場合表示される
border px pxで枠の太さを設定
width px,% pxか％で画像の幅を設定
height px,% pxか％で画像の高さを設定
hspace px pxで画像の上下の幅を設定
vspace px pxで画像の左右の余白を設定

属性はsrc,altを除いてCSS・スタイルシートで宣言しましょう。

HTML・文章
文字のルビ
無料ホームページ作成！
ＨＴＭＬ＆ＣＳＳ
HTML・リンク
リンクを張る

無料ホームページ作成！メニュー

HTML

基本

HEAD要素内

文章

画像

リンク

リスト

表

フォーム

グループ

フレーム

その他

リンクについて｜お問い合わせ
無料ホームページ作成！HTML＆CSS