this document presumes knowledge of linking

Make it Preety!

Graphics are what have elevated the world wide web from funky physics toy to information super-prototype.

Putting graphics in your documents, called inlining images, is much like linking. You specify where the image lives, and the browser knows what to do with it when it finds it.

• The tag is as follows:

  Here is <img src="http://www.links.net/pix/LilDood.gif"> a picture

  and so

  Here is a picture.

  The picture can live anywhere, it could be on your machine, or someone elses. If the picture is in the same directory as the .html file referencing it, you can call the picture with just

  <img src="bobo.gif">

Courtesy for text-sufers demands the use of alt= tags:

This picture,

appears as a box containing "Small Dood, man." for those surfing without graphics.

To put your own pictures online, you need to scan them, or compose them on the computer. Then save them as .gifs and put them on a server somewhere online.

One of the cool things you can do with .gifs online is make the background Transparent, objects isolated from their context floating in the window, like Howard over there.

Transparentized gifs take on whatever background colour is behind them, so you can use colourization to play around with them. I also fixed the text to flow around Howard as well.

---

Preety Links!

Want some buttons? Inlined images that link to other net.resources?

tain't hard, you just combine what you just learned:

• Open a link to the place you want to go:

  <a href="http://www.justin.org/">

  then drop an image in

  <img src="http://www.links.net/pix/LilDood.gif">

  add some text, if you want, then close the link

  Links from the Underground</a>

  and it looks like this:

  Links from the Underground

  And now the image and the text are hot links! Whoah - watch out! Scorchin'!

---

text tags | link | graphix | flow | colourization | tables

---

h t m l | web publishing