import a '.jpg' image to my project file? Follow
Hello?,
Can you tell me how to get or import a '.jpg' image into my project file? I can't seem to find the coding it takes in my school notes. I want to see if it shows up in the google browser.
Thanks,
~ Richard Moore
Please sign in to leave a comment.
Not sure I follow you... Would you like this image to be included in your web page? You need copying the image file to your project folder and then including it in your .html using the <img> tag, like
Yes, a webpage design perhaps. I have it like this:
Should the image be in the external libraries in WebStorm or is that not the same as my project folder?
No, libraries won't work here, the browser that runs your code knows nothing about them. The file should be located in your project folder, in the same folder as you HTML file, as the paths like the one you specified in src attribute are resolved relative to current HTML file location
Okay, thanks. I'll work on it and see what I get.
Can you tell me what's missing, when I click on the google chrome icon to open my html file is does not come out as a webpage view.
Please could you clarify what you mean? Some screenshots might be helpful
Okay, here are a couple of screenshots of my html file in webstorm and the html file opened up in opera browser. It did not come out like I expected as a webpage view, it came out as still just the html coding.
Strange
Please share your project (zip the project directory and upload it to some file server)
Can you elaborate on that? Like where is the project directory and how to upload to which file server?
Looking at your screenshot... it looks like the file has no extension (e.g. .html or .htm) so the browser treats it as plain text.
I suggest you rename the file in the IDE ("Refactor | Rename" if case if you do not know how) ... or do in your file manage if you prefer it (just after that hit the Sync/Refresh button and locate the renamed file) and try again with that "new" file.
So maybe start a new project with that same file renamed? Could the method be wrong?
You can rename a file in your current project, no need to start a new one
Okay then, I can work on that later. Thanks.
Can you tell me why my project looks like this in a browser?:
I still can't get the image of the rebel flag to show on my browser page. I suppose there is something wrong with my coding.
No idea - looks as if the browser can't resolve your images using the specified URLs; please share your project
From your screenshots I can see that your are using the wrong syntax
instead of
Please see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img for information about this tag
Well, let me say I've alwasy had a hard time understanding that word syntax. Could you point out which one is the syntax in my coding. Is it the RebelFlag.jpg that is a syntax or something else?
I have no idea what your actual (current) syntax looks like, I can only see the code on your screenshots in https://intellij-support.jetbrains.com/hc/en-us/community/posts/4406217160594/comments/4406271501842, and the syntax used there is wrong - wrong tag name, missing attributes
Okay, well back to the drawing board. This could take awhile though. I need to do some more study on the subject of images with html coding.
I think I will just give up for now and leave it with no image of a flag and move on to something else.
Hello?,
Can you tell me how to delete my project? I want to completely remove it. Begin a different project all together with without this old project. Not just rename it, but completely remove it.
Thanks,
Richard
Close the project, remove it from the Recent projects list, shut down the IDE. Then delete the project folder
yea! it's gone. thanks.
Do you think if take a picture of someting with my cellphone it would be able to be coded an show in my next attempt at a project?
Would you like to include this picture in your web page? Yes, it will work if you download the image file to your computer and save it next to your .html file, and then include it via the
Right.? Okay then, I'll see if I can get it to show on the page. I'm just experimenting with my code for now. I don't really know what I can do. Seems to me it could work, but then agian, doesn't it take more than one designer to create a site. A higher tier perhaps with the knowelge.
Hey, it actualy worked! It is just a practice page though.
I am looking for an answer to can a CSS go in this page or how can it be done, on a separate page linked to that page? Of course it is just in the beginning stage of what codes I can come up with. I am finding it difficult to center the data on the page I have.