HTML, Page 6

Images

The simplest image...Horizontal Rule...can appear as is <HR> or have the following attributes.  HR is an open tag and does not require a closing tag.

SIZE=n will set the height or thickness of the rule, or bar, where n is the number of pixels high it is intended to be.

WIDTH=w changes the width of the rule.  Normally it will span the entire width of the screen.  Measured in pixels or a percentage of the width of the screen.

ALIGN=direction places the rule on either the left, right, or center of the screen.

NOSHADE creates a solid bar with no shading.

<HR>

---

<HR SIZE=10 ALIGN="LEFT">

---

<HR WIDTH="75%" ALIGN="CENTER" NOSHADE>

---

Want an actual image?

The IMG tag in HTML has 8 common attributes (remember, attributes are inside the opening IMG tag):

• SRC indicates the source or location of the image.  Must be included.
• WIDTH sets the viewing width of the image.  It does not reduce the image file size and, therefore, does not reduce load time ~ best to reduce the size of the original picture.  Measured in pixels.
• Similarly, HEIGHT sets the viewing height of the image.
• ALIGN and VALIGN places the image on a relative location on the screen and allows text to wrap around the image.  Two alignment Options exist: Vertical (VAlign) and Horizontal (Align).  Vertical alignment can be top, middle, or bottom.  Horizontal alignment can be left, center, or right.
• ALT is a great way to include the name or original source of the image.  Good in the event the viewer's browser cannot load the image.  The ALT attribute is placed in quotation marks.
• HSPACE adds space to the left and right of the image, measured in pixels from 1 to 100.
• VSPACE adds space to the top and bottom of the image, also measured in pixels from 1 to 100.