4.Write HTML code which generates the following output and display each element of list in different size, color & font

  • Honda
      • Petrol
        1. Honda City
        2. Brio
      • Diesel 
        1. Amaze
        2. Brio  

  • Maruti-Suzuki
      • Petrol

        1. Swift 
        2. Ritz

      • Diesel 

        1. Swift-Desire  

 

Program :

<html>

    <body>

        <ul type="circle">

            <li> Honda  </li>

            <ul type="square" >

                <li> Petrol </li>         

                <ol type="1" >

                <li> Honda City </li>

                <li> Brio </li>

            </ol>

            <li> Diesel </li>         

            <ol type="1" >

              <li> Amaze </li>

                <li> Brio </li>

            </ol>

            </ul>

                           <li> Maruti-Suzuki  </li>

            <ul type="square" >

                <li> Petrol </li>         

                <ol type="1" >

                <li> Swift </li>

                <li> Ritz </li>

            </ol>

            <li> Diesel </li>         

            <ol type="1" >

              <li> Swift-Desire </li> 

        </ol>

            </ul>

            </ul>

       </body>

  </html>

No comments:

Post a Comment