Formatting Tags

* Bold Text
To make text bold, surround it with the <B> begin tag and the </B> end tag.
* Italic Text
To make text italic, surround it with the <I> begin tag and the </I> end tag.
* Headings (H1...H6)
<H1>header text</H1> through <H6>header text</H6>. <H1> through <H3> are generally displayed by the browser as larger than normal text (and bold), <H4> is generally displayed as about the same size as normal text (but bold), while <H5> and <H6> are progressively smaller than normal text (but still bold).

Header Examples:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
* Paragraph
The paragraphs of your document should be enclosed with a begin paragraph tag: <P> and an end paragraph tag: </P>.
* Line Break
If you wish specify a line break without also having a blank line (which is what paragraph tagging would give you), use the <BR> tag which specifies a line break. Note that it does not have a begin and end tag; there is merely an instance of it when you wish to specify a line break.
* Horizontal Rule
A simple separator in the form of a line across the page (a "horizontal rule") can be obtained by placing the <HR> tag where you wish the line to occur. As in the case of the line break tag (<BR>) there is no begin or end, just an instance of it where you wish the line to appear.
* Lists
There are several ways to format a list:
* Ordered (Numbered) List Displayed in the browser as:


<OL>
<LI>Open the door.
<LI>Walk out.
</OL>
  1. Open the door.
  2. Walk out.
* Unordered (Bulleted) List Displayed in the browser as:


<UL>
<LI>Milk
<LI>Bread
</UL>
  • Milk
  • Bread
* Definition List Displayed in the browser as:


<DL>
<DT>The Library of Congress
<DD>Although the U.S. Library of Congress is not truly a "National Library", it nonetheless serves many of the roles that a national library plays in other countries.
<DT>The Digital Library Federation
<DD>This consortium of government agencies, major research libraries, and non-profit organizations, is working to create an interoperable digital library.
</DL>
The Library of Congress
Although the U.S. Library of Congress is not truly a "National Library", it nonetheless serves many of the roles that a national library plays in other countries.
The Digital Library Federation
This consortium of government agencies, major research libraries, and non-profit organizations, is working to create an interoperable digital library.

Linking & Image Tags

* Hypertext Linking To Another File
A link to another file or page. For example, to make a link to the Library of Congress Web server, you could create the following HTML fragment:
There are many resources at the <A HREF="http://www.loc.gov/">
Library of Congress.</A>
Which is displayed in the browser as: There are many resources at the Library of Congress.
* Images
To place an image on a page, use the <IMG> tag. The only required attibute is SRC, and the address (URL) of the image source file. But it is also useful to use the ALT attribute to specify text that should display in situations (such as when the user has autoload images off) when the image does not display. Other useful attributes include WIDTH and HEIGHT, with the value of the width and height of the image in pixels (dots). This allows the browser to allocate that space to the image while it displays the rest of the document. For example:
 <IMG ALT="A
picture of Olivia and Elena" WIDTH="210" HEIGHT="136" 
SRC="http://www.sonic.net/~roy/girls96a.jpeg">

Embellishments

* Colored Background
You can specify a background color other than the default grey by using an attribute of the <BODY> tag that uses the hexadecimal equivalent of a color. For example:

<BODY BGCOLOR="#FFFFFF">

The above example provides a white background. For other hexadecimal color values, see http://www.lynda.com/hexh.html.

* Centering
Centering should always be achieved by an attribute setting of a given tag. For example:

To center a paragraph: <P ALIGN="CENTER>Your paragraph here.</P>
To center a Header: <H1 ALIGN="CENTER">Your Headline</H1>
To center anything else: <DIV ALIGN="CENTER">Whatever you want here, including other markup.</DIV>

* Font Control
Most browsers allow you to control aspects of the document font by using attributes of the <FONT> tag. For example:

<FONT SIZE="+2" FACE="Arial, Helvetica, san-serif" COLOR="red">Chapter One</FONT>

Size can either be relative -- the plus or minus sign followed by a number, or exact -- a number, with "3" being normal text and 1-2 being smaller and 4 and above being larger.

Special Characters

Listed here are a few of the special characters most widely understood by Web browsers. Many more special characters are defined within the HTML 3.0 specification, but are not yet widely supported by Web browsers.

EntityHTMLRendered
Copyright &copy; ©
Ampersand &amp; &
"Less Than" &lt; <
"Greater Than" &gt; >
Non-breaking Space &nbsp; [space]