Applet Orchard

How to Insert an Image in a Webpage (HTML / XHTML)

[ad_1]
In this video we learn how to insert an image into a web page by hand, using HTML code. Check out my 9 hour web design video course:

You can also view this lesson in written format:

Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts and my favorite hosting company:

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at

Follow LearnWebCode on Twitter for resources and updates:

Posted

in

by

appletorchard

Tags:

Comments

32 responses to “How to Insert an Image in a Webpage (HTML / XHTML)”

  1. Nathan Tao Avatar
    Nathan Tao

    Hi ,is it possible to do it without moving the html into the same folder?

    Reply
  2. Pahlavonjon Odilov Avatar
    Pahlavonjon Odilov

    So how do you do it on a MacBook?

    Reply
  3. Isaac Medland Avatar
    Isaac Medland

    do u know how to download pictures when when your pc won't let u save on your drive
    or desktop?

    Reply
  4. Jerus sujan Avatar
    Jerus sujan

    I LIKED THIS VIDEO

    Reply
  5. SubFak Avatar
    SubFak

    This is the worlds funniest comment:
    Can I have 100 likes for no reason?
    Funny, right?

    Reply
  6. Rohit Kalyan Avatar
    Rohit Kalyan

    thanks sir

    Reply
  7. Crazy Avatar
    Crazy

    here to copy and paste into notepad if ur 2 lazy
    <html>
    <head>
    <title>Sign Up</title>
    </head>
    <body>
    <img src="new-cover.JPG" alt=" new cover" />
    </body>
    </html>

    Reply
  8. Chris Xu Avatar
    Chris Xu

    That's very helpful! Thank you!

    Reply
  9. Lalandra Avatar
    Lalandra

    i can't see my images .Can someone help? I checked so muny times the codes .Everything seems realy in order but when i open to see it , the image seems to be there but there is no picture . Why does this happen?

    Reply
  10. Marvin Sanchez Avatar
    Marvin Sanchez

    wow so dum!!!!!!!!

    Reply
  11. Matteo Meme. Avatar
    Matteo Meme.

    Thanks! I love your simple style of editing, teaching, and awesomeness.

    Reply
  12. Louisa Rankin Avatar
    Louisa Rankin

    brilliant! Really helped wth my issue my book lied! 😀 I will send you my link when it's complete 🙂 Nicely explained too!

    Reply
  13. mahtab mahther Avatar
    mahtab mahther

    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.

    Reply
  14. albertsatyam kumar Avatar
    albertsatyam kumar

    how to use <img src="/images/picture.jpg">can any one tell me ,where sld be exact position of the images in this attribte

    Reply
  15. jazziel totti Avatar
    jazziel totti

    thanks dude!

    Reply
  16. Crazzwill Avatar
    Crazzwill

    Go Fuck youself asshole

    Reply
  17. Nicolas Bryce Avatar
    Nicolas Bryce

    Works great however be nice if you could add how to adjust image size…

    Reply
  18. Mashnur Naveed Avatar
    Mashnur Naveed

    Thanks a ton.

    Reply
  19. abisek k Avatar
    abisek k

    nice

    Reply
  20. Ghadh Zh Avatar
    Ghadh Zh

    thank you it was helpful

    Reply
  21. Samuel Torres Avatar
    Samuel Torres

    I liked this video, can you make another but more in depth with the images… Adding multiple images and how to rotate them if they come out sideways on the html webpage. You are a good explainer. Thank you.

    Reply
  22. Sha Cortez Avatar
    Sha Cortez

    why is it that i still get that litte x mark? I followed the steps but still the image I'm trying to attach is not showing?

    Reply
  23. Zain Abidin Avatar
    Zain Abidin

    i tried this but i am getting a broken image like box with ripped paper in it. can you help?

    Reply
  24. DazzleGirl228 Avatar
    DazzleGirl228

    LearnWebCode,Thank you so much! This is really helpful! All the other videos I tried to watch are pretty much total garbage. But thank you very much! If it wasn't for you I would be clueless forever!

    Reply
  25. Leviathan Avatar
    Leviathan

    thank you brother!

    Reply
  26. zay the robloxian Avatar
    zay the robloxian

    pleas reply if you can help me with my computer project its gonna be easy it just basic html stuff plz help me 30 marks on that

    Reply
  27. CatZingy Avatar
    CatZingy

    How do you rotate an image because mine appears to be upside down when i import it

    Reply
  28. harsimran singh gill Avatar
    harsimran singh gill

    thanks alot

    Reply
  29. Kazog gaming Avatar
    Kazog gaming

    thx so much dude every one else's tutorials suck ass ur a life saver

    Reply
  30. Koko Kaga Avatar
    Koko Kaga

    thank you xD

    Reply
  31. Sohail Sayed Avatar
    Sohail Sayed

    Is saving the file in the same directory important? can't i use the image from anywhere as long is know the path.

    Reply
  32. Nathalie Joy Garcia Avatar
    Nathalie Joy Garcia

    so basically you are going to add the name of the image
    ? please reply

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *