Cheat Sheet for Links and Images

Cheat Sheet for Links

Link to an image in the same directory:
Example: the gif is at http://www.webdiner.com/example/flute.gif
The page is located at http://www.webdiner.com/example/index.htm

The HTML will be <IMG SRC="flute.gif">

Link to an image in a directory one level up:
Example: the gif is at http://www.webdiner.com/flute.gif
The page is located at http://www.webdiner.com/example/index.htm

The HTML will be <IMG SRC="../flute.gif">

Link to an image in a directory two levels up:
Example: the gif is at http://www.webdiner.com/flute.gif
The page is located at http://www.webdiner.com/example/music/index.htm

The HTML will be <IMG SRC="../../flute.gif">

Link to an image in a directory one level down:
Example: the gif is at http://www.webdiner.com/example/images/flute.gif
The page is located at http://www.webdiner.com/example/index.htm

The HTML will be <IMG SRC="images/flute.gif">

Link to an image in a directory two levels down:
Example: the gif is at http://www.webdiner.com/example/images/flute.gif
The page is located at http://www.webdiner.com/index.htm

The HTML will be <IMG SRC="example/images/flute.gif">

Tutorials | Home | Glossary All content copyright of Web Diner Inc., 2000. Do not redistribute or repost this content. You may print this information for your personal use.