Question

我对html和CSS非常陌生。我正在尝试在项目中包含图像。

html文件具有以下代码：

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> AirTable GUI For Arcade </title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="/style.css">
  </head>

  <body>
    <header>
      <h1> GUI Test </h1>
    </header>

    <img src="full_recycle_bin-512.png"/>
  </body>

</html>

图像文件 full_recycle_bin-512.png 与html文件本身位于同一文件夹中，因此我不必使用图像的完整路径，但是即使使用完整路径，图片不会出现。当我使用ngrok运行项目时，我只会得到损坏的图像图标。任何帮助表示赞赏！

Answer 1

我建议您右键单击损坏的图像并复制图像地址，以便您知道图像路径是否正确。

图片在HTML中显示为断行

1 个答案: