文章/答案/技术大牛

发布

问显示损坏图像的HTML
EN

Stack Overflow用户

提问于 2013-09-10 15:14:03

回答 2查看 40.6K关注 0票数 1

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

html

image

src

回答 2

Stack Overflow用户

发布于 2013-09-10 15:25:17

要使图像正常工作，您可以使用：

绝对路径：

<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

注意:在任何情况下，镜像都必须存在于给定的路径中。

票数 5

Stack Overflow用户

发布于 2013-09-10 15:24:34

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

src="“中的内容应该是路径，而不是图像的标题。这意味着您应该输入战舰-游戏-board.jpg的路径，而不是图像名称。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18712701

复制

相似问题

问显示损坏图像的HTML
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示损坏图像的HTMLEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示损坏图像的HTML
EN