プロが教えるわが家の防犯対策術!

テンプレートをお借りしてメモ帳などを使いながら
ホームページを作っています。(かなりの初心者です..)
お借りしているサーバーはFC2です。
まだ作っている途中なのでファイル等は何もアップロードしていません。

そこで画像について質問させてください><
ホームページに素材屋さんからお借りした画像を貼りたいのですが
<img src="画像のURL" こういうタグをまず書き加えますよね。
この「画像のURL」はどこで調べられるのですか?
画像を右クリックしてプロパティに載っているURL、またはファイル名をそのまま入力したら
直リンになってしまいますよね?;;
どこで画像をアップロードしてURLを調べればいいんでしょうか?

A 回答 (5件)

三度の連投申し訳ありません。


サンプルを用意いたしましたのでご覧ください。
内容は先の記事の項目すべての見本となります。
http://www27.atpages.jp/stepmaniasongs/sample.zip
    • good
    • 0
この回答へのお礼

ありがとうございます><
とても勉強になりました!

お礼日時:2012/09/23 19:15

>>3です。


画像を添付したらFLASHになってしまってダウンロードできませんので、
下記URLから直接ダウンロードをお願いします。
http://www27.atpages.jp/stepmaniasongs/topbn.jpg
    • good
    • 0

まず、以下の内容をメモ帳にコピーして、名前をつけてhtmlとして保存し、


画像をダウンロードして保存したhtmlと同じ場所に置きます。

↓ここからコピペ↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>テストサイト</title>
<style type="text/css">
<!--
body {
background: #000;
width: 800px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}

p.col1 {
color: white;
}

p.col2 {
color: white;
text-align: center;
}

p.col3 {
color: white;
text-align: right;
}

img {
border: none;
}
-->
</style>
</head>
<body>
<img src="topbn.jpg" alt="テストロゴ" /><br />
<p class="col1">
サンプルテキスト1<br />
サンプルテキスト2<br />
サンプルテキスト3
</p>
<p class="col2">
サンプルテキスト4<br />
サンプルテキスト5<br />
サンプルテキスト6
</p>
<p class="col3">
サンプルテキスト7<br />
サンプルテキスト8<br />
サンプルテキスト9
</p>
</body>
</html>
↑ここまでコピペ↑

保存したhtmlファイルを開くと、画像が表示されているのがわかると思います。
画像のURLと言うのは、<img src="topbn.jpg" alt="テストロゴ" />となり、
つまり、htmlファイルから見てどこに保存されたどの画像であるかって言うのを
指定してくださいって言う意味なのです。
この場合はhtmlファイルと同じ場所に保存されているtopbn.jpgと言う画像を
表示させなさいと言う内容なのです。
これが例えばhtmlファイルを置いている場所にimgと言うフォルダを作って、
その中に画像を入れたとしたら、画像のURLはimg/topbn.jpgとなるわけです。
何となくわかりますか?
「画像のアップロード場所がわかりません」の回答画像3
    • good
    • 0
この回答へのお礼

詳しくありがとうございます。
とてもわかりやすく勉強になりました;;

お礼日時:2012/09/23 19:17

><img src="画像のURL" こういうタグをまず書き加えますよね。



普通は、こうは、書きません。
直リンクなら"画像のURL" で書くケースもあるでしょうが、貴方も書かれているように普通は、直リンクは、しないものです。

素材先がHPでの使用を許可されているなら、それを一度自分のパソコンにDLして、そのDL先と相対的にリンクをさせます。
Hlmlファイルと同じフォルダーにDLするなら<img src=画像名>で良いはずです。
    • good
    • 0
この回答へのお礼

ありがとうございます。
問題解決できました。

お礼日時:2012/09/23 19:18

絶対アドレスで記載する必要は有りません


相対アドレスで記載してください
    • good
    • 0
この回答へのお礼

ありがとうございます。
問題解決できました。

お礼日時:2012/09/23 19:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!