OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

HTMLで質問があります。

  • 暇なときにでも
  • 質問No.111361
  • 閲覧数36
  • ありがとう数3
  • 気になる数0
  • 回答数4
  • コメント数0

お礼率 56% (39/69)

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

回答 (全4件)

  • 回答No.1

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

お礼率 56% (39/69)

さっそくありがとうございます。な、何と私のソースが基本的に違ってるってことですよね。なんせまったくのど素人なので、何が何だか。でも頑張って勉強して見ます。ありがとうございます。
投稿日時 - 2001-07-30 16:49:58
  • 回答No.2
レベル14

ベストアンサー率 49% (1127/2292)

%20は半角スペースの代替参照です。 My%20Documents/My%20PicturesならMy Documents/My Picturesと置きかえられます。 file:///はローカルドライブ(自分のマシン)内のファイルをURL指定する場合の書式です。 なお、 <img border="0" src=file:///C:/My%20Documents/My% ...続きを読む
%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\ など)
お礼コメント
budouaji

お礼率 56% (39/69)

詳しく説明していただいてありがとうございます。私のソースが間違ってるって知らなかったです。そもそもフロントページってマイクロソフトのホームページを作成するソフトがありますよね。それを見ながらペイントで作成してるんですけど、フロントページのソースをまねしてもだめなんですか?そういうことじゃないのかな。私の場合画像を保存してる場所が悪いってことなんですか?半角スペースを含まないフォルダっていったいどこなんですか。右も左もまだ分かってないので、良かったら教えてください。
投稿日時 - 2001-07-30 16:56:59
  • 回答No.3
レベル14

ベストアンサー率 36% (3818/10368)

こんにちは。 sesame さんへのお礼にある、>それを見ながらペイントで作成~ってのは、多分、メモ帳の間違いでしょうか? 実は、私も同じ事やってます。但し元をつくったのはフロントページじゃなくて、ネットスケープコンポーザーですけど。(^^ゞ 最近は、HTMLの単語(タグといいます)を結構覚えてきたので、最初からメモ帳だけで書けるようになりましたけど。 そうやって、この程度のことは出来 ...続きを読む
こんにちは。
sesame さんへのお礼にある、>それを見ながらペイントで作成~ってのは、多分、メモ帳の間違いでしょうか?

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

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

そうやって、この程度のことは出来るようになります。↓(参考URL)

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

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

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

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

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

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

ではお互いに頑張りましょう。
お礼コメント
budouaji

お礼率 56% (39/69)

親切に教えてくださってありがとうございます。そうそうペイントじゃなくて、メモ帳です。すいません。意味が少し分かりましたよ。そういう意味だったんですね。ありがとうございました。それからホームページ見させてもらいました。早くみなさんみたいに作れるように頑張ります。
投稿日時 - 2001-07-30 19:29:45
  • 回答No.4
レベル11

ベストアンサー率 38% (124/325)

簡単に説明すると、サーバ上に作成するサイトをbudouajiさんのPC上に再現するわけです。 ディレクトリ構造 C:\ <コンピュータのルートディレクトリ | ...-home <Webページのルートディレクトリ ......| ........--contents <htmlファイルを格納 ......| ........--image <画像ファ ...続きを読む
簡単に説明すると、サーバ上に作成するサイトをbudouajiさんのPC上に再現するわけです。

ディレクトリ構造

C:\ <コンピュータのルートディレクトリ

...-home <Webページのルートディレクトリ
......|
........--contents <htmlファイルを格納
......|
........--image <画像ファイルを格納
......|
........--sound <音声ファイルを格納

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

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

リンクについては、現在の場所からの相対的な位置関係で表す「相対パス」にしておきましょう。
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ