网页的 HTML Img 标签答案

【问题标题】：HTML Img tag for webpage网页的 HTML Img 标签
【发布时间】：2019-09-30 21:03:09
【问题描述】：

我正在做一个项目进入编码学校，要求是建立一个页面并在页面上放一个img。我一直在尝试从 google 上传照片并复制 url 并将其放在 src 属性下，但它不起作用。没有显示任何图像，我尝试了大约 4 或 5 次。

我像这样使用 img 标签：<img src=“url”>。

如果有人知道我做错了什么，你能帮帮我吗？

【问题讨论】：

使用直引号"" 而不是“智能引号”“”。
请向我们提供您项目的完整代码。除了看起来不错的缺少的结束标签<img {...} />
Why won't my image show in HTML?的可能重复
欢迎来到 Stack Overflow。您应该考虑构建一个 minimal reproducible example 以包含在您的问题中。您的问题非常简单，因此您可能会插入到目前为止您尝试过的所有 html 代码。

标签： html image

【解决方案1】：

您的图片未显示实际上可能有几个原因！

我列出了 3 种不同的引用图像的方法，这样你就可以在学校的代码中测试它们！

<style>
	img {
		height: 100px;
	}
</style>
<div>
	In the same folder
	<br/>
	<img src="code.jpg"/>
<div>
<br/>
<div>
	In a sub folder
	<br/>
	<img src="./Folder/code.jpg"/>
<div>
<br/>
<div>
	From a URL
	<br/>
	<img src="https://images.unsplash.com/photo-1454165205744-3b78555e5572?auto=format&crop=entropy&cs=tinysrgb&dpr=1&fit=crop&h=1000&q=80&w=1500"/>
<div>

您的文件夹结构如下所示：

（“code.jpg”也在“文件夹”中）

【讨论】：