Featured

    Featured Posts

List in HTML

Hello Readers / Friends,

Welcome back to CodeEra. Hope you have understand some more Tags in the Previous blog. So lets Begin with  HTML List which is used in coding and making any webpage.


There are different types of List used in HTML are as follow :-


1)<ol>...</ol> --------------- Ordered List

2)<ul> ... </ul> -------------  Unordered List
3) <ol>...</ol> -------------    Nested Ordered List
4)  <ul> ... </ul> ------------- Nested Unordered List
5) <dl> ... </dl> --------------  Definition List
6) <dt> ... </dt> -------------    Definition Title
7) <dd> ... </dd> -------------   Definition Detail / Description




1) Ordered List & Unordered List


<html>
    <head>
        <title> CodeEra | Become a coder
        </title>
       
    </head>
    <body>
      <h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
              <p> This is CodeEra </p> <!-- Paragraph-->
                   <ul>
                    Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
                    <li>Jquery / JavaScript</li>
                   </ul>

<ul type="circle"> <!--ul type = disc | square | circle-->

                    Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
                    <li>Jquery / JavaScript</li>
                 </ul>

        <ol type="a">  <!--ol type = a | 1 | i-->

                    Languages are :-
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
                    <li>Jquery / JavaScript</li>
                 </ol>
    </body>
</html>

Note:- Now save as any"filename" and choose the type is " html " and run in the browser.


 Download File - list.html




2) Nested Ordered List

  

<html>

    <head>
        <title> CodeEra | Become a coder
        </title>
       
    </head>
    <body>
      <h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
              <p> This is CodeEra </p> <!-- Paragraph-->
                   <ol>  <!--ol type = a | 1 | i-->
                   <li> Languages are :-</li>
                   <ul>
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
                    <li>Jquery / JavaScript</li>
                   </ul>


                    <li>Languages are :-</li>
   <ul type="circle"> <!--ul type = disc | square | circle-->
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
                    <li>Jquery / JavaScript</li>
                 </ul>

       

                   <li> Languages are :-</li>
                   <ul>
<li>HTML & CSS</li>
<li>PHP with MYSQL</li>
                    <li>Jquery / JavaScript</li>
                 </ul>
                 </ol>
    </body>
</html>


Note:- Now save as any"filename" and choose the type is " html " and run in the browser.


                                                          Download File - nested.html



3) Definition List


<html>
    <head>
        <title> CodeEra | Become a coder
        </title>
       
    </head>
    <body>
      <h1><p> <font color="black"><center><b><u>This is CodeEra</u></b></center></font></p></h1>
              <p> This is CodeEra </p> <!-- Paragraph-->
                   <dl>  
                       <dt> Languages are :-</dt>
                  
<dd>HTML & CSS</dd>
<dd>PHP with MYSQL</dd>
                       <dd>Jquery / JavaScript</dd>
                    <dl>
     </body>

</html>


Note:- Now save as any"filename" and choose the type is " html " and run in the browser.



    Download File - definition.html


In Next Page , I will give you more examples for  HTML coding.
Till then If you are having any doubt / Queries then you can comment below or send me in my mail i will clear your doubt.

See You in Next Page


author

Author Name

Author Description!

Get Free Email Updates to your Inbox!

Post a Comment

www.CodeNirvana.in

Copyright © CodeEra