Tribute Page - Build a Tribute Page

Hello, making the project but i have an important issue, i don’t know how to add images of my liking to my project
Please, somebody show me an example

It’s not clear exactly what the problem is. Can you be a little more specific about what you are having a problem with? Can you paste your HTML in here so we can see what you have tried?

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1 Like

What image did you want to add? Right click on it and select to copy the link and then paste the link to your src attribute

1 Like
<img
            src="*Link to img e.g example.com/img*"
            alt="*Text that will show if image has difficulty loading"
            class="*selector you would use to call the img from css*"
          />
1 Like

this is my image code, i add the image from google, do i need to add it from another source?

<image src='https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.shutterstock.com%2Fsearch%2Fgalileo&psig=AOvVaw0-O3zR9i5vdGOIS44-c9zZ&ust=1676687099596000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCKii9KPAm_0CFQAAAAAdAAAAABAE'>

HTML doesn’t have an image element. I think you mean the img element.

1 Like

The image is still not displayed in the preview, could it be because I took the photo from google?

<img src='https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.shutterstock.com%2Fsearch%2Fgalileo&psig=AOvVaw0-O3zR9i5vdGOIS44-c9zZ&ust=1676687099596000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCKii9KPAm_0CFQAAAAAdAAAAABAE'>

some website restrict people using their img, you can try take it from wikipedia

1 Like

Are you right clicking the image and using ‘Copy Image Address’? If so, then I’d say you will have to click into the actual website and do the same thing if it allows you to

i will try using wikipedia, thank you
yes, it works, thank all of you for your help :grin:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.