<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    
    <h1>This are examples for top "10" HTML tags</h1>
    
    <!--This is an example for a link-->
    This is how you would link to our page: <a href="https://www.codebrainer.com">CodeBrainer</a>
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for a link that opens in a new windo-->
    This is how you would link to our page and open it in a new window: <a href="https://www.codebrainer.com" target=”_blank”>CodeBrainer</a>
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for bold text.-->
    CodeBrainer has a lot of <b>good</b> courses.
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for br-->
    CodeBrainer will teach you how to write HTML.<br><br>If you will have trouble with remembering HTML tags, you should read our top 10 tags.<br>And use some of the examples there.<br><br><br>And the last line after breaks.
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for h or headings-->
    <h1>Top 10 HTML tags</h1>
    In this article we will explain our list of top 10 HTML tags.<br><br>
    <h2>First tag is &lt;b&gt;&lt;/b&gt;</h2>
    Bold is all about making words more important.
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for i or italics-->
    <i>CodeBrainer</i> has a lot of good courses.
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for img or image-->
    This is an apple <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Red_Apple.jpg/1200px-Red_Apple.jpg" width="100">
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for li or list item-->
    <ul>
    <li>This is a single list item.</li>
    </ul>
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for ol or ordered list-->
    <ol>
      <li>First item</li>
      <li>Second item</li>
      <li>Third item</li>
    </ol>
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>
    
    <!--This is an example for p or paragraph-->
    <p>This is article about top 10 HTML tags, this will be you cheatsheet in the future, somewhere, where you can take a look and just use it.</p><p>First tag that we will talk about is bold. It emphasises words or sentences..</p>
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>

    <!--This is an example for span-->
    This is a <span style="color: red;">warning:</span> you should have this cheat sheet with you all the time :D
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>

    <!--This is an example for strong-->
    CodeBrainer has a lot of <strong>good</strong> courses.
    
    <!--just a spacing for new example-->
    <hr><br><br><br><br>

    <!--This is an example for unordered list-->
    Animals:<br>
    <ul>
      <li>Fish</li>
      <li>Bear</li>
      <li>Dog</li>
    </ul>

  </body>

</html>
// Code goes here

/* Styles go here */