Tag |
Source |
Output |
---|
Bold |
<strong>Strong text</strong> |
Strong text |
Line break
Avoid using this if at all possible. Use the Paragraph tags instead.
|
First line.<br /> Next line. |
First line. Next line. |
Paragraph break |
<p>First paragraph.</p> <p>Next paragraph.</p> |
First paragraph.
Next paragraph.
|
Horizontal rule |
<hr /> |
|
Center |
<div style="text-align: center;">text centered</div> |
text centered
|
Color |
<span style="color:red;">text in red</span> |
text in red |
Ordered list |
<ol> <li>One list item</li> <li>Another item</li> <li>Yet another item</li> </ol> |
Number list:
- One list item
- Another item
- Yet another item
|
Unordered list |
<ul> <li>One list item</li> <li>Another item</li> <li>Yet another item</li> </ul> |
Bullet list:
- One list item
- Another item
- Yet another item
|
Nested lists Note: Nested list must be within li tags of an item in outer list. |
<ul> <li>One list item</li> <li>Another item <ol> <li>Nested list item 1</li> <li>Nested list item 2</li> <li>Nested list item 3</li> </ol> </li> <li>Yet another item</li> </ul> |
Outer list:
- One list item
- Another item
- Nested list item 1
- Nested list item 2
- Nested list item 3
- Yet another item
|
Hyperlink
Link - inserts standard hyperlink
Anchor - inserts a named anchor
KbLink - inserts a relative link to a KB doc
LinkDoc - inserts a custom tag which allows linking to a KB doc
|
<a href="http://kb.wisc.edu">KnowledgeBase - Link</a>
<a name="anchor_name">This is the anchor</a> <a href="#anchor_name">Link to an anchor</a>
<a href="page.php?id=1">About Help Desk - KbLink</a>
<a href="docId:5252">5252</a> |
KnowledgeBase - Link
This is the anchor. Click here to jump to the anchor above.
About Help Desk - KbLink
KB User's Guide - Documents Tab - Editing an Existing Doc - LinkDoc
|
Hyperlink opening new window Add target attribute to <a> tag |
<a href="/page.php?id=1" target="_blank">About Help Desk</a> |
About Help Desk |
Email link |
<a href="mailto: helpdesk@university.edu">Email Help Desk</a> |
Email Help Desk |
Image |
<img src="/images/group41/3469/redo.gif" title="redo.gif" alt="redo.gif" width="20" height="20" /> |
|
Table |
<table border="1"> <tr> <td> A </td> <td> B </td> <td> C </td> </tr> <tr> <td> 10 </td> <td> 20 </td> <td> 30 </td> </tr> </table> |
Example Table
First |
Second |
Third |
---|
A |
B |
C |
10 |
20 |
30 |
|
Comments |
<!-- comments goes here --> |
|
Pre-format |
<pre>
FED TAX STATE TAX
M-00 M-00
</pre> |
FED TAX STATE TAX
M-00 M-00
|
Heading2 |
<h2>Heading2</h2> |
Heading2
|
Heading3 |
<h3>Heading3</h3> |
Heading3
|
Heading4 |
<h4>Heading4</h4> |
Heading4
|
Code |
<code>This text is written in monospace type</code> |
This text is written in monospace type |
Right Align |
<div style="text-align: right;">This text is right aligned</div> |
This text is right aligned
|
Superscript |
<sup>Superscript</sup> |
TextSuperscript |
Subscript |
<sub>Subscript</sub> |
TextSubscript |
Block quote |
<blockquote>This text is quoted in a block quote</blockquote> |
Text
This text is quoted in a block quote
|