Web Development Course - Class #4

Lists Tags:

HTML can display different Items in the form of Lists. Lists are used in HTML to show your data in very Readable format .Different Types of lists are used in HTML:

1.Ordered Lists:

Ordered lists are lists where each item in the list is

numbered. For example, the list might be a set of steps to install a software,Making a new Kitchen Recipie etc.

2.Unordered Lists:

Unordered lists are lists that begin with a bullet point

(rather than characters that indicate order).

3.Definition Lists:

Definition lists are made up of a set of terms along with the

definitions for each of those terms.

1.Ordered Lists:

<ol>

The ordered list is created with

the <ol> element.

<li>

Each item in the list is placed

between an opening <li> tag

and a closing </li> tag. (The li

stands for list item.

Example:

<ol>

<li>Web Development.</li>

<li>Android Development.</li>

<li>Graphics Designing.</li>

<li>Office Management.</li>

</ol>

2.Unordered Lists:

<ul>

The <ul> tag is used to create an unordered  List.

<li>

Each Item is Placed Between <li> and </li>. (The li

stands for list item.

Example:

<ul>

<li>C#</li>

<li>Php</li>

<li>Python</li>

<li>C++</li>

</ul>

3.Definition Lists:

<dl>

The <dl> tag is used to create Definition List and usually

consists of a series of terms and

their definitions.

Inside the <dl> element you will

usually see pairs of <dt> and

<dd> elements.

<dt>

This is used to contain the term

being defined (the definition

term).

<dd>

This tag Contain Definition.

Example:

<dl>

<dt>Sashimi</dt>

<dd>Sliced raw fish that is served with

condiments such as shredded daikon radish or

ginger root, wasabi and soy sauce</dd>

<dt>Scale</dt>

<dd>A device used to accurately measure the

weight of ingredients</dd>

<dd>A technique by which the scales are removed

from the skin of a fish</dd>

<dt>Scamorze</dt>

</dl>