<i>This text is italic!</i>
<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>
<small>This is small text</small>
<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>
<a href="link here">overlay text</a>
<button>this is a button</button>
<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>
<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>