In my previous blog, I learned how to create simple lists for my hypertext essay, however, my group mates said that we need a bit more complicated lists, as I am responsible for this part. Arrrrhhh, a bit disappointment in one second, but I afterward realise that the more I am responsible, the more I learn.
I then look in to it, I found that we can use some style on our list, what does mean? It means we can use letters or roman numbers in stead of simple numbers for our ordered list and use circle and square in stead of bullet points.
For ordered list, we could use <ol> for capital letter list, <ol> for small letter list, <ol> for roman number list.
For unordered list, we could use <ul> for Circle bullets list and <ul> for square bullet list.
Another coding I have learned is nested list. Basically it means a list in side of a list.
Let me try it.
<html>
<body>
<h5> My favourite soups and ingredients</h5>
<ul>
<li> Maine pumpkin soup with sauteed scallops & ginger cream </li>
<ul>
<li>onion</li>
<li>Ggarlic</li>
<li>cream</li>
<li>pumpkin</li>
</ul>
<li>Cauliflower cheese soup</li>
<ul>
<li> Cauliflower</li>
<li> Milk </li>
<li> Cream</li>
<li> Cheese</li>
<li> Onion </li>
</ul>
</li>
</ul>
</body>
</html>
The code above will look like this:
My favourite soups and ingredients
- Maine pumpkin soup with sauteed scallops & ginger cream
- onion
- Ggarlic
- cream
- pumpkin
- Cauliflower cheese soup
- Cauliflower
- Milk
- Cream
- Cheese
- Onion
