gpt4 book ai didi

HTML 显示损坏的图像

转载 作者:行者123 更新时间:2023-12-05 01:03:05 24 4
gpt4 key购买 nike

我有以下 html 代码,当我在浏览器中将其拉出时,图像要么不显示,要么显示损坏的图像:

<!DOCTYPE html>
<html>
<head>
<title>Lets Play Battleship</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<h1>
Battleship
<p><img src="battleship-game-board.jpg" width = "120" height = "90"/></p>
</h1>


<p><a href="http://www.freeonlinegames.com/game/battleships"> Click Here to Play Battleship</a></p>

</body>
</html>

最佳答案

要使图像工作,您可以使用:

绝对路径:

<img src="http://www.domain.com/MyImages/battleship-game-board.jpg"/>

相对路径:

<img src="../MyImages/battleship-game-board.jpg"/>

如果图像存在于同一文件夹中,则 html 文件存在,那么您可以使用:

<img src="battleship-game-board.jpg" width = "120" height = "90"/>

更多详情 here

注意:在所有情况下,图像都必须存在于给定路径中。

关于HTML 显示损坏的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18712701/

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