Basic HTML for Modules

Helpful Basic HTML             

Hyperlink

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

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: <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

updated 4/18/2018