Topics Map > Documents Tab
KB User's Guide - Documents Tab - Basic HTML Commands
This document provides basic HTML commands that are needed for creating KnowledgeBase documents.
| 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:
|
|||||||||
| Unordered list | <ul> <li>One list item</li> <li>Another item</li> <li>Yet another item</li> </ul> |
Bullet list:
|
|||||||||
| 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:
|
|||||||||
| 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> |
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> |
|
|||||||||
| 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 |