この部分の画像を入れるには・・？？

質問

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #ff6699;width:400px"><div style="border-width:3px;border-style:solid;border-color:#fff #ffbbbb #ffbbbb #fff;background:#ffcccc;padding:4px"><div style="border:3px dotted #fff;padding:4px"><div style="border-width:3px;border-style:solid;border-color:#ffbbbb #fff #fff #ffbbbb"><div style="border:1px solid #ff6699;background:#fff;font-size:13px;color:#ff6699;padding:15px">
<img src="写真ＵＲＬ" width="幅(ピクセル)" height="高さ(ピクセル)" border="0" align="left" style="margin:0 7px 0 0">
<b>ＨＮ</b>　☆　プロフィール
<hr style="border-style:solid;color:#ff6699;height:1px">
<b>職業／学校</b>　☆　プロフィール
<hr style="border-style:solid;color:#ff6699;height:1px">
<b>住んでるとこ</b>　☆　プロフィール
<hr style="border-style:solid;color:#ff6699;height:1px">
<b>性別</b>　☆　プロフィール
<hr style="border-style:solid;color:#ff6699;height:1px">
<b>年齢</b>　☆　プロフィール
<hr style="border-style:solid;color:#ff6699;height:1px">

<!--＊　おわり　＊-->

すいません。上記のタグは、ＨＰ用のプロフィールなんですが、写真を入れることのできるプロフィールなんです。。

が、上のほうに、写真ＵＲＬというのが、あって、多分そこに写真を入れるんですが、写真ＵＲＬって何ですか？マイピクチャーに入れてる写真を使うのですがＵＲＬなんかないです。。

どうしたらいいんでしょうか？

回答No.2

TESSILI · ベストアンサー

■回答
URLはそのファイルの住所を指します。
ネット上で任意のファイルを表示・再生させるには、住所を教えてあげないときちんと動作しません。

■画像の場所を探す。
表示させたい画像の上で右クリック、プロパティを選択。
全般に場所が表示されています。

■実験
場所をドラックドロップでコピー。
”写真URL”にペーストします。（””は消さない）
保存して、更新してみてください。
画像が表示されます。

次に適当なサイトへ行ってみてください。
そのサイトにある画像の上で右クリックし、プロパティを選択。
場所をコピーし、同様にペーストしてみてください。
そのサイトの画像が表示されます。

今のこれは絶対パスといいます。

■実践
デスクトップにフォルダを作ってください。（名前はA）
そのAの中にフォルダを作ってください。（名前はB）
Bの中に今編集中のHTMLファイルを入れてください。
Bの中にフォルダを作ってください。（名前はC）
■Aフォルダ
Ｌ■Bフォルダ
　・HTMLファイル
　Ｌ■Cフォルダ
こんな感じですね。

A,B,Cの中に表示したい画像を入れてください。（同じもの）
■Aフォルダ
・画像
Ｌ■Bフォルダ
　・HTMLファイル
　・画像
　Ｌ■Cフォルダ
　　・画像
こんな感じですね。

HTMLファイルを編集します。
まずB内の画像の名前をコピー。（プロパティはいらない）
”写真URL”にコピーした名前をペースト。
画像が表示されます。
※拡張子もしっかり入れてください。（～～.jpg ～～.gifなど）

次に今”写真URL”に入れた名前を編集します。
ペーストした名前の手前に「C/」と入力してください。
見た目は変わりませんが、Cフォルダの画像が表示されています。
つぎに今入力した「C/」を消し、「../」と入力します。
見た目は変わりませんが、Aフォルダの画像が表示されています。

これを相対パスといい、HTMLファイルから見たファイルの位置をいいます。
逆に絶対パスは完全な位置といえます。
相対パスのほうが処理が軽いのでお勧めです。
またPC上の絶対パスを入力してサーバーにアップロードしても他人には見えません。（貴方と同じファイルを同じ場所に持っている人のみ見えます）
相対パスは階層が登ったり下ったりするだけ「/」「../」が増えます。
例えばCの中にDを作れば「C/D/～～.jpg」となり、
Aの手前にEフォルダを作れば「../../～～.jpg」となります。
Aの中にFフォルダを作れば「../F/～～.jpg」となります。
参考にどうぞ。

以上。

お礼

できました＾＾

ビルダーを使いましたので簡単にできました。

本当にありがとうございます。

回答No.1

LancerVII

こんにちは。

最終的にサーバにアップロードして、その画像がどこにあるかで変わって来ます。

例えば、profile.htmlに上のタグを使ったとして、imagesフォルダに画像があるとします。
（profile.htmlはindex.htmlと同等のフォルダと仮定
　そこのフォルダの中にimagesフォルダがある）

すると、写真URLに入れるのは
./images/myPhoto.jpg

となります。

profile.htmlと同じフォルダに画像を入れる際は、
./myPhoto.jpg
となります。

今は、マイピクチャーに入っている画像もサーバにアップロードしなければ
いけません。

どこにアップロードするかにより、上のように内容が変わります。

お礼

なるほど★

本当にありがとうございます。

できるようになりました。