As a first step, use "VIEW-DOCUMENTSOURCE" in your browser to see the HTML text that generates the image you are reading right now. Select and copy this entire document, and then paste it into a new file in your HTML editor. Save this in your own computer with a standard filename such as Renwick.htm.
Now, read through the material in your new document, line by line. You will notice that every HTML command is enclosed in < > signs, and written in upper-case. Most commands are paired, such that the first command begins a formatting procedure, and a comparable one later on turns it off. For example, italics starts as and ends as , where the "/" turns the underlining off. By comparing the "source" code in the editor with that in the HTML viewer, you can see effect of the various HTML commands.
Now, you can begin to replace content in you new file. For example, change the title (fourth line) to something like "Ruth's Music-701 home-page". This will show in the top of the window of the viewer.
After each change, save your work and then test it.
Now change the first heading, (line 8) to something like "Ruth's music-701 home-page"
Each report that you write should be saved as a separate file and placed in your directory, where others can access it. And each file should have a characteristic name, like mozart.htm, for example.
In the course of your reports you may have need to refer to another document created by you or by someone else in the class, or indeed someone else in the world! In that case you would insert the following code to point to that location: [A HREF="http://desktop12.cis.mcmaster.ca:80/~mus701/document.htm"] or whatever the document's address is. You must also insert [/A] at the end of your link-text to close this command. (Again the square brackets stand for pointy brackets.