Web Site Tutorial Part 3 - HTML images & notepad++

  • 🎬 Video
  • ℹ️ Description
preview_player
UCZpl9ZKzYFYPZDh6KcK-qXg

Third part in the tutorial on how to make a web site.
In this tutorial I start using Notepad++ which is a free editor useful for programming.
I also make a few corrections to the page made in part 1.
Using basic HTML tags I show how to insert an image onto a page and re-size it.

Please like and subscribe to receive more related videos.

💬 Comments
Author

Make sure when you add an image using the image tag:
img src="smiley.jpg " alt="Smiley face" height="42" width="42"
replace smiley.jpg with your file name. If you have your image in an 'images' folder you would have img src="images/smiley.jpg" Make sure you have the file name exactly the same including case. Try just using .jpg or .gif images at first.

Have a look at the html images section at w3schools website for more details.

Author — Linds IT

Author

thank you for posting this video! It helped a lot! thank you so much!

Author — Nan Lin

Author

mate u made me pass my assesement churr bro

Author — iron hedgehog

Author

Thanks, I'm studding web development online and struggled with uploading images, until I came across your video. This helps a lot.

Author — Amy Flanigan

Author

Thank you 🙏..you help me to my project🙈💕

Author — امون 22

Author

This video was super helpful for coding images! Thank-you so much for posting it!

Author — Delia Hohenthaner

Author

Please in what file format was your Koala image saved?

Author — Martins

Author

if i move the html file to another computer, will the image appear itself?

Author — Brian Dimaguila

Author

Having problems getting image from library to a subfolder in Notepad++ I made. any advice?

Author — shadowknight1990o

Author

When i copy the html page to a compressed zip file, the image doesn't appear HELP?

Author — mohammedzoh3

Author

if i move it to another computer, will the picture show itself?

Author — Brian Dimaguila

Author

My image tag doesn't work where ever the images are; <img src="05.jpg">

Author — Martin F.A.

Author

pardon me . i cant understand the codes ? then how can i insert the images in the websites ?

Author — mary joy nacuarita

Author

How can i insert image at the side of a page ..

Author — Bibek Mdr

Author

Bro can u insert images in notepad? Replay me

Author — 18PZSB7051_ Yuben raj A

Author

I can't put html tags in comments so I removed the brackets

Author — Linds IT

Author

you mean img src= " "....?
The file you put in the " " should be stored in a location that either the same as your webpage or have the full address eg. pages/images/***.jpg
Have a look at the html images section at w3schools website for more details.

Author — Linds IT

Author

umm i cant seem to get it right...and i did everything right.

Author — UltraAtomic