Skip to main content

Basic HTML Overview

Josh Fulton
  • Updated

Overview

Within Finalsite Enrollment, you can use HTML formatting in templates (e.g. emails, parent portal pages, etc.), online forms, and even parent explanations on checklist items to customize the look and feel. This article will go over some of the basic HTML that you can use.

Please note: There are some limitations with how HTML is rendered in different email clients, so highly formatted emails may not always be the right choice. Click here for more information.

How-To: Use HTML Formatting

HTML Usage in Finalsite Enrollment

  • If you are using HTML in templates (e.g. emails or parent portal content), you will need to click on the <></> button in the toolbar of the Template Editor. This will open up the code view - click here for more information.

  • If you are using HTML in online forms, you will need to place them in a Comment Field - click here for more information.

HTML elements are defined by using tags, identifiable by the less-than and greater-thansigns. You will generally start with an opening tag - such as <> and end with a closing tag that is indicated by a forward slash /- such as </>

The text you want to output with the format will be enclosed within these opening and closing tags. Example:

<p>This is an HTML paragraph. <strong>This text is bold.</strong></p>

This is an HTML paragraph. This text is in bold.


Below are some common HTML elements that you can use in Finalsite Enrollment.

Bold Text

<p><strong>Your Text Goes Here.</strong></p>


Italicized Text

<p><em>Your Text Goes Here.</em></p>


Underlined Text

<p><u>Your Text Goes Here.</u></p>


Colorful Text

<p style="color:MediumSeaGreen;">This is text</p>


Line Break

<p>Use the <br> 
tag to add a line break. </p>
  • Add additional lines between paragraphs by using additional
    tags. Each tag you enter creates another blank line.

  • This does not have a closing tag.

Inserting Images

<img src ="example.jpg"alt="EXAMPLE ALT TEXT">

  • This does not have a closing tag.

  • You must use a direct link to the image in order for this to work. Typically, these will end in JPG or PNG. You can upload images to the File Manager in Finalsite Enrollment.

  • Always pre-size your images to 600px before uploading them to Finalsite Enrollment to ensure correct visibility. Some email clients do not respect the image size HTML tag, so resizing the image first will help ensure consistency of its look across the different email clients receiving the email. Click here for more information.

<a href="url"> Your link text goes here.</a>

If you want the link to pop out in a new tab, you can add target="_blank" after the URL in the opening tag. Example:

<a href="url" target="_blank">Your link text goes here</a>

  • You must use a direct link in order for this to work. You can upload files to the File Manager in Finalsite Enrollment and link to them so that families can view or download them as needed.

Combining Elements

You can combine elements to get the desired look and feel. Example:

<p><em><strong>This text is bold and italicized.</strong></em></p>

Related articles

Comments

0 comments

Article is closed for comments.