<div class="tab">

<h2>TD elements define table cells</h2>

<table style="width:100%">

<tr>

<td>Emil</td>

<td>Tobias</td>

<td>Linus</td>

</tr>

</table>

<p>To understand the example better, we have added borders to the table.</p>

</div>

<div>

<h2>Symbols in Html</h2>

<h4>Example of Mathematical Symbol</h4>

<p>The summation symbol: &sum; </p>

<p>The partial differential symbol: &part;</p>

<p>The element-of symbol: &isin;</p>

<P>There are many more!!</p>

</div>

<div>

<iframe width="420" height="345" src="https://www.youtube.com/embed/tgbNymZ7vqY">

</iframe>

</div>

<!-- Use of classes in html-->

<h2> Using classes in HTML</h2>

<h2>Here the class note is applied on "example"</h2>

<h3>My <span class="note">example</span> Heading</h3>

<p>This is some <span class="note">example</span> text.</p>

<script type="text/javascript">

var number = 0;

function Click() {

// the value will increase by every click

number+=1;

// declaring the value of div using a variable

document.getElementById("abc").innerHTML = number;

};

<p> Now let's learn how to make a counter in html using simple js</p>

<p> here is a div in which there will be a number which will increase as we will click a buttom</p>

<div ><p id ="abcd"><a id="abc">0</a></p></div>

<button type = "button" onClick="Click()">Click Me</button>

</p>