Posting A pic In My Website

I Am Doing The Portfolio Project Of WebDesign , So How Do I Upload A pic In My Website

1 Like

To upload a picture, follow these steps:

  1. Make sure you have a urll to the picture from online or saved in a folder in your file manager on the hosting website you’re using for your website.
  2. Make sure you have a HTML file.
  3. Insert the <img src="" alt=""> in your HTML file, wherever you want to put it.
  4. Make sure to have the src="" with the correct file name or image link.
  5. I think you should know what alt="" does, and insert it.
  6. Now the image should be working!
2 Likes

no,I meant how do i upload pic(saved in folder) on codepen posts
like this one for example:https://codepen.io/atufa/pen/LYPNydY

P.S.:thanks for reply

1 Like

how do i post the pic of my projects in the last portfolio projects in the codepen

1 Like

you can’t upload pictures in codepen (if you are using the free version)
so you need to upload them somewhere else, and once you have them uploaded, use the url to do what @I-can-code-2010 said above

2 Likes

Try hosting them externally. Then import the url in your src attribute
I use cloudinary.com for hosting images and videos.
It has a free version and that’s the one I use.

2 Likes

I haven’t used codepen before excatly, so I diddn’t know that @ilenia. Like I said above, if you found the image online or it’s somewhere online, find that image you want to use and copy the image url and put in the src="". I’ve also seen your pen on the link. Not bad for starters actually!