How do you get the url an image from a website to use on HTML?

Answer 1

First you have to have the image up on the internet someplace. That gives you a url. Then you use the Image tag from HTML.

<img src="http://default.com/pic.jpg" alt="Alternate Text">

You use the URL for the image inside the "src" attribute. The alt attribute is supposed to contain alternative text for browsers that don't load the image, or for the visually impaired.

If you're in HTML 4 or 5, the above tag is valid. If you're using XHTML, then you need to be aware that the image tag is an "empty" tag, and closes itself. So for XHTML:

<img src="http://default.com/pic.pjg" alt="Alternate Text" />

Answer 2

The easiest way to get the url of an image off of a website is to click on the image. Chrome will give you an option to "Copy image URL" Internet Explorer will give you a "Properties" option, and the URL is listed there. In Safari and Opera, you want to alt-click the image, and choose the "Copy Image Location." Firefox follows a similar pattern.

This said, it's probably a bad idea. For starters, by using the URL of the image from the original server, you'll be forcing that server to serve the image for your page. Many webmasters refer to that behavior as "Bandwidth Theft." They might become angry, they might send nasty mails, they might begin a lawsuit against you, or they might simply switch that image out for something less...pleasant.

If the image isn't copyrighted, you can save it to your local drive and re-upload it to your webhost. If it is, then you should get permission from the original poster to use the image ahead of time, to avoid all the afore-mentioned nastiness.