TOPページ >  画像を表示する/動画/サウンド > 画像を表示させる

画像を表示させる

ファイルマネージャーや ftp を使って画像をアップロードすれば、ブログ内に画像を表示させることができます。

<img src="画像URL" width="画像の表示幅" height="画像の表示高さ" alt="画像の説明文書">

という形式になります。

  • 画像URL:絶対パスまたは相対パスで指定できます
  • 画像の表示幅/画像の表示高さ:省略すると、アップロードした画像サイズで表示されます。
  • 画像の説明文書:画像非対応のブラウザでは代替文字として表示されます。また、たいたいのブラウザでは画像にマウスを重ねたときチップアップヘルプのように文書が表示されます。省略しても画像の表示には差し支えありません。

ここに、あらかじめ『 ./sample/flower_pink.jpg 』というjpgファイルがアップロードしてあります。これをブログ内に表示させるソースは、こんな感じです。

<img src="./sample/flower_pink.jpg" width="160" height="120" alt="ピンク色の花の画像>

これを実際に表示させると次のようになります。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
バックグラウンドでサウンドを演奏する(BGM)
インラインフレームを表示する
プラグインで動画やサウンドを再生する
文字や文章、テーブルなどの背景画像の位置を指定する
文章の背景に画像を固定表示する
文章の背景に指定した画像を繰返し表示する
テーブルに画像やボタンを表示する
文章の背景画像を指定する
画像をクリックで拡大させる
画像への文字の回り込みを解除する
画像と文字の上下間隔を指定する
画像と文字の左右間隔を指定する
画像の左右に文字を回り込ませる
画像の表示位置を指定する
画像を表示させる
画像にリンクを貼る
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス