► Browse WordPress Themes and Plugins:
We want to be able to display an image on our HTML page. In this lesson, we'll find out the numerous methods to attain this.
This belongs to the totally free Envato Tuts+ course 30 Days to Learn HTML & CSS:
Keep in mind: this course was published in 2012. Many of the tools and practices have altered and enhanced because recording, however the core concepts are still relevant.
For more fantastic website design courses and tutorials go to:
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+.
Discover totally free how-to tutorials and online courses. Style a logo design, create a site, develop an app, or discover a new skill:.
Envato Elements.
All the imaginative properties you need under one membership. Personalize your project by including special images, font styles, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Aspects:.
► Register For Envato Tuts+ on YouTube:.
► Follow Envato Tuts+ on Twitter:.
► Follow Envato Tuts+ on Facebook:.
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – -.
CSS Best Sellers
thanks man
It won’t open up the image file on my computer.
Same here, I just see a little photo icon where the image should be. Is it because I’m not using a Mac?
You should specify the address correctly
If this works like the comment
So are you allowed to take a image from online and use it on your website as long as you have cited the source somewhere on your site?
I love your series more than any others on youtube. I like the fact that you let us know that there are old ways to code things but you also show us the new ways that are standard. I have been watching many others on youtube before I found you and they would show us the out of date ways and would even say, “you shouldn’t do this or that but for the sake of the video I will do it the wrong way anyway”, then they wouldn’t tell us how to add the new up to date coding. So I finally found my home here with you. Thanks.
my image is not showing… it is save as a JPEG file just like in the video but it only shows the alt coments please help
Neither work for me 🙁
use this tag

if your pic is not in the same folder
Any else have that Udemy ad always come up? “Do you wanna code interactive websites today?”
well depends on your search values, google shows you the related advertising! I’m sick of wix websites myself lol i see it 100 times everyday on youtube 😀
try to save any image from the net first, it worked for me.
copy image url from google is working but saved pics not working …
same for me.
rename your image then follow the same procedure
the image name in the code has to be the same name in the folder
friends plz use this tag for images it really works

if your pic is not in the same folder
thanks man It’s working
hey! Good work. You are quite helpful. tutorials are going fine for me except one thing is that no link to internet work for me, neither the website links nor the photos link. please help. e.g Whenever I anchor http://www.facebook.com and click it, it show that YOUR FILE IS NOT FOUND and the address bar shows the following address: file:///C:/Users/HP/Desktop/learning/www.facebook.com
while in case of images, it just shoes the alternative text for the img (local images works fine)
my image destination is this ( “A:wallpapersMy PhotosFB_IMG_15262962904810050.jpg” ). so what should I give its source? Please help me.
not working
plz give us solution sir
always show the corrupted image box
don’t forget to add the file extension (.jpg .png etc)
Remember : Check the directory folder of the picture. You can also just copy the directory path and input the image file.
I have a problem, everytime i laod a picture from any source, it loads only a very small image that cannot be read or seen. Im pretty sure im doing everything right and yet still. When i inspect it it says that the image cannot be found, it is either missing or deleted. I have no clue what to do from this point
Wow that confidence!!!!!!
I have a question! Say I am uploading my own images from a phone, how do you re-size it so that they fit on the screen?
LuxFlies
1 second ago
it is 8 years later but my issue was because my folder name which is what you put before the image name and the “/” was incorrect as he just said to do “img'”
Hey, I’m just asking about how do you know whether the image is copywrited or not?
Sir when I saved the img and viewed it on edge / chrome it appears a really big img not as yours one
How to fix ??
Sir when I saved the img and viewed it on edge / chrome it appears a really big img not as yours one
How to fix ??
Your image file is big, that’s why. The resolution of the image needs to be lower, just open the image in paint or in photoshop and make it smaller 🙂