For experts, it is possible to view and edit the HTML source for a page. This allows authors to check the cause of problems on their page, and also allows them to introduce features on their page that are not part of our website standard. To do so:

  • Click the Source button in the Editor Toolbar to view the raw HTML code. The code contains the text that you have typed, plus HTML tags that are instructions to the browser on how to display the text and other contents. We do not intend to offer any detailed guidance on HTML here, but examples of a few common tags are:
    • <p> - paragraph - defining portions of text to be formatted using the format defined in the template CSS file. In addition, tags <h1>, <h2> etc. define header paragraphs;
    • <br> - break - starts a new line;
    • <span>, <strong>, <u> - text blocks (normally within a paragraph) with a different format (such as coloured text, bold or underlined);
    • <a> - anchor - creates a link, or defines an anchor point;
    • <table>, <tbody>, <tr>, <td> - table - used to define tables;
    • <img> - image - adds image to page;
    • <ul>, <ol>, <li> - list - used to create lists and list elements.
  • Every tag should either have a / character before the > character (as for example "<br />"), or be paired with a terminating partner as "<p> paragraph text </p>".
  • Click the Source button again to return to the normal WYSIWYG view. The editor will perform some checks on the code at ths stage.

In addition, the Show Blocks button on the Editor Toolbar allows an author to see how the page is divided into blocks (paragraphs and other elements). This may be a help in identifying the cause of formatting problems. Click the Show Bocks button again to return to the normal view.