前提・実現したいこと
HTMLページからAタグのリンクをクリックすると、他のHTMLが開くソースコードを書きたいと思っています。
そこで下に貼ってある様にソースコードを書いてみたのですが、Aタグのリンク先のHTMLファイルで画像が表示されません。
絶対パスで画像のパスを通した際には、Aタグを通してリンク先のHTMLでも画像が表示されるのですが、相対パスで画像のパスを通した際には、画像が表示されません。
どうすればAタグのリンク先のHTMLで画像を表示させる事ができますか?
HTMLの環境
・All_Sample内の各フォルダー内に表示すべき画像が入っています
・Atag内に下記の"Aタグのリンク先に表示するページ"のHTMLが入っています
・CSS_Folder内にCSSファイルが入っています
・Page内に下記の"一番最初に表示するページ"のHTMLが入っています。
C:. ├─All_Sample │ └─B2_KurumiMame_img061c.jpg │ ├─EllipsedPicture │ ├─Ellipsed_Figure │ ├─NotEllipsedPicture │ └─NotEllipsed_Figure ├─Atag ├─CSS_Folder └─Page
一番最初に表示するページ
HTML
1 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>Progate</title> 6 <link rel="stylesheet" href="..//CSS_Folder//10_10_BeanArray.css"> 7</head> 8 9<body> 10 <div class="arrayPicture"> 11 12 <div class "img Ellipsed_Lab_img061c.jpg_92_10_1.png"> 13 <p>X10Y1</p> 14 <a href="..//Atag//Figimg061cX10Y1.html">Figure</a> 15 <img src ="..//All_Sample\B2_KurumiMame_img061c.jpg\EllipsedPicture//Ellipsed_Lab_img061c.jpg_92_10_1.png"> 16 </div> 17 </div> 18</body> 19
Aタグのリンク先に表示するページ
<html> <head> <meta charset="utf-8"> <title>hogehoge</title> <link rel="stylesheet" href="..//CSS_Folder//10_10_BeanArray.css"> </head> <body> <div class=AtagPictures_1> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//EllipsedPicture\Ellipsed_Lab_img061c.jpg_92_10_1.png"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//EllipsedPicture\Ellipsed_L_img061c.jpg_92_10_1.png"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//EllipsedPicture\Ellipsed_a_img061c.jpg_92_10_1.png"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//EllipsedPicture\Ellipsed_L_img061c.jpg_92_10_1.png"> <div class=AtagFigure_1> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//Ellipsed_Figure\Ellipsed_Lab_img061c.jpg_X_10_Y_1.svg"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//Ellipsed_Figure\Ellipsed_L_img061c.jpg_X_10_Y_1.svg"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//Ellipsed_Figure\Ellipsed_a_img061c.jpg_X_10_Y_1.svg"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//Ellipsed_Figure\Ellipsed_L_img061c.jpg_X_10_Y_1.svg"> <div class=AtagPicture_2> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsedPicture\Lab_img061c.jpg_92_10_1.png"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsedPicture\L_img061c.jpg_92_10_1.png"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsedPicture\a_img061c.jpg_92_10_1.png"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsedPicture\L_img061c.jpg_92_10_1.png"> <div class=AtagFigure_2> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsed_Figure\NotEllipsed_Lab_img061c.jpg_X_10_Y_1.svg"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsed_Figure\NotEllipsed_L_img061c.jpg_X_10_Y_1.svg"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsed_Figure\NotEllipsed_a_img061c.jpg_X_10_Y_1.svg"> <img src ="..//All_Sample//B2_KurumiMame_img061c.jpg//NotEllipsed_Figure\NotEllipsed_L_img061c.jpg_X_10_Y_1.svg"> </div> </body>
試したこと
Pageに入っているHTMLからAタグのリンクをクリックした先のHTMLでは画像が表示されなかったのですが、Atagのフォルダーから直接HTMLを開いた際には画像が表示されました。
回答1件
あなたの回答
tips
プレビュー