我正在做一個制作食譜網站的專案。在我的 odin-recipes 目錄中，我有我的 index.html、index.css 和兩個目錄（食譜和照片）。我正在嘗試使用我的照片目錄中的照片顯示在 index.html 上，但它顯示如下所示。我是否可以使用另一個目錄中的照片，或者最好也擁有與 index.html 相同級別的照片副本？
這是我當前的完整 index.html 代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Odin Recipes</title>
<link rel="stylesheet" href="index.css">
</head>
<!-- resize div start -->
<div style="min-width: 960px; margin: 0 auto;">
<body>
<div class="header">
<h1>Odin Recipes</h1>
</div>
<div class="recipe-list">
<span class="spaghetti"><p><a href="recipes/spaghettiAglio.html">Spaghetti Aglio</a></p></span>
<span class="gyudon"><p><a href="recipes/gyudon.html">Gyudon (Beef Bowl)</a></p></span>
<span class="caldereta"><p><a href="recipes/caldereta.html">Caldereta</a></p></span>
</div>
<div class="images">
<span> <img src="/photos/spaghettiAglio1200x1800.jpeg"> </span>
<span> <img src="/photos/gyudon1200x1800.jpeg"> </span>
<span> <img src="/photos/caldereta1200x1800.jpeg"> </span>
</div>
</div>
<!-- resize div end -->
</body>
</html>
uj5u.com熱心網友回復：
您描述檔案結構的方式需要洗掉所有檔案路徑中的第一個 （在標簽的屬性中，也可能在鏈接的屬性中）以獲得“照片”和“食譜”的正確相對檔案路徑與您的 HTML 檔案處于同一級別的檔案夾。/srcimghref
那將是例如<img src="photos/spaghettiAglio1200x1800.jpeg">
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/497050.html
標籤：html