Video Tutorial About HTML Tags UL & OL

By | January 7, 2013
This is the continuation of my HTML video tutorials and we previously learnt HTML basic tags, syntax, adding Images, Adding links and similar things. Now today, I have a video tutorial for you in which we’ll be learning HTML OL and UL tags.
Basically, UL stands for Un-ordered List and OL stands for Ordered List. These lists’ options are available in all application software such as Ms Word, Ms Excel and Power Point etc. But in HTML you can’t directly create lists, so you’ll have to use OL and UL tags in order to create lists.

How to Create Un-ordered list in HTML?

Now let’s start learning un-ordered lists in HTML. You can create un-ordered lists by using UL tag and that’s simple like below example:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 6</li>
</ul>

The example above will create an un-ordered list of items till item 7. And there will be a symbol before each list item. <li></li> tag is always used inside <ul> tag to create un-ordered lists.

How to Create Ordered list in HTML?

Now the ordered list is created same like un-ordered list and the syntax is also similar. Let’s have a look at below example:

<ol>
<li>Player 1</li>
<li>Player 2</li>
<li>Player 3</li>
<li>Player 4</li>
<li>Player 5</li>
</ol>

The above coding basically creates a numbering list of things. So each <li> tag will create a number and that’s is orderly like 1,2,3,4 and so on. So the <li></li> tag is always used inside <ul> or <ol> tag.

Here is the video tutorial for understanding UL & OL Tags

You can always style up your UL and OL tags, but for that you’ll need to use some CSS codes. And if you follow our blog, we’ll be sharing complete tutorials regarding CSS and other web designing elements.

Speak Your Mind