How to Insert an Image in a Webpage (HTML / XHTML)
HTML-код
- Опубликовано: 20 окт 2024
- Join my premium 2024 bootcamp here learnwebcode.t...
In this video we learn how to insert an image into a web page by hand, using HTML code.
You can also view this lesson in written format: learnwebcode.co...
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
/ learnwebcode
-Straight to the point
-10 years ago
-under 5 mins
Thank you
yup and it helped a ton
Bruh I'm here 10 fricking years later just coz i didn't properly listen in class.
lol same
hi there
not the only 1
same here
same lol
Same hahaha :D
samen
when you realize your watching something from the stone age
No way! All the way back to Windows 98.
lmao
I literally just noticed
😂😂😂
Gold age*
You’re awesome :) !
Even 10 years later you are still saving lives.
saving lives :D
This just got recommended to me today for some reason
Because You're A legend
RUclips be like: here learn to insert images, lol
This just helped me SOOOOOO MUCH~!!! I don't know why this was such a block before but the way you went with the entire flow showed me the importance of file placement!!!!!!!!!!! THANK YOU!!!!!!!!!!
You're very welcome! I'm glad the video could help you out.
ITS CORUPTEEDDD
My files were corrupted for some reason. Is there a way I can fix this?
Simple tutorial but exactly what I needed to know - thank you!
The thing you want to know is simple so it's obvious that the tutorial will be simple.
hehe shoegaze
mbv is great
You really helped me out man, so simple and old, yet not out of date, no matter how hard I tried listening at school it was just too hard, but with this I could do it first try, it's crazy, regardless, thank you once more
12 years later, still works, i love you my bro and hope the both sides of your pillow are cold
Oldies but goodies. The only coding that seemed easy to learn and apply was HTML even back in 2003 when I had zero programming knowledge.
Side tip, to align the image in the center of the browser page (my preferred method), add: (at the beginning of the line and) (at the very end ). So, it looks something like this:
YAY, thank you so MUCH!! Mine didn't work at first until I realized I needed to put Images/satellite.jpg as I have my image stored in a folder.
*me when I successfully add an image in the first try*
me-
(meme man) progromar
I have trouble with inserting an image but thanks to this video.
Keep uploading more of this sort of videos to help others, friend!
I like how straight forward and to the point the video was, it saved countless hours of pain and suffering, anyways, hope you're doing well.
Great work : )
@mikawahwah The file name can also be case sensitive. Also can you try adding a "/" slash right before the closing ">" symbol? That will close the element, and your browser may be getting tripped up on that.
Yes, I was struggling with getting the image ( in the same folder as my index.html file) showing up too. When I used a complete link to an actual published image on the web, no problem, but not when in a folder on my pc. Only when I added the "/" right before the closing ">" symbol it finally showed up.
Thanks, your teaching skills are very good!
I watched many videos and all the steps are just the same but none of them work. When I try it, a box with a cross (x) will appear. Help me pls.
Alyssa Samia had the same prob. But the new RUclips channel Rhymbil helped.
Get rid of the / at the end before the >
I was having the same issue until I got rid of that.
Same
Chris Churchill that did not work for me
Same
10 years later, your video is still working, sir. Thank you
Simple, precise, direct to the point. Thankyou
and 12 years ago this man made a legendary vid that helped me in grade 9.. Thanks bro!
even after 11 years, this video is still helping people, thanks for doing this!
when i tell you your the only video that has helped me with this omgggg thank you soo much
OMG!! I've been working on this one issue for over a week and finally stumbled on this video and IT WORKED. I'm so thankful and grateful for your help. I knew it had to be in the same folder and I assumed it was since I was doing evrything that everyone else suggested I do. I'm sooo happy. THANK YOU, GOD BLESS YOU 🙌🏾🙌🏾🙌🏾🙏🏾
God bless
amen🙏
@@Albert-oe3yg amen🙏
@@Albert-oe3yg god bless himself and you
god bless himself and you
14 years old tech still works thank u
Whoa this actually saved me a load of time I have been trying to figure it out for hours
I just wanted to say thank you for making this video it helped me a lot after 12 years
thanks so much I just started learning and this video finally taught me what I was missing
It's so good to see that an 11 years old channel is still running strongly
I am watching in November 2020, See the Difference between latest videos and these videos. Your are born genius 🤩
For everybody having problems even though they're positive their code is correct, try using notepad ++, worked like a charm
I've watched so many videos on this topic and yours is the only one that worked! Thanks so much
thank you I tried a lot of other videos from other channels and it never worked.This video actually helped me put an image to my html thank you
such good vibes and nostalgia, chill times
This guy is a master at tutorials.
Thanks! I love your simple style of editing, teaching, and awesomeness.
Just doing my Web development project and this has helped me soo much so I just want to say Thank You alot! you have helped in parts what ive forgotten.
Bro you are literally the best guy ever
THANK YOU SO SO MUCH, I COULDNT FIND ANY ANSWERS AND YOU JUST SAVE PROBABLY MY ENTIRE JOB MAN, TYSM
hey i did the same thing but the problem is i get the image but i cant see the image i get only the square box dude ...... plsss help me out ...
Videos 11 years ago : *getting straight to the content*
Videos now : *cringy 30sec intro* - *drop a like in the next few seconds...* - *90% of you watching my videos aren't subscribed* - *realising that I got clickbaited*
You sound just fine. Thanks for explaining this. You did better than my professor! Ignore the trolls
Nice tutorial, its clear and concise. good work.
thanks man, still relevant 12 years on lol
wow watching this after 10 years, when i need help in college assignment .
Thank you so much. I watched different videos but they didn't work but when I watched this video it worked.
Tried several different way of programming a photo in. Many Thanks to this video!
Correction, ways
Thanks man, a very simple tutorial, not like those tutorials who make their videos really confusing.
Wow....super simple...Thank you.
I was really struggling to do this.....but finally nowww im able to....i think i saw this video more than 5 times
I appreciate this.... I have no knowledge in programming. .. but your tutorials are so helpful. .. thank you. .. big time thanks
OMG THANK YOU SM!!!!! its so cool im watching a 12year video and it still works :D
I was 4 years old when this man made this vid!
Thank you, short and straight to the point. thx a lot
who watching 2019 ?
Thx for Like, have a good day
Meeeee
Me
Me tooo
Mee
me
thank you so much, i was really struggling to learn this for my computing exam and you helped so much
yay,this helped me a lot as because in technology,we are going to make our own website and it is going to be finished by this friday.
broken image solution- save your image with out file extension .jpg in the folder and remove /> and just put closing bracket >. its because Most HTML5 elements are not self-closing, but many elements do not require an end tag.. try below example:
solved the problem ;)
TheSuncam
Thanks It worked✔✔👍
Thanks for this amazing tutorial. At the time you posted this video, I was only 8 y/o😆. Now this video approached me as a life saver
Great job, finally something that can be followed and understood. Thank you!
i see what the problem is.
when i save an image i never put the .jpg extension after it.
but now it worked!!
thanks alot :)
13 years old content and still gold
"Thats today lesson thank you very much "
No no thank you sir !!🤠
Welcome🔯
tysm! This helped me with my computer science homework!
14 years late but this was super helpful, thanks :)
You're welcome!
Tnx brother🎉🎉🎉🥹
I have a code for you❤
i was just 1 yr old when guys like you were creating web pages :)
I'm trying this for my class assignment...thank you
Thank you so much for this simple, quick, and easy to follow video! This is just what I was looking for!
@GB hey how are you now in life after 5 years lol
Yeah I'd honestly like to know as well
same
Now I am here after 14 fricking year...😮.. thank you
Me too lol
Sir I just wanna say THANK YOU VER MUCH.
i need help when ever i add a image to my webpage it brings up a blank image sign
i have that to
what yo need to do is download the image from google and paste it in the same file that your html file and just paste de src
@@totachava6235 Thank you so much it worked for me.
otaku zero no problem
@otaku zero
Straight to the point this helped me a lot
Thnq soooooooo much.....100 try krne finally aaj hua thnq so much
thank you! also the old version is so aesthetic
that dog is really funny.
I really really really like that image
pretty funny dog
Dog=funny
thanks man...your video helps me a lot
Awsm video ....i learnt it so easily in just few minutes...wow ..nice..keep going!
Thank you very much i was facing the problem of not able to display the image in the HTML since last 1 or 2 years, which was fixed after watching your video.
THANK YOU
thx because of you i completed my homework
YOU ARE HONESTLY A LIFE SAVER!
Hey, for the people who it's not working (me😅) I got how to do it, just do what I say.
just open the folder with the image and restore it down (click the to squares next to the close icon) if it takes up ur whole screen then open google and drag the image on to a new tab (drag it all the way up) and copy the URL (just right-click the image and click "copy image address" ) and just paste it and don't put the slash in the end
Thankyou, i'm having difficulty how to add img link in HTML, this helps a lot.
Thank you, this video helped with my coursework.
same bruh im also in skool
Thank you so much for keeping it simple I was stuck on a homework assignment and I was finally able to complete it because of this video THANKS
Thanks a lot.💕💕💕💕 Because I was unable to insert image in my web page. My tutor is always busy in his official work.
@xXxRadicalDesignsxXx If you want to use an image that is on the internet you include the full web address URL of the image file in the SRC attribute.
If you use an image that is already online, than yes, everyone else can view it. If you are using images from your PC, then you'll need to upload your entire site folder to a server using an FTP program.
I can make a new video to answer more questions if you share them. I took a web class as a junior :)
almost 12 years ago but works great
thanks!
maybe this is 2018....still you deserve a like.
I really like the way you teach sort and sweet :)
Should the image be in the same folder as my .html file? Also, is it only .jpeg that is acceptable or can i use .png as well?
Hi ur awsome as ur getting me 10marks in my csc classes 😊
Thank you so much sir! this helped me so much in class!!
thank you for helping me with my school project... you just saved my ass man
I watched about 3-4 other videos before finding this one. Great quality and to the point, easy to follow and answered all my questions. For a novice/non technical person this was great!
Audrey Loo UR COMMENT IS USLESS U FRAKIN NUB
@@NawkGamers hey how cringy do you think ur comment was next that your getting notified of this 5 years later lel
Also I'm not spreading hate I am just intrigued to see how much people have changed over the years
Hi could you please tell me if I have typed something wrong
Sign Up
sharon jones nope. But it all depends if your image has been sourced properly.
You don't need "/" Tag at last img has no closing tag!
Your video helped me to solve my problem. Thank you !
SO MUCH MOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOMS!!!!!
today's date is 1/27/2022 and this 12 year old video was more helpful than some other new videos. do you offer paid courses?
Good job. Quick and simple. :)
Done! Thanks :) no need for those long confusing blogs I was referencing. W3 didn't help either. Thanks! :) Oldie but goodie!
What software are you using to record your old videos?
Got about 3 hours to turn this project in, thanks