HTMLで質問があります。

質問

最近HTMLの勉強をはじめたのですが、その中で、自分のマイドキュメントのなかのMyPicturesにある画像を取り込むときに、<img border="0" src=file:///C:/My%20Documents/My%20Pictures/ichigopafe.gif この後に大きさとなっているのですが、「％20って」どういう意味ですか？それから、C：の前の///の意味を教えて下さい。まだ初心者なのでよろしくお願いします。

回答No.4

Ryow

簡単に説明すると、サーバ上に作成するサイトをbudouajiさんのＰＣ上に再現するわけです。

ディレクトリ構造

C:\ ＜コンピュータのルートディレクトリ
｜
...-home ＜Ｗｅｂページのルートディレクトリ
......｜
........--contents ＜ｈｔｍｌファイルを格納
......｜
........--image ＜画像ファイルを格納
......｜
........--sound ＜音声ファイルを格納

など、格納するファイルの種類によってディレクトリを分けると管理しやすくなります。
また、「contents」ディレクトリの中を更に分けて、プロフィールやリンク等のコンテンツ毎にしておくと、これまたファイル管理がしやすくなります。

そして、Ｗｅｂページで扱うファイルは、全て「home」以下のディレクトリに保存しておくことです。
（外部リンクを除く）

リンクについては、現在の場所からの相対的な位置関係で表す「相対パス」にしておきましょう。

回答No.3

myeyesonly

こんにちは。
sesame さんへのお礼にある、＞それを見ながらペイントで作成～ってのは、多分、メモ帳の間違いでしょうか？

実は、私も同じ事やってます。但し元をつくったのはフロントページじゃなくて、ネットスケープコンポーザーですけど。(^^ゞ

最近は、ＨＴＭＬの単語（タグといいます）を結構覚えてきたので、最初からメモ帳だけで書けるようになりましたけど。

そうやって、この程度のことは出来るようになります。↓（参考ＵＲＬ）

それから、＞半角スペースをふくまない～っていうのは、インターネットでは、フォルダ（ディレクトリといいます）やファイル名は、半角英数文字しか
使えません。ですから、半角カタカナや半角スペースもダメです。

まず、使うファイルの名前等を全部、半角英数字に直しましょう。
それから、大文字と小文字も区別されるので、どちらかに統一した方がいいです。

例えば、
富士山.jpg　→　×
fujisan.jpg →　○

あと、実際のファイル名が Fujisan.jpg で　ＨＴＭＬに　fujisan.jpg ってやるとパソコンの中にある時は表示されるけど、インターネットのサーバーにアップロードすると見えなくなっちゃいます。

だから、＞半角スペースをふくまないフォルダ～というのは、どこかにあるんじゃなくて、フォルダの名前を変えて作っちゃうんです。

ファイル名も同様に。全て半角英数字だけ。これを忘れずに。

ではお互いに頑張りましょう。

参考URL：

http://www13.u-page.so-net.ne.jp/zd5/gonbe7/

お礼

親切に教えてくださってありがとうございます。そうそうペイントじゃなくて、メモ帳です。すいません。意味が少し分かりましたよ。そういう意味だったんですね。ありがとうございました。それからホームページ見させてもらいました。早くみなさんみたいに作れるように頑張ります。

回答No.2

sesame

%20は半角スペースの代替参照です。
My%20Documents/My%20PicturesならMy Documents/My Picturesと置きかえられます。
file:///はローカルドライブ（自分のマシン）内のファイルをURL指定する場合の書式です。

なお、
<img border="0" src=file:///C:/My%20Documents/My%20Pictures/ichigopafe.gif>
と記述したHTMLは、サーバスペースにアップロードしても「絶対に」正しく表示されませんので、今のうちにちょこちょこ直しておきましょう。
正しい書式は
<img border="0" src="ichigopafe.gif" width="" height="">
です。（width="" height=""には画像の縦横サイズを記入する）
また、HTMLに対して画像フォルダを掘ってその中に画像をまとめて格納するならば、
<img border="0" src="./images/ichigopafe.gif" width="" height="">
等となります。（フォルダ名はimagesでなくても任意）

注意事項としては、
・あなたのマシンのドライブ/フォルダ構成はサーバ上では再現できないので、file:///…で始まるローカル指定は捨て去りましょう。
・半角スペースを含むフォルダ内でのHTML編集は、正しい動作が保証できないので、ドライブのルートから半角スペースを含まないフォルダを掘って、そこで編集するようにしましょう。
（C:\HTML\ 、C:\MYHOME\ など）

お礼

詳しく説明していただいてありがとうございます。私のソースが間違ってるって知らなかったです。そもそもフロントページってマイクロソフトのホームページを作成するソフトがありますよね。それを見ながらペイントで作成してるんですけど、フロントページのソースをまねしてもだめなんですか？そういうことじゃないのかな。私の場合画像を保存してる場所が悪いってことなんですか？半角スペースを含まないフォルダっていったいどこなんですか。右も左もまだ分かってないので、良かったら教えてください。

回答No.1

noname#8250

根本的にあなたのソースの指定方法が間違っています。これではweb上にアップしたときにあなた以外画像ファイルはみられません。相対パスで指定するようにしましょう。絶対パス・相対パスに関してはHTMLリファレンスの本などをみれば載っていることですので今一度お確かめください。
では。

参考URL：

http://tohoho.wakusei.ne.jp/www.htm

お礼

さっそくありがとうございます。な、何と私のソースが基本的に違ってるってことですよね。なんせまったくのど素人なので、何が何だか。でも頑張って勉強して見ます。ありがとうございます。