• Step 1]
      Copy style area and paste in between head tag in your html code.

    • Step 2]
      Copy HTML code and paste in between body tag in your html code.


  1. Simple HTML page




  2. Example
    <h1>Heading one</h1> <h2>Heading two</h2> <p>this is paragraph</p> <b>bold letters</b><br /> <u>underline</u>

    Output

    Heading one

    Heading two

    this is paragraph

    bold letters
    underline



  3. Order And Unorder List In HTML




  4. Example
    <ol type="1"> <li>Amol Gawale</li> <li>Akshay Pawar</li> <li>Aakash surve</li> </ol><br /> <ul> <li>Amol Gawale</li> <li>Akshay Pawar</li> <li>Aakash surve</li> </ul>

    Output
    1. Amol Gawale
    2. Akshay Pawar
    3. Aakash surve

    • Amol Gawale
    • Akshay Pawar
    • Aakash surve



  5. Table Use HTML




  6. Example
    <table border="1"> <tr> <th>Number</th> <th>Name</th> <th>Address</th> </tr> <tr> <td>01</td> <td>Amol Gawale</td> <td>Parbhani</td> </tr> <tr> <td>02</td> <td>Akshay Pawar</td> <td>Pune</td> </tr> <tr> <td>03</td> <td>Aakash Surve</td> <td>Nagar</td> </tr> </table>

    Output
    Number Name Address
    01 Amol Gawale Parbhani
    02 Akshay Pawar Pune
    03 Aakash Surve Nagar



  7. Image In HTML




  8. Example
    <img src="https://images.freeimages.com/images/large-previews/f51/question-1433662.jpg" height="90" width="200" />

    Output



  9. Form In HTML




  10. Example
    <form> User Name : <input type="text" name="User name" placeholder="user name" /><br /><br /> Password : <input type="password" name="password" placeholder="Password" /><br /><br /> Mobile No : <input type="number" name="mnum" placeholder="Your Number" /> <br /><br /> Gender : <input type="radio" name="gender" value="male" /> Male <input type="radio" name="gender" value="female" /> Female <br /><br /> City : <select> <option />Parbhani <option />Pune <option />Nagar </select><br /><br /> Select Color : <input type="checkbox" name="color" value="Pink" /> Pink <input type="checkbox" name="color" value="red" /> Green <input type="checkbox" name="color" value="red" /> Blue <br /><br /> <input type="reset" name="reset" value="Reset Form" /><br /><br /> <input type="Submit" name="Submit" value="Submit Form" /> </form>

    Output
    User Name :

    Password :

    Mobile No :

    Gender : Male Female

    City :

    Select Color : Pink Green Blue




  11. Textare In HTML




  12. Example
    <textarea rows="10" cols="60" style="resize:none">Text you wont to set at here as default</textarea>

    Output



  13. Using CSS With HTML By [ ID or CLASS ]




  14. Example
    <style> .abc{border-top:none;border-left:none;border-right:none;border-bottam:1px;border-color:skyblue; background:transparent;outline:none;color:skyblue;font-size=1%;width:250px;height:25px; font-family:Copperplate Gothic} #ab1{width:200px;height:30px;border-color:skyblue;color:skyblue;background:transparent} </style> <form><br /> name : <input type="text" class="abc" name="name" placeholder="Your name" /><br /><br /> <input type="reset" id="ab1" name="reset" value="Reset" /> </form>

    Output

    name :




  15. Font Properties




  16. Example
    <style> .font1{font-family:Forte;font-size:10px;color:red;} </style> <font class="font1">Font Properties</font>

    Output
    Font Properties



  17. Bonus HTML Tags




  18. Example
    Hello &nbsp;&nbsp;&nbsp;&nbsp; Friends <!--[ This &nbsp; use for blank space ]-->

    Output
    Hello      Friends