<ol> <li style="list-style-type: none;"> <ol> <li>list <ol> and <ul> there is an <span><span>ordered list and an unordered list </span></span><strong>Unordered HTML List</strong><strong><a href="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-001746.png"><img src="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-001746.png" alt="" width="179" height="113" class="alignnone size-full wp-image-2502" /></a> </strong> <div class="hcb_wrap"> <pre class="prism undefined-numbers lang-html" data-lang="HTML"><code><ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul></code></pre> </div> <strong>Ordered HTML List <a href="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-001755.png"><img src="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-001755.png" alt="" width="133" height="117" class="alignnone size-full wp-image-2503" /></a> </strong> <div class="hcb_wrap"> <pre class="prism undefined-numbers lang-html" data-lang="HTML"><code><ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol></code></pre> </div></li> <li><table> <a href="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-002714.png"><img src="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-002714.png" alt="" width="360" height="96" class="alignnone size-full wp-image-2504" /></a> <div class="hcb_wrap"> <pre class="prism undefined-numbers lang-html" data-lang="HTML"><code><table> <thead> <tr> <th>id</th> <th>name</th> <th>description</th> <th>company</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>lak lin</td> <td>my description</td> <td>ABC</td> </tr> </tbody> </table></code></pre> </div></li> <li><span><hr> tag </span></li> <li><span class="color_h1"><fieldset></span></li> <li><span class="color_h1"><embed></span></li> <li>The<span> </span><figure><span> </span>tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.While the content of the<span> </span><figure><span> </span>element is related to the main flow, its position is independent of the main flow, and if removed, it should not affect the flow of the document. <div class="hcb_wrap"> <pre class="prism undefined-numbers lang-html" data-lang="HTML"><code><!DOCTYPE html> <html> <head> <style> figure { border: 1px #cccccc solid; position:relative; } figcaption { position:absolute; bottom:0; background-color: black; color: white; font-style: italic; padding: 2px; text-align: center; } </style> </head> <body> <figure> <img src="https://www.v-norm.com/wp-content/uploads/2023/12/How-To-Add-An-Icon-To-A-Shortcut-In-Window.png" alt="cover" style="width:100%"> <figcaption>How To Add An Icon To A Shortcut In Window</figcaption> </figure> </body> </html></code></pre> </div></li> <li><form> <a href="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-004122.png"><img src="https://www.v-norm.com/wp-content/uploads/2024/08/Screenshot-2024-08-03-004122.png" alt="" width="513" height="555" class="alignnone size-full wp-image-2507" /></a> <div> <div class="hcb_wrap"> <pre class="prism undefined-numbers lang-html" data-lang="HTML"><code><h1>Create Account</h1> <form action=""> <input type="text" placeholder="First Name" id="first name" name="first name"><br> <input type="text" placeholder="Last Name" id="last name" name="last name"><br> <input type="email" name="email" id="email" placeholder="Email"><br> <input type="password" name="password" id="password" placeholder="Password"><br> <input type="password" name="password" id="confirm password" placeholder="confirm password"><br> <label for="gender">gender</label><br> <label for="male"> <input type="radio" name="gender" id="male">male </label> <label for="female"> <input type="radio" name="gender" id="female">female </label> <label for="other"> <input type="radio" name="other" id="other">other </label><br> <input type="date" name="date" id="date"><br> <label for="subject">subject</label><br> <input type="checkbox" name="html" id="html"> <label for="html">HTML</label> <input type="checkbox" name="css" id="css"> <label for="css">CSS</label> <input type="checkbox" name="Algorithm" id="Algorithm"> <label for="Algorithm">Algorithm</label> <input type="checkbox" id="English" name="English"> <label for="English">English</label><br> <input type="file" name="file" id="file"><br> <select name="favorite" id="favorite"> <option disabled selected>select your favorite</option> <option value="favorite 1">favorite 1</option> <option value="favorite 2">favorite 2</option> </select><br> <button>Register Now</button> </form></code></pre> </div> </div></li> </ol> </li> </ol>