There are a number of basic formatting options within the quiz builder. Simply by using the options in the question editor, you can make your text bold, italic and underlined. You can also set your text slightly above or below the normal line of type using superscript and subscript (respectively).
Formatting Your Questions with HTML
There may be times when you want to edit your note beyond this. This is where HTML steps in. HTML formatting is also useful for accessibility reasons and for people who use screen readers To format your questions, you will need to insert the HTML into the question sheet you are importing (see below). The quiz builder will not accept any code written directly on the platform.
For longer questions, you may need to use paragraphs. To create new paragraphs for new ideas or points, use the
<p> element to define a new paragraph. You always need a closing
</p> tag at the end of your paragraph.
<p>For example, this is paragraph 1.</p>
<p>Paragraph 2 is defined by a new set of p tags.</p>
<strong> element defines text with strong importance. The content inside is displayed in bold:
<strong>This text is very important!</strong>
<i> element defines a part of the text in an emphasised manner. The content inside is typically displayed in italic:
<i>This text is italic</i>
<mark> element defines text that should be marked or highlighted:
<p>Remember to <mark>water the plants</mark> today.</p>
<sub> element defines subscript text. Subscript text appears half a character below the normal line and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O:
<p>This is <sub>subscripted</sub> text.</p>
<sup> element defines superscript text. Superscript text appears half a character above the normal line and is sometimes rendered in a smaller font. Superscript text can be used in mathematical equations:
Ordered and Unordered lists
An unordered HTML list is just a list of bullet points:
These lists are very common in questions as it displays information in a question clearly.
To create an unordered list you need to us the
<ul> unordered list tag and to create items in that list you'll need to use the
<li> list item tag
An ordered HTML list, includes numbers.
To create an ordered list you need to us the
<ol> ordered list tag and to create items in that list you'll need to use the
<li> list item tag
In HTML, special characters are typically those that can't be easily typed into a keyboard or may cause display issues if typed or pasted into a web page. If you want to use special characters in your questions or answers, you should use either the HTML entity name or the HTML entity number. This will ensure that it displays correctly in most/all browsers.
& (entity number) and
& (entity name) will both display an '&' symbol. The entity name and number will always start with an & and end with a semicolon. To find a full list of special characters you can insert with HTML, try this website.
Note - Only Unicode characters will be accepted by the importer. This does cover most characters you are likely to use but if you would like to double check, the below list shows all accepted characters. The importer will replace characters not on the list with a question mark in a diamond (�) so if you see this then the character that you had there cannot be added
There are endless possibilities for the things you can do with HTML. If you want to delve further into HTML formatting, try one of the following websites:
- Everything HTML - https://www.w3schools.com/html/default.asp
- Using colours - https://www.w3docs.com/learn-html/html-colors.html
- Checking your source code - https://www.freeformatter.com/html-validator.html