图片未显示在头部 {HTML/CSS}答案

【问题标题】：Image not showing in head section {HTML/CSS}图片未显示在头部 {HTML/CSS}
【发布时间】：2018-07-17 01:49:42
【问题描述】：

我是 HTML/CSS 的初学者。我想设计一个包含一些图像、徽标和图标的页面。我想在标题部分添加带有图标的徽标和社交媒体链接。但我的 HTML/CSS 代码不显示图像。我已经在solid文件夹中拍摄了图像。

<!DOCTYPE html>
<html>

<head>
  <title>TahmidPro</title>
  <link rel="icon" href="home.png" type="image/png">
  <meta name="viewport" content="width=device-width" initial-scale="1.0">
  <style>
    * {
      box-sizing: border-box;
    }
    
    .head {
      padding: 40px;
      background-color: black;
      text-align: center;
      color: white;
    }
  </style>

</head>

<body>
  <div class="head">
    <div class="logo">
      <img src="images/cvr.jpg" alt="LOGO"></div>


    <div class="social"></div>

    <h1>Its Header</h1>

  </div>


</body>

</html>

我能做什么？

【问题讨论】：

尝试将图片拖入标签中，如果您的编辑器支持拖放，则可能路径不正确
对不起，不支持！请教另一种方式？
检查文件路径以确保。您的代码看起来不错。
调整格式
是你当前文件夹下的图片文件夹试试这个w3schools.com/html/html_filepaths.asp

标签： html css image header

【解决方案1】：

如果您正在使用托管站点并使用，请将您的图像（cvr.jpg）放在索引文件旁边并使用

<img src=cvr.jpg>

【讨论】：