Question

我制作了一个运行良好的html文件，但将其上传到一些免费的域主机后，未加载某些图像。 This是网站，this是它的外观

<!doctype html>
<html>
<body id="grad1">
<link rel="stylesheet" type="text/css" href="stylenav.css">
<div class="nav" align="right"><font size="4%"><!--NAV BAR-->
    <nav>
            <font size="3%"><a href="main.html" title="Home" class="navb" target="bottom" id="navb1"><b><img src="icons/home.png" height="30%" width="30%" class="invert"></b></a></font>
            <font size="3%"><a href="about.html" class="navb" target="bottom" id="navb2"><b><img src="icons/about.png" height="30%" width="30%" title="About" class="invert"></b></a></font>
            <font size="3%"><a href="gallery.html" class="navb" target="bottom" id="navb3"><b><img src="icons/gallery.png" height="30%" width="30%" title="Gallery" class="invert"></b></a></font>
            <font size="3%"><a href="favorites.html" class="navb" target="bottom" id="navb4"><b><img src="icons/favorites.png" height="30%" width="30%" title="Favorites" class="invert"></b></a></font>
            <font size="3%"><a href="hobbies.html" class="navb" target="bottom" id="navb5"><b><img src="icons/hobbies.svg" height="30%" width="30%" title="Hobbies" class="invert"></b></a></font>
        </font>
    </nav>
        <div align="left" style="margin-top: -5%; color: #eb4979;">
            <img src="images/logo.png" height="40%">
            <font size="10%"><b><span style=" position: absolute; margin-top: 10; text-shadow: 0 0 3px rgba(0, 0, 0, .8)">Dexter Silva</span></b></font>
        </div>
    </div>
</body>
</html>

Answer 1

请检查是否已上传所有文件...例如，我找不到

<img src="images/logo.png" height="40%">

服务器上的

images / logo.png。

icons / favorites.png 也应位于 images / icons / favorites.png 中因此找不到图片。

某些服务器区分大小写，因此请确保您的html找到了

顺便说一下，继续尝试提示：您的菜单按钮会打开新页面。更好地在同一页面上显示您的内容尝试类似https://www.w3schools.com/howto/howto_js_curtain_menu.asp

Answer 2

您的图片位于嵌套文件夹中，请添加images/ 链接到正确文件夹的路径： src="images/icons/favorites.png" 代替 src="icons/favorites.png"

上传html文件后，其损坏的图像

2 个答案: