How do you embed an image into HTML source?

Question

I'll be more clear. I do not want to use the standard img src to link to the image file. I want to embed the image file as data in the HTML so that no external files must be used.

Of course you can embed data in HTML. For example, the data: tag can be used to embed the data directly into the HTML source.

Please don't answer the question if you know less about the answer than I do.

It doesn't matter that HTML is "just text". Of course text can portray data, for example the bit contents of an image file. I just need the instructions how to do this.

Answer 1

if you are talking about ascii images you need to create those by hand. Standard GIF and JPEG images (and the other types) cannot be "embedded" in HTML using the HTML standard. Some browsers may be able to do funky things, but you cannot include binary data in standard text html, its a simple problem of MIME types.

Answer 2

Other than the old trick of creating an image using standard characters, you are pretty much out of luck. Even if this was possible, I can think of half a dozen reasons why you would not want to do it.

Answer 3

You can use CSS with divs to create simple images. Think of them like tanagrams. Here is an example: http://www.superflippy.net/temp/slanty2.html

Answer 4

That's not how HTML works. HTML is just text - you can't embed anything in it. You can only link.

EDIT
Ok Einstein, you've got ten people telling you that it either can't be done or there's no reason to. Now's the time to either research it yourself or stfu.

Answer 5

Not sure if this is what you want but.. you can try using



look up background image on yahoo.

Answer 6

You would have to use javascript to draw the image. It could be done, but yuck!

Answer 7

insert webcomponent html, then enter code.

Answer 8

html doesn't work that way, sorry.

Answer 9

....r u making a new program???? hit me back when u got it going!