MMDT1021 Chapter 13 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.
 
Note that Netscape Navigator shows: square circle circle disc
While Internet Explorer shows: square circle square disc