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.
HTML Commands
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:
  1. One list item
  2. Another item
  3. 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
    1. Nested list item 1
    2. Nested list item 2
    3. 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" /> Clockwise arrow icon
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


Keywordshelp desk doit support kb knowledgebase basic html5 commands coding   Doc ID3469
OwnerLeah S.GroupKB User's Guide
Created2005-02-08 18:00:00Updated2023-10-16 11:11:23
SitesKB Demo, KB Demo - Child Demo KB, KB User's Guide
Feedback  0   0