HTML LISTS (11.2)

HTML Lists 2

 

Following are the examples:


Ordered List:

The following example shows an ordered list using <ol>…</ol> tags.

 

<html>

 

<head>

<title>Website-School/HTML Lists Example 1</title>

</head>

 

<body>

<p>I like folowing fruits</p>

<ol>

<li>Cherry</li>

<li>Mango</li>

<li>Pineapple</li>

</ol>

</body>

</html>

Unordered List:

The following example shows an numbered list using <ul>…</ul> tags.


<html>

 

<head>

<title>Website-School/HTML Lists Example 2</title>

</head>

 

<body>

<p>I like folowing fruits</p>

<ul type=”square”>

<li>Cherry</li>

<li>Mango</li>

<li>Pineapple</li>

</ul>

</body>

 

</html>

Definition List:


The following example shows a defined list using <dl>…</dl> tags.

<html>

 

<head>

<title>Website-School/HTML Lists Example 3</title>

</head>

 

<body>

<p>I like folowing fruits</p>

<dl>

<dt>Cherry</dt>

<dd>It is a small sphere like fruit.</dd>

<dt>Mango</dt>

<dd>Mango is one of the delicious fruits of summer</dd>

<dt>Pineapple</dt>

<dd>The slices of Pineapple is available in market through out the year</dd>

</dl>

</body>

</html>

Nested List:

The following example shows a nested list using <ol>…</ol> and <li>..</li>  tags.

 

<html>

 

<head>

<title>Website-School/HTML Lists Example 4</title>

</head>

 

<body>

<ol>Follwoing are the books and thier author names:</ol>

<li>Physics</li>

<ol><li>John</li>

<li>Andy</li></ol>

<li>Chemistry</li>

<ol><li>Leo</li>

<li>Pheobe</li></ol>

 

</body>

</html>

For more visit next posts in this category.To go back to Contents of this tutorial: Contents of HTML Tutorial

email

5 Responses to HTML LISTS (11.2)

  1. The nervous impulses in the body result in epileptic seizure and this is not good news. The reason why doctors prefer Dilantin is simply because this wonder drug puts an end to seizures along with the situation comes under control. In reality it may be quickly said that in the event you imbibe this drug it’s going to avoid worsening of the situation.

  2. Awesome article! I just added it to my bookmarks.

  3. Do you mind repost this to one of my sites on this topic? I’d link back to the original, of course. Email me what you think. :)

  4. Backlinks says:

    I agree with your thoughts here and I really love your blog! I’ve bookmarked it so that I can come back & read more in the future.

  5. Folks all over the globe suffer from numerous sleeping disorders. This is a typical difficulty that individuals from all age group suffer. Lack of sleep causes lots of issues like lethargy, restlessness and lack of confidence to deal with circumstances.

Leave a Reply