View my GitHub Page Try it Yourself Print This Page





This text is italic!
<i>This text is italic!</i>

This text is BOLD!
<b>This text is BOLD!</b>

This is a normal paragraph

<p>This is a normal paragraph</p>

abbreviation of HTML

<p>abbreviation of <abbr title="Hypertext Markup Language">HTML</abbr></p>

this is a subscript

<p>this is a <sub>subscript</sub></p>

this is a superscript

<p>this is a <sup>superscript</sup></p>

this is a marked(highlighted) text

<p>this is a <mark>marked(highlighted)</mark>text</p>

This text is inserted(underlined)

<p>This text is <ins>inserted(underlined)</ins></p>

This is small text
<small>This is small text</small>

  1. this is line 1
  2. this is line 2
  3. this is line 3

    <ol>
        <li>this is line 1</li> 
        <li>this is line 2</li> 
        <li>this is line 3</li>
    </ol>
    


    <ul>
         <li>this is line 1</li> 
         <li>this is line 2</li>
         <li>this is line 3</li>
    </ul>
    

overlay text
<a href="link here">overlay text</a>

<button>this is a button</button>

header 1

header 2

header 3

header 4

header 5
header 6

    <h1>header 1</h1>
    <h2>header 2</h2>
    <h3>header 3</h3>
    <h4>header 4</h4>
    <h5>header 5</h5>
    <h6>header 6</h6>
    

 
    <div>
        <label for="test">test</label>
        <input type="text" name="test">    
    </div>
    


<hr>this draws a horizontal line!

 
    <div>
        <label for="area">textarea</label>
        <textarea name="area" cols="60" rows="10">this is a text area</textarea>
    </div>
    


    <div>
    <label for="selection">selection
        <select name="selection">
            <option value="opt1">option 1</option>
            <option value="opt2">option 2</option>
            <option value="opt3">option 3</option>
            <option value="opt4">option 4</option>
        </select>
    </div>
    


    <div>
        <label for="num">number</label>
        <input type="number" name="num" value="00">    
    </div>
    


    <div>
        <label for="birthday">birthday</label>
        <input type="date" name="birthday">    
    </div>    
    

my image

    <img src="image.jpg" alt="image name" width="00px" height="00px">
    

Name Age OS
Daksh 14 Fedora Linux
Vidur 13 macOS Catalina
Sam 14 Windows 10


    <table style="width:70%">
      <tr>
        <th>Name</th>
        <th>Age</th>
        <th>OS</th>
      </tr>
      <tr>
        <td>Daksh</td>
        <td>14</td>
        <td>Fedora Linux</td>
      </tr>
      <tr>
        <td>Vidur</td>
        <td>13</td>
        <td>macOS Catalina</td>  
      </tr>
      <tr>
        <td>Sam</td>
        <td>14</td>
        <td>Windows 10</td>
      </tr>
    </table>