tutorial.html

<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;
       
    };
</script>
<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>
<!-- Lets give it a id name so we can access its value using getElementbyId -->
<div ><p id ="abcd"><a id="abc">0</a></p></div>
<button type = "button" onClick="Click()">Click Me</button>


<!-- Now if we want a secondary link in the folder itself then this is the way-->




 
</p>