Question

    <!DOCTYPE html>
<html>
<img src = "IMG_0688" />
  <head>
    <title>An Unexpected Journey</title>
    <link href='https://fonts.googleapis.com/css?family=Playfair+Display:900|Raleway:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div class="container">
        <h1>GoalBike</h1>
      <a class="btn" href="#">Get Started</a>
    </div>
  </body>
</html>

问题：无法在html中显示图像（来自comp。）。我的结果是页面上的img图标。这是我用来研究的视频： https://www.youtube.com/watch?v=Qerz5CQa2A8 这是我的结果的图像： enter image description here

Answer 1

您的源图片不存在，<img src = "IMG_0688" />，请确保您在存储IMG_0688文件的文件夹中有一个名为html的图像文件。

Answer 2

问题是src属性需要文件扩展名。该文件以.jpg，.png，.gif或类似内容结尾吗？将其包含在src属性中。

<img src = "IMG_0688.png" />

另外，请确保路径正确。目前，HTML将在其所在的同一目录中查找图像。如果图像位于不同的目录中，请记住在文件名之前包含路径。

Answer 3

确保图片路径应以文件扩展名
更正

Answer 4

    .username {
        padding: 0 30px;
    }

    .image img {
        width: 50px;
    }

<table class="table" border="1">
    <thead>
    <tr>

        <th scope="col">image</th>
        <th scope="col">username</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td class="image"><img src="https://i.ibb.co/3B4R1sV/Layer-963.png"></td>
        <td class="username"><a href="#" style="text-decoration:none; color:rgb(0,0,0)">
                <div class="article-box"><h3>ali sabah</h3></div>
            </a></td>
    </tr>
    <tr>
        <td class="image"><img src="https://i.ibb.co/4RR5vW8/Layer-960.png"></td>
        <td class="username"><a href="#" style="text-decoration:none; color:rgb(0,0,0)">
                <div class="article-box"><h3>ali sabah</h3></div>
            </a></td>
    </tr>
    <tr>
        <td class="image"><img src="https://i.ibb.co/8sxv63g/1554994202ad2d372122bd9c34ebffaf2dfbaaa36c.jpg"></td>
        <td class="username"><a href="#" style="text-decoration:none; color:rgb(0,0,0)">
                <div class="article-box"><h3>ali sabah</h3></div>
            </a></td>
    </tr>

    </tbody>
</table>

Answer 5

只需使用如下所示的html图像标签，

例如：

<html>
<img src="C:\Users\Developer\Downloads\prakash.jpeg" alt="Smiley face" 
 height="42" width="42">
</html>

注意：您需要在 src 处传递图片文件路径。

Answer 6

我的问题的答案是，我没有告诉计算机，也许是网络浏览器是什么样的图像。

如何在html中显示图像

6 个答案: