Is there an HTML code that can hide a graphic on my website?

Question

I know it may seem pointless to have an invisible graphic, but I just want to learn all there is about HTML. I'm building a website and I've seen HTML codes that say something along the lines of "...: hidden" or whatever. Just want to know the actual code.

Answer 1

forgive me for asking - but what is the point of a non-visible picture?

Answer 2

You could have it displayed as incredibly small. A one pixel graphic is generally considered invisible.


By the way, if you're new to html, you should be aware people like to play with their search engine positioning, and the search engines penalize them. White on white words and one pixel images were common techniques for this kind of pesky website.

Answer 3

One reason someone would do this is to hide an image until some event happens. Say you have 3 links, and when you hover over them, you want an image to appear.

So, you can add an id to each image, and hide it like so...



Then, in the css you'd have something like this:



Then you could have a link that would unhide it when you mouseover it:

Some Text

This might be a bad example, but that's one way it can be used.

Answer 4

No,
But you can disable right click on the page that no budy can copy your graphics by JavaScript and code is