gpt4 book ai didi

html - png 文件未显示在 HTML5 页面上

转载 作者:行者123 更新时间:2023-11-28 04:47:56 25 4
gpt4 key购买 nike

我创建了一个小网页。我将 png 文件放在与 index.html 相同的位置。但它没有显示。

这是我的html代码:

<!DOCTYPE html>
<html>

<head>
<title>Welcome to Learners lingo!! </title>
<meta charset=“UTF-8”/>
<link rel=“stylesheet” href=‘styles.css’ type=“text/css” >
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>


</head>
<body bgcolor="#e6ecff">
<header class=“mainHeader”>
<img src=‘logo.png’ alt=“logo” width="42" height="42">


<nav><ul>
<li><a href=“#”>Home</a></li>
<li><a href=“#”>About</a></li>
<li><a href=“#”>Course material</a></li>
<li><a href=“#”>Nasty Things</a></li>
<li><a href=“#”>Contact</a></li>
</ul></nav>
</header>

<div class=“mainContent”>
<div class=“content”>
<article class=“top content”>
<header>
<h2><a href=“#” title=“First Post”>First Post</a></h2>
</header>
<footer>
<p> class=“post-info”>This post is written by Me !</p>
</footer>
<content>
<p> Just this is one of the main content </p>
</content>
</article>
</div>
</div>

<aside class=“top-side-bar”>
<article>
<h2> Top side bar</h2>
<p> This is just a side bar </p>
</article>
</aside>

<aside class=“middle-side-bar”>
<article>
<h2> Middle side bar</h2>
<p> This is just a side bar </p>
</article>
</aside>

<aside class=“Bottom-side-bar”>
<article>
<h2> Bottom side bar</h2>
<p> This is just a side bar </p>
</article>
</aside>

<footer class=“Main Footer”>
<p> Copyright &copy; <a href=“http://www.learnerslingoo.net”> Learners Lingoo </a> </p>
</footer>
</body>

</html>

谁能帮我理解为什么图像没有显示。我一直试图从几个小时内解决它,但不确定我在做什么错误。文件名是正确的。一个简单的logo.png

enter image description here

最佳答案

您应该使用常规的单引号 (') 或双引号 ("),而不是 ' :

<img src="logo.png" alt="logo" width="42" height="42">
<!--Here-^--------^-----^----^ -->

关于html - png 文件未显示在 HTML5 页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40063292/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com