HTML-program 14

Program 14:


<html>

<head>

<title>This is my first webpage</title>

</head>

<body>

<ol>

<li>book</li>

<li>khata</li>

<li>pen</li>

<li>pencil</li>

</ol>

<ul>

<li>book</li>

<li>khata</li>

<li>pen</li>

<li>pencil</li>

</ul>

<ol start="6">

<li>book</li>

<li>khata</li>

<li>pen</li>

<li>pencil</li>

</ol>

<ol type="a">

<li>book</li>

<li>khata</li>

<li>pen</li>

<li>pencil</li>

</ol>

<ol type="1">

<li>book</li>

<li>khata</li>

<li>pen</li>

<li>pencil</li>

</ol>

<ol type="a">

<li>book</li>

<ol type="1"><li>Bangla</li>

<li>English</li>

<li>Math</li></ol>

<li>khata</li>

<li>pen</li>

<li>pencil</li>

</ol>

<ul>

<li>Book</li>

<ol><li>Bangla</li>

<li>English</li>

<li>Math</li>

</ol>

<li>Khata</li>

<li>pen</li>

<li>pencil</li>

</ul>

</body>

</html>



  • Explanation:

    • To create order list <ol> is used. For each list <li> is used. List is closed with </li>. To close Order list </ol> is used.

    • For Unorder list <ul> is used. For each list <li> is used. List is closed with </li>. To close Unorder list </ul> is used.

    • Order list may be embeded within unorder list and vice versa.

    • To make unorder list some other tag may be used as:



    <menu>

    <li>...</li>

    <li>...</li>

    </menu>




    •  or



    <dir>

    <li>.....</li>

    <li>.......</li>

    </dir>





  • It will look like:


  1. book

  2. khata

  3. pen

  4. pencil



  • book

  • khata

  • pen

  • pencil



  1. book

  2. khata

  3. pen

  4. pencil



  1. book

  2. khata

  3. pen

  4. pencil



  1. book

  2. khata

  3. pen

  4. pencil



  1. book

    1. Bangla

    2. English

    3. Math

  2. khata

  3. pen

  4. pencil



  • Book

    1. Bangla

    2. English

    3. Math


  • Khata

  • pen

  • pencil

Posted in Labels: |

0 comments:

My Google Pagerank

Followers

Recent Activities

  © 2009; webmaster: MAKE MONEY ONLINE

Back to TOP