The document header and footer icons previously discussed employ the image command:
<img src="../top.gif">
<img src="sitemap2.gif" alt="project sitemap">
Image placement tags ("img src") can employ multiple parameters, all of which BBEdit, Victorian Web Home (sitemap)site, and other html editors handle. Here are some examples:
<img src="12.jpg" class="floatleft" alt="Portrait of Theodor Nelson" border="0">
What it all means
| <img src> | Image source command. This is one of two tags that cannot be closed. |
| 12.jpg | 1. Source file for image to be placed in current file. 2. Note that we use images in the form of .gif or .jpg. Therefore, if you have .tiff or .pict, you must convert them using Photoshop or other graphics software. |
| class="floatleft" | 1. Aligns image at left in a body of text, causing text to flow around it; class="floatright" places image at right margin and is often more useful in text documents. 2. A very useful means of combining graphics and text without having to use tables. 3. images can be aligned "left," "right," "center," "top,"and "bottom." |
| alt="Portrait of Theodor Nelson" | 1. Provides the title of the image, which is very useful if the image serves as a link anchor: without the alt tag, the link will not function if there is a problem with the image. 2. The alt tage followed by text permits users with slow internet (narrowband) connections, who may need to turn off images in their browser, to use html. |
| hspace="5" | 1. The hspace provides space around image in pixels. On the Victorian Web this parameter only centered images use hspace; right and left-aligned images have it built in. 2. One can also use "vspace" which provides space above and below image with right-aligned, left-aligned, and centered images. |
| border="0" | This tag sets size of border in pixels. When set to zero, link will not appear. The Victorian Web usually does not add borders to images |
Last modified 1 April 2022