Tell us what’s happening:
I followed the steps to display a url image into my website but its not working.
Your code so far
<!DOCTYPE html>
<html>
<img src= "https://images.app.goo.gl/3C8echYdt6cRB7xMA" />
<h1 >
Steve Jobs
</h1>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.
Challenge: Build a Tribute Page
Link to the challenge:
Please give me the link to your code.pen so that I can see what’s wrong with it or if you are not using the cod.pen then give me a screenshot of your code.
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.
Note: Backticks are not single quotes.
You do not have the correct URL.
https://www.investopedia.com/thmb/6Csf9SY8iD_DnBsLXHzDZBVlFPQ=/735x0/shutterstock_169450007-5bfc2f7f46e0fb002602296e.jpg
For this type of project, it might not matter much. But in general, you need to make sure you are allowed to use the image and allowed to hotlink it.
how can I check if I am able to hotlink an image or where can I go for images I can hotlink?
There are services like Unsplash which are great for images, they even request that you hotlink from their CDN and it comes with some neat options like resolution and compression.
When you search for an image using Google you can click the Tools button and use the Usage Rights menu to filter the images by license. It is not 100% foolproof but it is better than nothing.
Otherwise, you have to check the license the image was released under and make sure you are allowed to use it, which might be a bit hard at times.
When hotlinking you have to check the site TOS if it has any. In general, hotlinking images is considered poor netiquette. Some sites block hotlinking images or block some hosts from using hot-linked images.
For the challenge projects, it really isn’t that big of a deal as you are not going to have thousands of people loading the page. If it is for a professional project you absolutely must make sure you are not in any license violation and don’t use hotlinking but host the image or use a CDN or a service like Unsplash.
Awesome, thank you for your help!