ホームページに画像の貼り方

初心者簡単な画像タグのhtml

無料ホームページに画像を貼り付ける際は、画像の html タグを使って貼り付けますがこんなタグになっています。

<img src="http://画像のある場所" alt="画像の内容説明" width="幅" height="高さ" border="外枠のありなし">

まず最初にやることは無料ホームページへの画像のアップロードです。

画像はサブフォルダを作成して、htmlファイルと区別して無料ホームページにアップロードすることをおすすめしますが、ＵＲＬを指定すればいいんでどこでもいいです。

ジオシティーズの場合は、ＥＺアップロードのボタンを押して、参照ボタンで自分のパソコンにある画像を指定すれば簡単にアップロードすることができます。

前のページでリンクタグは２０世紀最大の発明じゃないかって書いたんですが、そのリンクタグを発展させて、インターネットの www を発明したティム・バーナーズ＝リーさんの画像を例に、ここで貼り付けてみようと思います。

まず、上の方法で画像を無料ホームページにアップロードします。画像をアップロードしたら、表示ボタンをおして実際に画像のみを表示して画像のあるＵＲＬを確認します。

この場合、画像がある場所のＵＲＬは http://www.geocities.jp/freehomepageblog/image/www.jpg となっています。

次に、画像上で「右クリック - プロパティー」で幅と高さを調べてみると、267px × 213pxという風になっているようです。外枠はなしで設定するので 0 を指定すると、出来上がりの画像の html タグはこんな感じになります。

<img src="http://www.geocities.jp/freehomepageblog/image/www.jpg" alt="ティム・バーナーズ＝リーさんの画像" width="267" height="213" border="0">

実際のできあがりの画像はこのようになります。

こんな感じで画像を表示することができますが、画像の種類でいうと、bmp はウィンドウズ用と言われているんで、できれば jpg や gif がおすすめですが、たぶんどれでも大丈夫だと思います。

次のページ：レンタルサーバーでのＨＰ作り方