Adding text formatting

Adding bold text

Text can be copied and pasted from other files, i.e. Microsoft word. No formatting will be preserved when pasting form a Word document.

To add bold formatting, surround the desired text with HTML 'Strong' tags. For example, if you would like the sentence ‘This sentence is in bold’ to appear as ‘This sentence is in bold’, copy or type the text into the text field. Then surround the text with the tags: <strong> </strong>, as follows:

<strong>This sentence is in bold</strong>

Adding links

A Website link (URL) can be added into the text directly, using HTML code. For example, the paragraph ‘Click here to go to another website’ would need to be ‘clickable’, taking the user to another website. To do this the words must be surrounded by HTML tags that will tell the browser to display the text as a link. Surround the text with the tags: <a href="http://www.mywebpage.com" target="_blank"> </a>.

The ‘href’ property is the name of the website (always use http:// at the start of the address), the target property defines whether or not the link should appear in a new window. Use "_blank" for links to external sites to open them in a new window, use "_self" to open a new page in the same browser window.

If the link is to take the user to the Boson Media website the paragraph should be typed:

<a href="http://www.bosonmedia.net" target="_blank">Click here to go to the Boson Media website</a>

If the link is to an email address, the code should look like this:

<a href="mailto:me@myemail.com">Click here to send me an email</a>

Creating ordered (numbered) and un-ordered (bullet point) lists

Lists should be created between the following tags:

<ul></ul> for unordered lists
<ol></ol> for ordered list

Each list item must be surrounded by <li></li> tags.

For example, an unordered list of 2 items should be typed like this:

<ul><li>List item 1</li><li>List item 2</li></ul>

...and this will appear in the text like this:

Close Window