other tags

the <a> (anchor) tag
The <a> tag is used to link to another web page. The syntax is <a href="pagetarget.html">, and the closing tag is </a>. All text in between the opening and closing tags is underlined and colored according to the link="color" parameter in the <body> tag of the document, or the vlink="color" parameter if the target page has been visited before. Any graphics inside the affected area will have a border around them, unless specifically turned off with the border=0 parameter of the <img> tag (documented below). If the href="mailto:", then clicking on the link will bring up your email program to send a message to the address. (Modify "" to suit your needs.)

the <img> tag
The <img> tag is used for displaying images. These are the major parameters used to customize the displayed image:

align="left": This parameter will accept values "left" and "right", which specify whether the image is left- or right-aligned. If this parameter is included in the tag, text will flow around the image.
alt="text": This designates the text to show in a bounding box while the image is loading, or if the viewer has images turned off.
border=0: The default border for an image is 0, except when it is inside an <a href> link. When it is inside a link, there is a border displayed, and to turn it off you must use this parameter with a value of '0'. If you wish to add or modify a border, just use the intended border size.
height=100 and width=100: These parameters should be set to the image's width and height, and will speed up the loading of the image as well as give the browser information on the size of the box to show while the picture is being downloaded.

the and tags
The tag is used to allow more specific formatting of HTML text. Because standard HTML formatting (except inside <pre> preformatted text) disregards all coded hard returns, spaces, and tabs, the tag has been added to allow the author to break a line inside of a paragraph. There are no parameters, and the tag has no closing tag.
The tag is used with a closing tag, and disallows the browser from automatically breaking a line inside of the affected area. Because all browsers use 'smart wrapping' to ensure that no breaks are inserted in-between words, this tag is only used on special occasions.

the <hr> tag
The <hr> tag is used to display a horizontal line to separate sections in a web page. Line breaks are automatically inserted before and after the separator. These are the parameters available to customize the display:

size=5: This parameter specifies the height of the line. Generally, you'll want to keep this number small.
width=75%: This designates the width of the line. You can use a percentage of the client area, such as 50%, or an absolute pixel value, such as 450.
noshade: If included in the tag, noshade removes the automatically applied 3d shading.
color="white": This parameter is only available when noshade is also defined. It specifies the color of the line to display. When displayed in modern browsers, you can use named colors such as "green" and "pink". However, to ensure compatibility with older browsers, you may want to use hex values such as #0000FF. RGB hex values are explained more completely in our description of the tag.

These two lines were created with the following code:

<hr size=5 width=75% noshade color=#0000FF> <hr size=8 width=300>

the <ul>, <ol>, and <li> tags
The <ul> (Unordered List) tag creates a simple bulleted list in a web page. The <ol> (Ordered List) tag is basically the same, except it supports several different types of list item numbering systems instead of being limited to bullets. It's type parameter defines how the list is displayed. It supports the following values:

'1': The list items will be prefixed by '1' for the first item, followed by '2', '3', etc.
'i': The list will be shown as 'i', 'ii', 'iii', 'iv', etc.
'I': 'I', 'II', 'III', 'IV', etc.
'a': 'a', 'b', 'c', etc.
'A': 'A', 'B', 'C', etc.

To create list items, use the <li> tag. Note that the <li> tag is non-spanning, and does not require a closing tag. Look at this code to see an example of how to create lists:

<ul> <li>This is the first item in a generic bulleted list. <li>This is the second item. </ul> <ol type=I> <li>This is the first item in an ordered list indexed with Roman numerals. <li>This is the second item. <li>This is the third item. <li>This is the fourth item. <li>This is the fifth item. </ol>

The above code displays the following:

This is the first item in a generic bulleted list.
This is the second item.

This is the first item in a list indexed with Roman numerals.
This is the second item.
This is the third item.
This is the fourth item.
This is the fifth item.

Click here to go back to the table of contents.