This weeks content focuses on lists, links and navigation HTML. Firstly, lists are a key tool or websites as they display information in an orderly, presentable manner that can be easily understood to readers. There are a few types of lists which can be used in different ways:
Unordered lists
Unordered lists are lists without a numbered order, often called ‘bullet points’. These are most often used to display information when there isn’t any particular order or hierarchy.
Unordered lists are simple as they always use the same formula:
<ul> <li> item 1 </li> <li> item 2 </li> </ul>
Ordered lists
Ordered lists use numbers to give lists an order, such as 1., 2., 3., etc. In HTML ordered lists can use numbers beginning at 1 or any point, as well as numerals.
Classic ordered list
<ol> <li> item 1</li> <li> item 2 </li> </ol>
Ordered list using numerals
<ol type=”I”> <li> item 1</li> <li> item 2 </li> </ol>
Ordered list starting at 5
<ol start=”5”> <li> item 1</li> <li> item 2 </li> </ol>
I began to work on the third version of my The Street of Crocodiles webpage. Based on what I had just learnt, the first addition to the content was adding a list of books by the author Bruno Shcultz.
I created the HTML for this based on the text and then inserted this just above the footer. There isn’t a particular hierarchy of the books, therefore using an ordered list may make it seem that there is and confuse readers. Therefore, I went with an unordered list. I create a new section and inserted this to the bottom of the body text, just above the footer.
