gpt4 book ai didi

html - 照片无法加载且链接已失效

转载 作者:太空宇宙 更新时间:2023-11-04 06:26:41 25 4
gpt4 key购买 nike

所以我用我的 github 存储库在 netlify 上托管了我的网站。我在网站上使用的所有照片和文件都在那里,但它们不会加载。只有所有文件夹之外的 index.html 和 style.css 才会加载。我有一个指向我的 github 存储库的链接。 Github Repo

html{
background-color:#abb2bc;
}

body{
margin:0;

}
h1 {
margin:0;
background-color: #363b42;
}
img{
width:250px;
}

.navbar{
text-align:center;
}

.blogpost{
background-color:white;
padding:5%;
margin:3%

}

#blogheader{
margin-top:15px;
}

.blogimage{
margin-top:25px;
}
<!DOCTYPE html>
<html>

<head>
<title>GamingCoachBlog</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<header>
<div class="navbar">
<h1>GamingCoach</h1>
</div>
</header>
<main>
<div class="blogpost">
<h2 id="blogheader">Recent Blog Posts</h2>
<a href="/Users/david/Desktop/Blog/Articles/Ten Fortnite Tips For Season 8/index.html"><img class="blogimage" src="C:/Users/david/Desktop/Blog/Images/How to get more wins in Fortnite.png" alt="How to get more wins in Fortnite"></a>
</div>
</main>
</body>

</html>

最佳答案

“C://”引用或本地引用不能联机使用。除此之外,不建议在网页名称和文件名中使用空格,因为某些浏览器可能不支持空格或会将它们转换为网络标准、“+”或空格的 unicode 标准 (U+0020),因此可以对它们执行更多操作。

修复:

Swap
src="C:/Users/david/Desktop/Blog/Images/How to get more wins in Fortnite.png"
with
src="Images/How to get more wins in Fortnite.png"

假设您的浏览器不反对空格,以解决您的问题并正确呈现照片。

关于html - 照片无法加载且链接已失效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55029111/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com