Begin and end your text with the tags below to create the required style or function.
For example <b> this text would be bold </b> and this would not.
Looking for more info? Try this quick reference page.
| Formatting - - - - - - - - - - |
|
| <p> </p> | Creates a new paragraph (the </p> ends formatting. |
| <p align=?> </p> | Aligns a paragraph where ? is left, right, or center |
| <br> | Inserts a line break (no </br> needed for this one) |
| <blockquote>
</blockquote> |
Indents text from both sides |
| <dl> </dl> | Creates a definition list |
| <dt> | Precedes each definition term |
| <dd> | Precedes each definition |
| <ol> </ol> | Creates a numbered list |
| <li> | Precedes each list item, and adds a number |
| <ul> </ul> | Creates a bulleted list |
| <li> | Precedes each list item, and adds the bullet |
| <div align=?> </div> | A generic tag used to format large blocks of HTML, also used for stylesheets |
| Text
Tags - - - - - - - - - - |
|
|
Example: <b> this text would be bold
</b> and this would not.
|
|
| <pre> </pre> | Creates preformatted text |
| <h1> </h1> | Creates the largest headline ("font size" below works better) |
| <h6> </h6> | Creates the smallest headline ("font size" below works better) |
| <b> </b> | Creates bold text |
| <i> </i> | Creates italic text |
| <tt> </tt> | Creates teletype, or typewriter-style text |
| <cite> </cite> | Creates a citation, usually italic |
| <em> </em> | Emphasizes a word (with italic or bold) |
| <strong> </strong> | Emphasizes a word (with italic or bold) |
| <font size=?> </font> | Sets size of font, where ? is 1 to 7 |
| <font color=?> </font> | Sets font color, where ? is name or hex value |
| Colors: There are two ways to define colors. You can have ?=color name, such as red. The browser will understand about dozen or so of the basic colors. You can also define a color by a hex value code. The format would be #RRGGBB, where RR is the value for red, GG for green and BB for blue. The value specifies the color intensity, and has a 16 value range of 0 to F. (In computer math, we count ..8,9,A,B,C..) For example, <font color="#FFFFFF"> would result in full intensity on the primary colors, giving us a white font. <font color="#000000"> results in no color intensity, or black. For a summary of colors in between, view a color chart here. | |
| Links
- - - - - - - - - - |
|
| <a href="URL"></a> | Creates
a hyperlink (Replace "URL" with the web page address" Include the http:// part.) |
| <a href="mailto:EMAIL"></a> | Creates
a mailto link (Replace "EMAIL" with the email address) |
| <a name="NAME"></a> | Creates
a target location within a document. You can use this tag to jump
to a different part of the page. (Replace "NAME" with some unique name on the page - no spaces in the name") |
| <a href="#NAME"></a> | Links
to that target location from elsewhere in the document. This is
you would jump to the <a name= ?> tag above. (Replace "NAME" with the name of the target") |
| Graphical Elements - - - - - - - - - - |
|
| Note: The next three tags can be combined into one. <img src = "name" align="?" border="?"> | |
| <img src="name"> | Adds an image (use either "absolute path" such as "http://www.westford.com/images/westret4.gif" or, if in same directory, just the file name "westret4.jpg") |
| <img src="name" align=?> | Aligns an image: left, right, center; bottom, top, middle |
| <img src="name" border=?> | Sets size of border around an image (?=any number. 1,2 or 3 are good numbers to use) |
| <hr> | Inserts a horizontal rule (line) |
| <hr size=?> | Sets size (height) of rule (?=any number. 1,2 or 3 are good numbers to use) |
| <hr width=?> | Sets width of rule, in percentage or absolute value (?=100%, hr will fill page. ?=100, hr will be 100 pixels wide) |
| <hr noshade> | Creates a rule without a shadow |
|
TJ 9/1/99
|
|
