ウェブページに使用する画像は多くなりがちなので、画像用のフォルダを作ってそこに格納するのが一般的です。われわれもそれに従って、images というフォルダを作ってその中に入れることにします。
htmlファイルについては、imgタグのsrc属性を変更するだけです。
大きな画像は、p タグの中に画像だけをいれて次のようにすればいいでしょう。
<p><img src="images/yama.png" alt="青空に遠い山と近くの並木"></p>
images というフォルダの中の yama.jpg をsrcにするという指定です。もっと正確に言えば、このhtmlファイルのある場所を基準にして、同じフォルダに images というフォルダがあってその中に yama.jpg があると指定しています。
public_htmlにimagesフォルダを作ります。正確には画像を使うhtmlファイルのあるフォルダ内にimagesというフォルダを作るということです。
次に、imagesフォルダに、 yama.jpgなどの画像ファイルを移動します。
imagesフォルダにはbublic_htmlフォルダと同様に読み取り(r)と中に入ること(x)の許可を設定します。
chmod go+r public_html/images/* とキーボードから入力して[Enter]を押します。許可されたかを確認したければ、 ls -l public_html/imagesとキーボードから入力して[Enter]を押します。
z2c2s@star00:~$ chmod go+rx public_html/images/ z2c2s@star00:~$ ls -l public_html/ 合計 4 drwxr-xr-x 2 z2c2s z2c2s 4096 2012-06-06 14:51 images -rw-r--r-- 1 z2c2s z2c2s 424 2012-05-23 14:40 index.html -rw-r--r-- 1 z2c2s z2c2s 1119 2012-05-14 12:44 iroiro.html -rw-r--r-- 1 z2c2s z2c2s 830 2012-04-23 12:43 joho.html
imagesの中の画像ファイルはすでに移動前に許可がありますが、もしまだなら次のようにします。
z2c2s@star00:~$ chmod go+r public_html/images/* z2c2s@star00:~$ ls -l public_html/images 合計 4 -rw-r--r-- 1 z2c2s z2c2s 16198 2012-05-21 12:38 yama.jpg
繰り返しますが、フォルダの許可のパターンは、rwxr-xr-x ファイルの許可のパターンは rw-r--r-- となっていれば正解です。
書き換えや消去をされては困るので書き換え許可(w)はしません。
いままでにやってきた読み取り許可の操作です。UNIX/Linuxでは読み取り許可、書き込み許可などを合わせてファイルのパーミッションと言います。
public_htmlフォルダ内の全ファイルに読み取り許可を与える
chmod go+r public_html/*
public_html/imagesフォルダ内の全ファイルに読み取り許可を与える方法
chmod go+r public_html/images/*
public_htmlフォルダを作ったときに一度だけすること
chmod go+rx public_html
imagesフォルダを作ったときに一度だけすること
chmod go+rx public_html/images