Unordered Lists
Element: <ul> Start tag: required End tag: required Attributes: [none]
Element: <li> Start tag: required End tag: optional Attributes: id, class, lang, dir, title, style, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, more attribute info here
Unordered list tags start with <ul>. Each list item is started
with <li>. You do not need to close the <li>
tag, but you will have to close the <ul> tag with
</ul>. Make sure to place your List tags within the
<body> and </body> tags.
<ul>
<li>IBM Global Network</li>
<li>Sprint Internet</li>
<li>NetCom</li>
</ul>
- IBM Global Network
- Sprint Internet
- NetCom
You can use CSS to change the shape of the bullet from the
default to disc, circle, and square.
Examples
<ul style="list-style-type: circle">
<li>IBM Global Network</li>
<li>Sprint Internet</li>
<li>NetCom</li>
</ul>
- IBM Global Network
- Sprint Internet
- NetCom
<ul style="list-style-type: square">
<li>IBM Global Network</li>
<li>Sprint Internet</li>
<li>NetCom</li>
</ul>
- IBM Global Network
- Sprint Internet
- NetCom
Here is an example of using Order lists and Unordered lists. (remember to close one list before you open a new one)
<ol>
<li>IBM Global Network</li>
<li>Sprint Internet</li>
</ol>
<ul>
<li>CompuServe</li>
<li>Brigadoon</li>
<li>AT&T WorldNet</li>
</ul>
- IBM Global Network
- Sprint Internet
- CompuServe
- Brigadoon
- AT&T WorldNet
