How do you expect an image to be represented in html code? More on reddit.com

Reddit is where millions of people gather for conversations about the things they care about, in over 100,000 subreddit communities. More on reddit.com

You are going from relative or document-level linking to direct linking. Here's the difference Relative linking is like this: The page that the code is stored in is in the same directory as the image. As long as the filename is spelled exactly the same, this will work fine. If for example You had a folder where you kept all the images in your site then you would need to reference that like so: So the index.html or whatever that this code is in, is in a directory that also contains a folder called "photos". In that photos folder there would be a file called cat.jpg. With this method, all links are relative to the document that is referencing them. Direct linking is like this or It doesn't matter where the image is located at on the server so long as you provide the full path. It also doesn't matter if the document that is referencing the image is hosted on the same server, in the same folder, or just being ran locally off your desktop. The link doesn't have anything to do with the location of the document, so it's not document relative, it's just directly linking to the file. The image doesn't have to be on a server either, it can be on your local machine and be directly linked to. Like so: or more simply, Direct linking to a file on your local machine is almost always a bad idea though. Relative linking is much more convenient, allowing you to relocate your site's folder from one location to another without worry. The only time I direct link to something is if it's hosted by a 3rd party, like an embedded youtube video, or a more simple example, if I wanted to have my image hosted on Imgur or something and just send a single html file and not have to worry about attaching a bunch of images because they'd all be hosted on someone else's server and I'd just direct link to them so they'd always load so long as the user opening the html file has an internet connection and the image host isn't blocked for some reason. The downside to this is that image hosts usually delete your images after like 6 months. There is actually one more way of putting your image on a page, it's a lot more advanced though. And for a simple introductory class you're better off not playing with it for your assignments. But I'll mention it anyway. Direct embedding! This is where you convert your image in to a text string and embed all of the data that makes up the image right in to your page. With this method you no longer need the image file at all, you're not linking to anything the data of the image is stored in the html file. Here's what it looks like: I know that looks like a ridiculous amount of data for an image but keep in mind this is for an extremely tiny 16x16 icon of a cat, an actual photo converted over to base64 would pages of text like this. There are benefits to this method. You only make one request to the server for the page so you don't have to wait on multiple requests to pull down the other files (images). Uses a little bit less bandwidth, etc. Downside is it's super ugly looking code and you can't easily swap out or instantly edit the image, you'd need to open the page in a browser and save the image out as a file first. Anyways, hope that clears things up for you. Sounds like you're doing it correctly, I'm guessing you're just spelling the filename wrong, make sure it's a .jpg and not a .jpeg or something like that. Or that isn't not capitalized or something. I always just copy/paste the filename in so I know it's spelled correctly. More on reddit.com

The big thing that I notice is that your alt doesn't have quotes around it.

So try changing:

<img scr=“john.deacon.jpg” alt=no> to

<img scr=“john.deacon.jpg” alt="no">

The other thing I notice is that your src="image.jpg" is spelled wrong. Change scr to src

Let me know if that helps! If you're still having issues, then my next assumption would be that your code doesn't reflect where your image is being kept. Make sure your image is in the same folder as your HTML file, or if your image is in a folder, your code should look like <img src="folder/image.jpg" alt=" ">

More on reddit.com