Exercise 1: Create a simple tutorial document

The first step is to choose a suitable text editor to write your HTML. Avoid using a word processing program or HTML editor because the HTML rendering engine provided in Geneious Prime is very simple.

First you need to create the basic HTML framework.

<html>
<head>
<title>Tutorial document</title>
</head>
<body style="padding: 5px;">
<h2 class="orange">Tutorial document</h2>
This is where you can write some text.<br>
</body>
</html>

This shows you the basic style of a simple HTML page. There is a title and some text. Do not copy and paste the above HTML into your editor as it will not copy the line breaks properly. Type it in exactly as seen here. There can be some odd behaviour if you do not stick strictly to a clean style.

To see how this HTML looks click here.

Note: The first page of your tutorial should be called index.html but others can be given arbitrary names such as exercise1.html. Also, remember the single line file summary.txt should contain a simple description of your tutorial.

Exercise 2: Adding images