html

[virtual machine noob]

im using html and css and trying to make an image banner for my website can anyone help with the code

 

[Ominous]

We can help you but read this first, please.

[virtual machine noob]

1 minute ago, Trebblebob said:

We can help you but read this first, please.

i see what you mean

 

[SupaKomputa]

<a href="https://google.com" target="_blank" id="banner1"><img src="file.jpg"></a>

Basically you don't need css for that just replace the link (href) and image banner source (src).

[virtual machine noob]

10 minutes ago, SupaKomputa said:

<a href="https://google.com" target="_blank" id="banner1"><img src="file.jpg"></a>

Basically you don't need css for that just replace the link (href) and image banner source (src).

it doesnt seem to work

[SupaKomputa]

Well it suppose to work. Have you entered the right file path?

[virtual machine noob]

2 minutes ago, SupaKomputa said:

Well it suppose to work. Have you entered the right file path?

this is what i put

 <a src="https://ibb.co/k8pJ1pv" target="_blank" id="banner1"><img src="file.jpg"></a>

[SupaKomputa]

duh... well you should change the file.jpg to make it a banner.

[virtual machine noob]

1 minute ago, SupaKomputa said:

duh... well you should change the file.jpg to make it a banner.

should i leave the start as google

 

[SupaKomputa]

18 minutes ago, virtual machine noob said:

 <a src="https://ibb.co/k8pJ1pv" target="_blank" id="banner1"><img src="file.jpg"></a>

it should be :

 <a href="https://ibb.co/k8pJ1pv" target="_blank" id="banner1"><img src="this_is_the_link_for_the_IMAGE.jpg"></a>
 

This is Wrong, just copy my code and change the link (called href - Hypertext REFerence) and the file SouRCe (src).

HREF is the end point, example yoursite.com or google.com.

You must specify the address of the image otherwise it won't work.

Do you have the image uploaded already? Can you open it on the browser?

[mariushm]

a is an anchor, it's an invisible element that let's you specify where the browser should go when user clicks on whatever is between the start of the a tag and the end.

 

<a href=" address browser goes to when user clicks on stuff inside this tag  "  >  stuff   </a>

 

now you have to put something visible on the screen, so you put an image .... that has the tag img  and you tell the browser what image should load with the src parameter.  Optionally, you can also add the alt parameters, which is a text shown by browser if for some reason the image fails to load or if the user disables loading pictures.

 

<img src=" link to the picture you want to load" alt="This is a descriptive text, optional" />

Because you can't have other stuff between <img> and </img>, you can use the short close tag, />  instead of having to say ></img>

 

So now you can put the image tag inside the anchor and you have your banner:

 

<a href="htts://linustechtips.com"><img src="https://i.imgur.com/nXbAWzV.jpg" alt="My Banner" /></a>

If the picture is on your server in the same location where the page is loaded from, you don't have to type the whole domain and path, you can just use file name . extension

If you want the browser to load it from a specific place on your server, you can type the path with a / at the start   example  <img src="/images/banner.jpg" alt="banner" /> <- browser will try to load your domain name / images / banner.jpg