import a '.jpg' image to my project file?

 

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

29 comments
Comment actions Permalink

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

<img alt="" src="./assets/icon.jpg" />

 

0
Comment actions Permalink

Yes, a webpage design perhaps.  I have it like this: 

<p><img> scr="47019-0.jpg_RebelFlag.jpg" alt="RebelFlag" width="2000" height="2000"/></p>

Should the image be in the external libraries in WebStorm or is that not the same as my project folder?

0
Comment actions Permalink

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

0
Comment actions Permalink

 

Okay, thanks.  I'll work on it and see what I get.

 

 

0
Comment actions Permalink

 

 

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.

0
Comment actions Permalink

Please could you clarify what you mean? Some screenshots might be helpful

0
Comment actions Permalink

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.

 

 

 

 

0
Comment actions Permalink

Strange

Please share your project (zip the project directory and upload it to some file server)

0
Comment actions Permalink

 

Can you elaborate on that?  Like where is the project directory and how to upload to which file server?  

0
Comment actions Permalink

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.

1
Comment actions Permalink

 

 

So maybe start a new project with that same file renamed?  Could the method be wrong?

0
Comment actions Permalink

You can rename a file in your current project, no need to start a new one

1
Comment actions Permalink

 

Okay then, I can work on that later. Thanks.

0
Comment actions Permalink

 

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.

 

0
Comment actions Permalink

No idea - looks as if the browser can't resolve your images using the specified URLs; please share your project

0
Comment actions Permalink

From your screenshots I can see that your are using the wrong syntax

<image> scr="47019-0.jpg_RebelFlag.jpg" alt="RebelFlag" width="2000" height="2000"</image>

instead of

<img scr="47019-0.jpg_RebelFlag.jpg" alt="RebelFlag" width="2000" height="2000"/>
0
Comment actions Permalink

  

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?

 

0
Comment actions Permalink

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

0
Comment actions Permalink

 

 

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.

 

 

0
Comment actions Permalink

 I think I will just give up for now and leave it with no image of a flag and move on to something else.

 

-1
Comment actions Permalink

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

0
Comment actions Permalink

Close the project, remove it from the Recent projects list, shut down the IDE. Then delete the project folder

0
Comment actions Permalink

 

 

yea!  it's gone.  thanks.

 

 

0
Comment actions Permalink

 

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?

0
Comment actions Permalink

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

<img src="./path/to/image" />
0
Comment actions Permalink

 

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.

0
Comment actions Permalink

Hey, it actualy worked!  It is just a practice page though.  

 

0
Comment actions Permalink

 

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.

 

0

Please sign in to leave a comment.