我有以下 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/