![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
HTMLを少しかじっている者です。
仕事の関係で、とあるサイトのデータをローカル上に落として、ローカル上で動くようにしているのですが・・・・
サイトのソースを見た所、画像のファイル名のURLの書き方が以下のようになっています。
<img src="/image/gazou.gif">
私は以下のような書き方しか知らないのですが、
<img src="gazou.gif">
<img src="image/gazou.gif">
<img src="../image/gazou.gif">
<img src="/image/gazou.gif">この書き方も相対パスの書き方なんですか?
本当に、少しだけHTMLをかじっているだけなので、もしかしたら基本的な事なのかも知れませんが、みなさまどうか、教えてください。
No.1ベストアンサー
- 回答日時:
頭文字が"/"なのは絶対パスです。
/は「ルート」といい、一番のおおもとです。
"./image/gazou.gif"
なんていう書き方もありますね。これは、htmlファイルとおなじディレクトリを指す相対パスです。
"gazou.gif"と結果的に同じですが、"./"というのを必要とするサーバがありますので参考までに。
参考URL:http://www.hicat.ne.jp/home/tomcre/publish/publi …
素早い回答をありがとうございます。
なるほど・・・絶対パスなんですね。
参考URLのすごく参考になりました。
ありがとうございました!
No.2
- 回答日時:
こんばんは
「/image/gazou.gif」は絶対パスです。
imageがルートディレクトリっていうのは不思議な感じがしますが、「/」で始まっているのでそういうことになります。
ところで、素朴な疑問なのですが
「/image/gazou.gif」の記述で画像はちゃんと表示されているのでしょうか?
>「/image/gazou.gif」の記述で画像はちゃんと表示されているのでしょうか?
質問に<img src="/image/gazou.gif">と、書いてしまったんですが、間違えてました。
ソースは<img src="/program/image/gazou.gif">と、書いてありました。
ご回答、ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンクを知らせる手のマークが...
-
メニュー
-
HTMLタグ記述の方法
-
ボタンをセル内一杯に表示させ...
-
アップロードするとレイアウト...
-
ポップアップウィンドウのサイ...
-
これは相対URLなんですか?
-
jqueryの画像切り替え
-
<img src="00.gif" border="0">...
-
JPEG写真がアップロードされない
-
html言語でホームページ
-
CSSでボックスの位置を変えたと...
-
送信ボタンのたぐについて・・・
-
CSS での画像サイズの上限設定...
-
CSSレイアウトでのimgへのスタ...
-
スタイルシート line-heightの...
-
htmlで画像を2個ずつ並べていき...
-
htmlの文字が縦書きになる
-
個別にリンクの色を変える方法
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンをセル内一杯に表示させ...
-
リンクを知らせる手のマークが...
-
htmlで画像を2個ずつ並べていき...
-
ポップアップウィンドウのサイ...
-
画像のサイズが変わらない
-
【HTML/CSS】ボタンの枠が伸び...
-
XML画像データををHTMLで簡単に...
-
UDP通信を使うチャットプログラ...
-
リンクを選択したときの青い枠...
-
favicon.ico はもういらない?
-
CSSの左横に隙間ができてしまい...
-
HTMLのIMAGEに。。
-
table で画像をピッタリとくっ...
-
画像とテーブルの隙間をなくす。
-
縦長広告をウェブページの右側...
-
ホームページで画像を横に並べ...
-
リンクをつけた画像をクリック...
-
HTMLは、シングルクォートかダ...
-
サムネイルをマウスオーバーす...
-
c言語を用いて画像の透明度をあ...
おすすめ情報