Helpful Basic HTML

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

Hyperlink

Example: <a class="Hyperlink" title="Google website" href="http://google.com">Google website</a>

Here are the parts:

• <a : Opening tag
• </a> : Closes the hyperlink
• 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

Email

Example: <a class="Hyperlink" title="Email Homeland Security" href="mailto:abc@civicplus.com">Homeland Security</a>

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>Etc.</li>
• </ul> : Closes the bulleted list