Question

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

Answer 1

要使图像正常工作，请使用：

绝对路径：

<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

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

Answer 2

这是由于以下原因。

1＆gt; battleship-game-board.jpg不在同一档案的同一目录中。

2＆gt; battleship-game-board.jpg不包含有效权限。如果您使用的是linux，则必须在battleship-game-board.jpg图像上指定755权限。

您可以使用


    chmod 755 battleship-game-board.jpg

Answer 3

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

src =“”中的内容应该是路径，而不是图像的标题。这意味着你应该输入battleship-game-board.jpg的路径，而不是图像名称。

HTML显示损坏的图像

3 个答案: