From Where the Learning begins...

HTML List

(If this article you will learn to design HTML List in your Webpage)

We can design the list on our webpages using the HTML Lists. HTML lists can be design via <ul>, <ol>, <dl> tags.

HTML Unordered Lists

An unordered list starts with the tag <UL> and ends with </UL>. Each list item starts with the tag <LI>.

Example of an HTML Unordered List Program

First HTML List Code:-

<HTML>
<HEAD>
<TITLE>HTML Unordered List</TITLE>
</HEAD>
<BODY>
<UL>
<LI>Pen</LI>
<LI>Pencil</LI>
<LI>Rubber</LI>
</UL>
</BODY>
</HTML>

This will produce the following Output:-

HTML Ordered Lists

An ordered list starts with the tag <OL> and ends with </OL>. Each list item starts with the tag <LI>.

Example of an HTML Ordered List Program

Second HTML List Code:-

<HTML>
<HEAD>
<TITLE>HTML Unordered List</TITLE>
</HEAD>
<BODY>
<OL type="1">
<LI>Pen</LI>
<LI>Pencil</LI>
<LI>Rubber</LI>
<LI>Scale</LI>
</OL>
</BODY>
</HTML>

This will produce the following Output:-

  1. Pen
  2. Pencil
  3. Rubber
  4. Scale

Quick Links

More

Social Media