KB User's Guide - Documents Tab - Basic XHTML Commands
This document provides basic XHTML commands that are needed for creating KnowledgeBase documents.
The most important differences between XHTML and HTML:
- XHTML elements must be properly nested
- Tag names must be in lower case
- Attribute values must be quoted
- All XHTML elements must be closed
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 | ||||||
Color | <span style="color:green;">text in green</span> | text in green | Green | ||||||
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 class="linkdoc">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 XHTML editor but there are tools in the WYSIWYG editor to help build tables. See Document Editors 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 | ||||||
Heading1 | <h1>Heading1</h1> |
Heading1 | H1 | ||||||
Heading2 | <h2>Heading2</h2> |
Heading2 | H2 | ||||||
Heading3 | <h3>Heading3</h3> |
Heading3 | H3 | ||||||
Heading4 | <h4>Heading4</h4> |
Heading4 | H4 | ||||||
Big | <big>Big Text</big> | Big Text | Big | ||||||
Small | <small>Small Text</small> | Small Text | Small | ||||||
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> | TextThis text is quoted in a block quote |
Blockquote |