html basics

<!doctype html>
<html>
  <head>


    <title>Fist HTML</title>
  </head>

  <body bgcolor="mediumaquamarine">


      <h1>This is the header</h1>
      <h6>This is the header</h6>

      <p title="the first paragraph"><i>this</i> is a <b>paragraph</b></p><!-- p is a paragraph -->


      <p><em>another</em>                 <strong>paragraph</strong></p>

      <hr color="aquamarine"/>


      8 &lt; 9


      <br/>

      <a href="https://www.google.com" title="go to google" target="_blank">this is the link</a> <!-- target="_blank" opens in a new tab -->

      <br/>

      <a href="#mid">go to middle</a>
      <br/>

      <a href="myText.txt">open text</a>
      <a href="myText.txt" download>download text</a><!-- will not work with chrome at the moment - there is a bug -->
      <a href="files/quick.lnk">open quick time shortcut</a>
      <a href="files/sub.txt" target="_blank">open sub</a>
      <a href="../super.txt" target="_blank">open super</a>


      <br/>

      <img src="files/drums.png" title="drums" alt="pic of drums"/>

      <iframe width="560" height="315" src="https://www.youtube.com/embed/7pitmJNYUz8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

      <iframe width="560" height="315" src="http://www.ynet.co.il"></iframe>


      <ol type="i"><!-- ordered list-->
        <li>item</li>
        <li>item</li>
        <li>item</li>
      </ol>

      <ul style="list-style-type: square;"><!-- unordered list-->
        <li>item</li>
        <li>item</li>
        <li>item</li>
      </ul>


      <dl>
        <dt>title 1</dt>
        <dd>item 1 1</dd>
        <dd>item 1 2</dd>

        <dt>title 2</dt>
        <dd>item 2 1</dd>
        <dd>item 2 2</dd>

      </dl>

      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <p id="mid">middle of page</p>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>


  </body>
</html>