Useful Stuff About:
Lists - Bulleted or Numbered
These are bulleted lists
- Bulleted item 1 where order doesn't matter
- Bulleted item 2 where order doesn't matter
- Bulleted item 3 where order doesn't matter
- Bulleted item 4 where order doesn't matter
The HTML code for this looks like this
<ul>/* ul stands for UNordered List */
<li> Bulleted item 1 where order doesn't matter</li>/*li stands for List Item*/
<li> Bulleted item 2 where order doesn't matter</li>
<li> Bulleted item 3 where order doesn't matter</li>
<li> Bulleted item 4 where order doesn't matter</li>
</ul>
These are numbered lists
- Numbered item 1 where order DOES matter
- Numbered item 2 where order DOES matter
- Numbered item 3 where order DOES matter
- Numbered item 4 where order DOES matter
The HTML code for this looks like this
<ol>/* ol stands for Ordered List */
<li>Numbered item 1 where order DOES matter</li>/*li stands for List Item*/
<li>Numbered item 2 where order DOES matter</li>
<li>Numbered item 3 where order DOES matter</li>
<li>Numbered item 4 where order DOES matter</li>
</ol>
These are bulleted lists with custom images for bullets
- Bulleted item 1 where order doesn't matter
- Bulleted item 2 where order doesn't matter
- Bulleted item 3 where order doesn't matter
- Bulleted item 4 where order doesn't matter
The HTML code for this looks the same as above but the CSS is different
ul li{
list-style-image:url(path/to/custom/image.png);/*Path is relative to css file, NOT the HTML/PHP file*/
}
These are numbered lists with multi levels
- Numbered item 1 where order DOES matter
- Sub-level one
- Sub-level two
- Sub-level two
- Sub-level two
- Sub-level one
- Sub-level two
- Sub-level two
- Sub-level two
- Sub-level one
- Sub-level two
- Sub-level two
- Sub-level two
- Sub-level one
- Numbered item 2 where order DOES matter
- Sub-level one
- Sub-level two
- Sub-level two
- Sub-level two
- Sub-level one
- Sub-level two
- Sub-level two
- Sub-level two
- Sub-level one
- Sub-level two
- Sub-level two
- Sub-level two
- Sub-level one
The HTML code for this looks like this
<ol>
<li>Numbered item 1 where order DOES matter
<ol type="a">
<li>Sub-level one
<ol type="i">
<li>Sub-level two</li>
<li>Sub-level two</li>
<li>Sub-level two</li>
</ol>
</li>
<li>Sub-level one
<ol type="i">
<li>Sub-level two</li>
<li>Sub-level two</li>
<li>Sub-level two</li>
</ol>
</li>
<li>Sub-level one
<ol type="i">
<li>Sub-level two</li>
<li>Sub-level two</li>
<li>Sub-level two</li>
</ol>
</li>
</ol>
</li>
<li>Numbered item 2 where order DOES matter
<ol type="a">
<li>Sub-level one
<ol type="i">
<li>Sub-level two</li>
<li>Sub-level two</li>
<li>Sub-level two</li>
</ol>
</li>
<li>Sub-level one
<ol type="i">
<li>Sub-level two</li>
<li>Sub-level two</li>
<li>Sub-level two</li>
</ol>
</li>
<li>Sub-level one
<ol type="i">
<li>Sub-level two</li>
<li>Sub-level two</li>
<li>Sub-level two</li>
</ol>
</li>
</ol>
</li>
</ol>