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 | 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:
|
OLLI | |||||||||
Unordered list | <ul> <li>One list item</li> <li>Another item</li> <li>Yet another item</li> </ul> |
Bullet list:
|
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:
|
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" /> | ![]() |
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> |
|
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 |