MMDT1021 Chapter 15 Notes - page 2

Creating Unordered Lists

Type not set (default = disc).
Code Result
This is some text before the list.
<ul>
<li>This is the first item in the list</li>
<li>This is the second item in the list</li>
<li>This is the third item in the list</li>
<li>This is the fourth item in the list</li>
</ul>
This is some text after the list.
 This is some text before the list.
  • This is the first item in the list
  • This is the second item in the list
  • This is the third item in the list
  • This is the fourth item in the list
This is some text after the list.

Type = circle.
Code Result
This is some text before the list.
<ul type="circle">
<li>This is the first item in the list</li>
<li>This is the second item in the list</li>
<li>This is the third item in the list</li>
<li>This is the fourth item in the list</li>
</ul>
This is some text after the list.
 This is some text before the list.
  • This is the first item in the list
  • This is the second item in the list
  • This is the fourth item in the list
  • This is the third item in the list
This is some text after the list.

Type = square.
Code Result
This is some text before the list.
<ul type="square">
<li>This is the first item in the list</li>
<li>This is the second item in the list</li>
<li>This is the third item in the list</li>
<li>This is the fourth item in the list</li>
</ul>
This is some text after the list.
 This is some text before the list.
  • This is the first item in the list
  • This is the second item in the list
  • This is the third item in the list
  • This is the fourth item in the list
This is some text after the list.

Type = square. The second line has a type="disc" attribute. The fourth line has a value="circle" attribute.
Code Result
This is some text before the list.
<ul type="square">
<li>This is the first item in the list</li>
<li type="circle">This is the second item in the list</li>
<li>This is the third item in the list</li>
<li type="disc">This is the fourth item in the list (Numbered 1)</li>
</ul>
This is some text after the list.
 This is some text before the list.
  • This is the first item in the list
  • This is the second item in the list
  • This is the third item in the list
  • This is the fourth item in the list (Numbered 1)
This is some text after the list.