ホームページ作り入門<4>

写真の貼り付け(1999/01/27)
今日は、ホームページに写真を貼りつけて見よう。
それでは「◎はじめに」に戻って
  1. 入社時の全員写真を右クリックして
  2. 「名前を付けて画像を保存する」を左クリック
  3. 保存する場所は「public_html」 ファイル名は「57.jpg」 で「保存を左クリック
そして、index.htmのソースを「メモ帳」に呼び出して、次のソースを書き足して保存してください。 <!-----------先回のソース、ここまで省略--------> ホームページ用素材が <a href="http://prcm.jp/list/背景"> プリ画像さん </a> で無料で貰える。 <!--------------ここから下を追加する----------> <br> <img src="57.jpg" width="40%"><br> <img src="57.jpg" width="60%"><br> <img src="57.jpg" width="80%"><br> <!--------------ここまでを追加する-------------> </center </body> </html> <!-----------------最終行--------------------> 追加記入ができ、上書き保存をし、 「更新」ボタンを押したら、同じ写真がいろんな大きさで 表示されたことと思います。

<img src=”イメージファイル名”> が写真等のイメージファイルを表示するタグの書きかたです。 このタグは</>がありません。

オプションのwidthとは横幅です。 **%とはスクリーンの巾に対する比率です。 %を使わず、絶対値(ピクセル数)で width=600 のようにかくこともできます。

また高さを指定する場合はheightです。 縦横両方の指定も出来ますか、指定の仕方によっては 写真か変形してしまいます。

いろいろ実験して見てください。

今日はこれまで


表示見本
私のホームページ
工事中
私への Eメールはここをクリック して送ってください。
QPONの 掲示板はここをクリックする とつながります。
ホームページ用素材が プリ画像さん で無料で貰える。



.
.

変更後のソース

<html> <head> <title> 私のホームページ </title> </head> <body background="003.gif"> <center> <font size=7 color=#00ff00> 私のホームページ<br> </font> <font size=6 color=#ff0000> 工事中<hr> </font> 私への <a href="mailto:qpon@mxc.mesh.ne.jp"><!--自分のアドレスに書き換えのこと--> Eメールはここをクリック </a> して送ってください。 <br> QPONの <a href="http://www2a.biglobe.ne.jp/~qpon/cgi-bin/qpon_bbs.htm"> 掲示板はここをクリックする </a> とつながります。 <br> ホームページ用素材が <a href="http://prcm.jp/list/背景"> プリ画像さん </a> で無料で貰える。 <!--------------@ここから下を追加する----------> <br> <img src="57.jpg" width="40%"><br> <img src="57.jpg" width="60%"><br> <img src="57.jpg" width="80%"><br> <!--------------ここまでを追加する-------------> </center> </body> </html>
ホームページ作り入門<5>へ