画像挿入

なんだろう?? HTMLの基本をお勉強しよう♪(^0^)ノ°。 【HP Q&A】
ホームページ作成支援の【HP Q&A】

画像 挿入

当サイトは、ホームページを作る為の基本から
ホームページを使った応用技などをを紹介しています。

ホームページ作りのお役に立てれば幸いでございますです

TOPに戻る

「ホームページ」って何?
画像の挿入はどうやるの??


画像を挿入しよう!!

画像を表示させたい時は、<img>というタグを使用します。
そして、<img>タグの属性を利用して、表示の大きさや画像に枠を付けたりする事もできます。

例として、「panda_01.jpg」という画像を挿入してみます。
「panda_01.jpg」という画像は、ATP's 素材置き場さんからお借りしてきました。

素材屋さんから、素材をお借りする方法はこちら



それでは、画像を表示させて見ましょう。

HTML文書

<body>
<img src="panda_01.jpg" width="140" height="133" alt="ホームページを作ろう">
<body>



ブラウザ表示


panda_01.jpgという名前の、
幅が140ピクセル、高さ133ピクセルの画像を表示しなさいという意味です。
alt="ホームページを作ろう"は、画像の説明文です。画像の上にポインタをのせると説明文が表示されます。

画像は、ホームページ用に作ったフォルダにHTML文書と一緒に入れておきます。





HTML編TOPへ   画像を手に入れるには?
このサイトに掲載されている記事・写真・図表などの無断転載を禁じます。
Copyright (C) ホームページ作成支援の【HP Q&A 】】 All Rights Reserved