There seems to be no consensus on what is actually expected in terms of citations in the HTML website for the Grade 12 PAT. Of course, you will create a biliography.html page, copy the text from your Word bibliography and style it as a numbered list, but how do you actually insert the citations? Here follows my approach to covering all the bases so to speak.
According to w3schools, the only actual valid HTML tag as such is the
<cite> tag; quote”The
<cite> tag defines the title of a creative work (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc.).”
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
This is really not what we are looking for at all.
I have adopted the style Wikipedia uses, which is to have a footer like section at the bottom of each page and superscript numbered references much like footnotes in a Word document. You can link the numbers in the text to anchor tags in the footer. A very brief code example of this approach:
<p>Use “footnote-style” citations (see Wikipedia for examples) <sup><a href="#cite1" title="Click to scroll to citation 1"></a></sup></p> <h6>References:</h6> <hr /> <ol> <li id="#cite1">Public, J. (2019). Citation. 5 October 2019, from <a href="https://en.wikipedia.org/wiki/Citation" target="_blank">https://en.wikipedia.org/wiki/Citation</a></li> </ol>
For more on creating hyperlinks to locations on the same page, read the post: Hyperlink to a location on the same page
You can also credit your images on your webpage using one of the new tags introduced in HTML5, the
<figcaption> tag. More here: Adding captions to images in HTML.