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 Quick Code Buttons
Bold <strong>Strong text</strong> Strong text B
Italic <em>Emphasized text</em> Emphasized text  I 

Line break

Avoid using this if at all possible. Use the Paragraph tags instead.

First line.<br />
Next line.
First line.
Next line.
BR
Paragraph break <p>First paragraph.</p>
<p>Next paragraph.</p>

First paragraph.

Next paragraph.

P
Horizontal rule <hr />
HR
Center <div style="text-align: center;">text centered</div>
text centered
Center
Color <span style="color:red;">text in red</span> text in red 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
OLLI
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
ULLI
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
No quicklink.
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
Link
Anchor
KbLink
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 Link
Anchor
KbLink
LinkDoc
Email link <a href="mailto: helpdesk@university.edu">Email Help Desk</a> Email Help Desk MailLink
Image <img src="/images/group41/3469/redo.gif" title="redo.gif" alt="redo.gif" width="20" height="20" /> Clockwise arrow icon Use Attachment section just below Body to insert images or other files.
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>
First Second Third
A B C
10 20 30
There is no Quick Code button in the HTML editor but there are tools in the WYSIWYG editor to help build tables. See KB User's Guide - Documents Tab - Guide to TinyMCE Editor Buttons for more info.
Comments <!-- comments goes here -->   <!/
Pre-format <pre>
FED TAX  STATE TAX
M-00     M-00
</pre>
FED TAX  STATE TAX
M-00     M-00
PRE
Heading2 <h2>Heading2</h2>

Heading2

H2
Heading3 <h3>Heading3</h3>

Heading3

H3
Heading4 <h4>Heading4</h4>

Heading4

H4
Code <code>This text is written in monospace type</code> This text is written in monospace type No Quick Code button.
Right Align <div style="text-align: right;">This text is right aligned</div>
This text is right aligned
Right
Superscript <sup>Superscript</sup> TextSuperscript Sup
Subscript <sub>Subscript</sub> TextSubscript Sub
Block quote <blockquote>This text is quoted in a block quote</blockquote> Text
This text is quoted in a block quote
Blockquote



Keywords:help desk doit support kb knowledgebase basic html5 commands coding   Doc ID:3469
Owner:Leah S.Group:KB User's Guide
Created:2005-02-08 19:00 CDTUpdated:2023-04-13 18:46 CDT
Sites:KB Demo, KB Demo - Child Demo KB, KB User's Guide
Feedback:  0   0