Hey everybody I want to let you know that I have undertaken the grueling task of getting the heck away from WordPress. I was so sick of the problems and updates I had to do all the time. I am now using my ezbloo system and I am integrating all my old posts into the new system. It sucks, but in the end, I will save bundles of time. I needed to keep things simple and that is why I created ezbloo. I'll have more on this later for you guys after I am done with the total integration of my old posts here. So if you are looking for a post and need it faster, shoot me an email and I will make it a priority. [email protected]

Ordered Lists and Unordered List Absolute Beginner Web Development Edit
Last Update:2024-10-16 12:03:46
The Change:2024-10-16 10:33:26


We user ordered lists and unordered lists all the time when developing websites. In fact you would be hard pressed to find a webpage on the internet that does not have some type of list items on it. It is very common to use and this is how you use it.

Ordered List Items

For ordered list items we strt off with the tag of ol. It is written like this <ol></ol>. This is what will cause the ordered list to have numbers in it.
  1. One
  2. Two
  3. Three
You do have to write list item tags when using the ordered list. Here is an example on how to do that. 
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
 

Unordered List Items

Sometimes we just need a bullet list. For that we will use the tag <ul></ul>. This will cause the list to have bullets in it.
  • Bullet
  • Bullet
  • Bullet
We combine this with the list item tag to accomplish this objective. Here is an example. 
<ul>
<li>Bullet</li>
<li>Bullet</li>
<li>Bullet</li>
</ul>

Exceptions For List Items

Keep in mind that the CSS can control the way a list item looks. So if your list items do not look like this then you may want to check your style-sheet.

Code for Today's Lesson

<html>
<head>
<title>All about list items</title>
</head>
<body>
<h2>Order List</h2>
OL : This is an order list. It will created numbers in a list.
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<h2>Unordered List</h2>
UL is for Unordered list. It will create a buillet list item structure.
<ul>
<li>Bullet</li>
<li>Bullet</li>
<li>Bullet</li>
</ul>
</body>
</html>
  Next Lesson