Images not loading HTML-CodePudding

I have been through multiple threads but none of then are specific enough, I have got a very basic website on netlify and my images wont load. They are there as i copy and pasted the url in my code into the browser, I have tried everything I know of Is there anything I can do to fix this?

<body id="p">
<img scr="https://colourpicker23.netlify.app/images/image.jpg" alt="image should be here"></img>
<label for="colorWell">Color:</label>
<input type="color" value="#ff0000" id="colorWell">
</body>
</html>```

CodePudding user response：

You mispelled source "src"

CodePudding user response：

You are using scr instead of img src property:

<img src="https://colourpicker23.netlify.app/images/image.jpg" alt="image should be here"></img>

Fixing this line should allow your image to render

CodePudding user response：

try this :

<body id="p">
   <img src="https://colourpicker23.netlify.app/images/image.jpg" alt="image should be here" width="20%"/>
   <label for="colorWell">Color:</label>
   <input type="color" value="#ff0000" id="colorWell">
</body>

CodePudding user response：

You have "scr" instead of "src" in your img tag. Just use the right spelling and it will works.