Helpful Basic HTML

Prev Next

This article shows basic HTML that may help you use your CivicPlus products.

Hyperlink

Example: Google website

Here are the parts:

  • <a: Opening tag

  • class="Hyperlink" : Tells the system to use the default hyperlink style on the site styles for the link

  • title="Google website" : Alt-tag for the hyperlink

  • href="http://www.google.com" : Link address

  • > : Make sure you have this after the address, before the displayed text

  • Google website : Text you want to display

  • </a>: Closes the hyperlink

Email

Example: Homeland Security

Here are the parts you would use, similar to the hyperlink:

  • <a: Opening tag

  • class="Hyperlink" : Tells the system to use the default style from your site styles

  • title="Email Homeland Security" : Alt-tag for the hyperlink

  • href="mailto:abc.civicplus.com" : Email address you want to direct to

  • > : Make sure you have this after the address, before the displayed text

  • Homeland Security : Text you want to display

  • </a>: Closes the hyperlink

Bulleted Lists

If you want to create a bulleted list in any module, use this code around your list.

  • <ul>: Opens an unordered (bulleted) list

  • <li>First list item</li>: Identifies an item that needs a bullet

  • <li>Second list item</li>

  • <li>Third list item</li>

  • </ul>: Closes the bulleted list