テンプレートをお借りしてメモ帳などを使いながら
ホームページを作っています。(かなりの初心者です..)
お借りしているサーバーはFC2です。
まだ作っている途中なのでファイル等は何もアップロードしていません。
そこで画像について質問させてください><
ホームページに素材屋さんからお借りした画像を貼りたいのですが
<img src="画像のURL" こういうタグをまず書き加えますよね。
この「画像のURL」はどこで調べられるのですか?
画像を右クリックしてプロパティに載っているURL、またはファイル名をそのまま入力したら
直リンになってしまいますよね?;;
どこで画像をアップロードしてURLを調べればいいんでしょうか?
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
三度の連投申し訳ありません。
サンプルを用意いたしましたのでご覧ください。
内容は先の記事の項目すべての見本となります。
http://www27.atpages.jp/stepmaniasongs/sample.zip
No.4
- 回答日時:
>>3です。
画像を添付したらFLASHになってしまってダウンロードできませんので、
下記URLから直接ダウンロードをお願いします。
http://www27.atpages.jp/stepmaniasongs/topbn.jpg
No.3
- 回答日時:
まず、以下の内容をメモ帳にコピーして、名前をつけて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となるわけです。
何となくわかりますか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 画像ファイルの名前をそのままURLにする 3 2022/10/16 11:18
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- その他(IT・Webサービス) ロリポップのレンタルサーバーを借りてます。(一般的な安いプラン) 元々はホームページでも作ろうと思っ 1 2023/05/24 19:54
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- MySQL PHP 画像のアップロード Qiita 2 2022/11/28 04:44
- FC2ブログ どうやるのか、さっぱり分かりません。ブログ引っ越したいと思っています(URLだけを変えたい)。 3 2022/12/01 07:40
- Google Drive Googleドライブについて 3 2023/08/06 12:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
予約語の表示について
-
FC2ショッピングカートのカスタ...
-
画像の一部をクリックして画像...
-
画像がテーブル内に収まらない
-
HTMLだけで画像をクリックして...
-
[twip]から[pixel]への変換
-
元々あるファビコンが消えない
-
HTMLでHP制作、画像の横にアン...
-
windowsは画像にマウスオンで画...
-
<img src="相対パス">の絶対パ...
-
画像が一定時間で入れ替わるバナー
-
カウンターのHTMLソースを教え...
-
「DecareステートメントにPtrSa...
-
<A href= と<IMG srcの使い分け
-
HTMLタグ 文章カテゴリか...
-
HTML文書 画像の保存の仕方
-
クリッカブルMAP領域が分かる様...
-
tifファイルが表示されない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
タイトルバーに画像を入れるHTM...
-
form以外でのpostってできますか?
-
HTMLでデスクトップの画像がでない
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
すいません HTMLです この画像...
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
クリックしても、リンクに飛ば...
-
特定の画像ファイルでレイアウ...
-
カウンターのHTMLソースを教え...
-
バナーのURLについて
-
クリッカブルMAP領域が分かる様...
おすすめ情報