图像未在头部显示{HTML / CSS}

时间:2017-12-18 17:50:13

标签: html css image header

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

<!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>

我该怎么办?

1 个答案:

答案 0 :(得分:0)

如果您使用托管站点并使用,请在索引文件旁边放置图像(cvr.jpg)

<img src=cvr.jpg>