HTML тег Img для веб-страницы

Question

Я делаю проект, чтобы поступить в школу кодирования, и требования в том, чтобы создать страницу и поместить img на страницу. Я пытался загрузить фотографию с Google и скопировать URL-адрес и поместить его в атрибут src, и он не работает. Ни одно изображение не появилось, и я пытался примерно 4 или 5 раз.

Я использую тег img следующим образом: <img src=“url”>.

Если кто-то знает, что я делаю неправильно, вы можете мне помочь

Answer 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» также находится в «Папке»)