How to write in basic HTML

Intuto uses HTML to update quiz messages and course/collection reminders, you do not need to be a developer in order to write basic HTML. Follow these steps to find out how you can do it yourself.

To update your quiz messages follow these instructions.

Here are instructions to find where you can customise your email reminders.

To make a new Paragraph:

To create a new paragraph like the one you're reading now, you need to put <p> at the start of your paragraph like the example below, and don't forget to put </p> at the end to finish your paragraph. An easy way to get started with editing our reminders is by editing the text between the <p> and </p> tags. Remember "p" for paragraph.

<p>This is my first paragraph text explaining why we are completing this course.</p>
<p>This is my new paragraph to let my users know when to complete the course by.</p>

paragraph_html

To make your text Bold:

To make something bold, you will need to put the words you want to bold in <b> tags, remember to include your closing tag </b>. An example can be seen below. Remember "b" for bold.

<p>We need you to complete the course by <b>the end of November</b>.</p>

bold_html

To use Italics in your text:

Italic text is similar to bold text. This time we are using an "i" for italic. We want to put the words you want to italics in <i> tags, remember to include your closing tag </i>. An example can be seen below.

<p>Here is a fun quote to get you ready for your training, <i>"There's no time to waste"</i>.</p>

italic_html

To have Underlined text:

Underlining your text is similar to both bold and italics text. This time we are using an "u" for underline. We want to put the words you want to underline in <u> tags, remember to include your closing tag </u>. An example can be seen below.

<p>If you have forgotten your login details please contact <u>support@intuto.com</u> for help.</p>

underline_html

To make an Ordered & Unordered Lists:

There is a difference between an ordered list and an unordered list. The ordered list contains numbers, while the unordered list contains bullet points.

They both follow the same structure, but one letter changes.

The term we use for an ordered list is <ol> which stands for "ordered list". Then to stop your ordered list we use our closing tag </ol>.

The term we use for an unordered list is <ul> which stands for "unordered list". Then to stop your unordered list we use our closing tag </ul>.

Then each point you have is referred to as a "list item" which we use <li> for. At the end of each point you will use </li>. This "list item" is the same for ordered vs. unordered.

See below for an example of both Ordered Lists and Unordered Lists.

Ordered List Example:

<ol>
<li>This is the first numbered point I want to make</li>
<li>This is the second numbered point I want to make</li>
</ol>

ordered_list_html

Unordered List Example:

<ul>
<li>This is the first bulleted point I want to make</li>
<li>This is the second bulleted point I want to make</li>
</ul>

unordered_list_html

There is plenty more you can do in HTML but these will be the most useful ones you will need.

 

Contact support@intuto.com for more information or help in updating your quiz messages or reminders. If you are on our Service Plus plan we can update them for you.