It is possible to use HTML to format the appearance of the text you input into your website.

Please note that this stage, this tutorial is recommended for our eShop uses, as our eWeb package does not have a feature for HTML editing.

This tutorial will step you through the common text edits you may need to perform. We recommend typing up all your text and formatting using a plain text editor such as Notepad, rather than using Microsoft Word. The reason behind this is that Microsoft Word uses its own code to display text visually on your screen which is not completely compatible with HTML.

1. Making text bold

Text can be made bold by surrounding it by bold tags.

<b>This text will appear bold</b>

The text will display like this: This text will appear bold

2. Underlining text

Text can be underlined by surrounding it by underline tags.

<u>This text will appear underlined</u>

The text will display like this: This text will appear underlined

3. Italicised text

Text can be made italicised by surrounding it by italics tags.

<i>This text will appear italicised</i>

The text will display like this: This text will appear italicised

4. Changing the font size

You can set the font size using pixels and a range of numerical font sizes.

<font size="1">This font is size 1</font>
<font size="2">This font is size 2</font>
<font size="3">This font is size 3</font>

The text will display like this: This font is size 1
This font is size 2
This font is size 3 and so on.

5. Changing the font face

You can set the font family to a range of fonts, such as Verdana, Arial, Times and so on. We recommend only using web safe fonts.

<font face="Arial">This font is Arial. </font>
<font face="Verdana">This font is Verdana</font>
<font face="Times">This font is Times</font>

The text will display like this: This font is Arial.
This font is Verdana
This font is Times and so on.

6. Using Headings

HTML comes with pre-defined headings in a range of sizes.

<h1>This font is Heading 1. </h1>
<h2>This font is Heading 2</h2>
<h3>This font is Heading 3</h3>

The text will display like this:

This font is Heading 1.

This font is Heading 2

This font is Heading 3

and so on.

7. Changing the font colour

You can change your font to any HTML colour available. For a list of available HTML colours, click here.

<font color="#FF0000">This font is red. </font>
<font color="#084AFF">This font is blue.</font>
<font color="#309C37">This font is green</font>

The text will display like this: This font is red.
This font is blue.
This font is green and so on.