cheatsheet.html

<!DOCTYPE html>

<html style="font-family: Verdana;">
  <head>
    <title style="text-align: center;">
      HTML Cheatsheet
    </title>
  </head>

  <body>
<h1 style="text-align: center;color:darkslateblue;font-family: Verdana;">HTML Cheatsheet</h1>
<hr>
    You can start incuding your tags here!
      <!-- HEAD ELEMENTS -->
      <head></head>
      <title></title>
      <link rel="stylesheet" href="">
      <meta>
      <style></style>
      <base href="">
      <script></script>

      <!-- HEADINGS -->
      <h1>Heading 1</h1>
      <h2>Heading 2</h2>
      <h3>Heading 3</h3>
      <h4>Heading 4</h4>
      <h5>Heading 5</h5>
      <h6>Heading 6</h6>

      <!-- PARAGRAPH -->
      <p>This is a paragraph.</p>

      <!-- Horizontal Rules -->
      <hr>

      <!-- Line Breaks -->
      <br>

      <!-- LINKS -->
      <a href="url">link text</a>
      <a href="#yourSection">link text</a>

      <!-- IMAGES -->
      <img src="redRabbit.png" alt="Red Rabbit">

      <!-- TABLE -->
      <table></table>
      <tr></tr>
      <th></th>
      <td></td>

      <!-- LIST -->
      <ul></ul>
      <ol></ol>
      <li></li>
      <dl></dl>
      <dt></dt>
      <dd></dd>

      <!-- BLOCK ELEMENTS -->
      <div></div>
      <header></header>
      <main></main>
      <footer></footer>
      <article></article>
      <aside></aside>
      <form action=""></form>
      <section></section>
      <video src=""></video>
      <address></address>
      <blockquote></blockquote>
      <canvas></canvas>
      <figure></figure>
      <fieldset></fieldset>
      <noscript></noscript>
      <nav></nav>
      
      <!-- INLINE ELEMENTS -->
      <span></span>
      <strong>strong</strong>
      <b></b>
      <small>small</small>
      <script></script>
      <abbr title=""></abbr>
      <acronym title=""></acronym>
      <em></em>
      <i></i>
      <big></big>
      <q></q>
      <map name=""></map>
      <select name="" id=""></select>
      <label for=""></label>
      <code></code>
      <textarea name="" id="" cols="30" rows="10"></textarea>
      <var></var>
      <object data="" type=""></object>
      <!-- iFrames -->
      <iframe src="" frameborder="0"></iframe>


       <!-- Unique ones -->
       <cite>Item</cite>
       <optgroup label="Category">
        <option value="item1">Item1</option>
        <option value="item2">Item2</option>
      </optgroup>
      <acronym title="Html sheet"> tags</acronym>
      <address>Glen Stansberry
        1234 Web Dev Lane
        Anywhere, USA
        </address>
        Add <del>statement</del> <ins>TAGS</ins> in sheet.
        <label for="item">Item</label>
        <form><fieldset>
          <legend>added the tag?</legend>
          Yes <input name="yes" type="radio" value="yes" />
           
          No <input name="no" type="radio" value="no" />
          </fieldset>
          </form>

          <p>Pluto <del>is</del> <ins>isn’t</ins> a planet.</p>
          <p><abbr title="President of The United States">POTUS</abbr> rode his bicycle into a tree.</p>
     
          <figure>

            <blockquote cite="https://en.wikipedia.org/wiki/Citizenship_in_a_Republic">
        
                <p>It is not the critic who counts; not the man who points out how the strong man stumbles, or where the doer of deeds could have done them better...</p>
        
            </blockquote>
        
            <figcaption>--Teddy Roosevelt, <cite>Citizenship in a Republic Speach</cite></figcaption>
        
        </figure>
        
        <label for="car-make">Choose a car make:</label>

<input list="car-makes" id="car-make" name="car-makes" placeholder="Select make.." />


<datalist id="car-makes" >

    <option value="BMW">

    <option value="Tesla">

    <option value="Toyota">

    <option value="Volkswaggon">

    <option value="Mazda">

</datalist>


    <h1>Hacktoberfest 2020</h1>
    <h3>What is Hacktoberfest?</h3>
    <p>
      <a href="https://hacktoberfest.digitalocean.com/">Hacktoberfest</a> is a month-long celebration of open source software run by DigitalOcean in partnership with GitHub and Twilio. 
      Hacktoberfest is open to everyone in our global community! And to motivate contributors they also have some swags.
    </p>
  </body>
</html>