20 Fundamental HTML Tags You Must Know

20 HTML Tags You Must Know Png

In this article, we will discuss the 20+ fundamental HTML tags that you must know. As you all know HTML is very easy to learn, and thus we must understand the uses and meaning of each and every tag we use. We will learn about the following tags:

  1. HTML
  2. Head
  3. Title
  4. Body
  5. Div
  6. Span
  7. Anchor
  8. Br
  9. Section
  10. Nav
  11. Footer
  12. Table
  13. THead(Table Header)
  14. TBody(Table Body)
  15. TR(Table Row)
  16. TD(Table Data)
  17. Script
  18. Img(Image)
  19. UL(Unordered List)
  20. OL(Ordered List)

Top 20 Fundamental HTML Tags You Must Know

Let’s directly jump to the tags without any further delay.

1. html

It is the most elementary and basic block of the HTML document. It implies the structure and meaning of the content.

Syntax:

HTML DOCUMENT CONTENTS

2. head

Head tag is one of the most crucial tags used in HTML and web designing. This tag contains all the information regarding the website that is not of client interest(metadata, links to external stylesheets and scripts), except the title.

Syntax:

 Metadata and other relevant information 

3. title

The title tag defines the title of the webpage. This title is shown in the title bar of the browser.

Syntax:

 The title of your website <title>
</pre></div><h3 id="4-body"><strong>4. body</strong></h3><p>The body tag consists of the content of the HTML. All the information that is presented to the client is usually put inside the body tag.</p><p><strong>Note:</strong> Only a single body tag is preferred in an HTML document.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<body>HTML Contents</body>
</pre></div><h3 id="5-div"><strong>5. div</strong></h3><p>Div tag represents generic and fundamental vessels to contain the data. It is one of the most used tags in HTML. A div tag is a block-level element, which means that it does not share horizontal space with other elements.</p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<div> Contents </div>
</pre></div><h3 id="6-span"><strong>6. span</strong></h3><p>The vertical equivalent of the div tag is the span tag. A span tag creates a vessel that can hold the data while sharing the horizontal spacing with other elements of the document. And again, just like div, the span tag is also one of the most used tags in HTML.</p><p><strong>Note:</strong> The span and the div tags are very generic and fundamental in nature, hence overusing these tags should be avoided. Overusing these generic containers is not beneficial for the overall structure of the website. Instead, one should use more semantic tags like section, footer, header, etc.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<span> Contents </span>
</pre></div><h3 id="7-anchor"><strong>7. A</strong>nchor</h3><p>The <em>a(anchor)</em> tag is used to attach a link to the contents lying inside this tag. It can have different attributes like target, referrerpolicy, type, etc.</p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<a href = "External Link"> Contents </a>
</pre></div><h3 id="8-br">8. br</h3><p>This tag inserts a line break in the HTML document. The br tag is an empty tag, meaning it doesn’t need any closing tag. Further, it is also a block-level element. It is often used to separate two different blocks of data.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<br>
</pre></div><h3 id="9-section">9. section</h3><p>The section tag is used to represent a section of contents. It is a semantic HTML tag. Semantic elements give more logical meaning to the HTML document and they also prove to be useful for screen readers.</p><p><em>syntax:</em></p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<section> Content </section>
</pre></div><h3 id="10-nav">10. nav</h3><p>This tag is used to represent the navigation bar of the HTML document. Again, just like the section tag, the nav tag is also one of the semantic elements of HTML. Using nav tags to implement the navigation bar creates a more positive impact on the structure of the website and is also helpful for screen readers.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<nav> Contents </nav>
</pre></div><h3 id="11-footer">11. footer</h3><p>The footer tag is a semantic tag that adds to the structure of the document. Also, screen readers find it easier to differentiate between a footer created using the footer tag than those developed using the div tag.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<footer> Footer Contents </footer>
</pre></div><h3 id="12-table">12. table</h3><p>The table tag creates a table structure inside which rows and columns can be implemented according to the developer’s needs.</p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<table>
    Table Contents....Table Headers and Rows
</table>
</pre></div><h3 id="13-thead">13. thead</h3><p>This tag represents the row that contains the header for all the columns of the table.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<table>
    <caption>Council budget (in Rs) 2021</caption>
    <thead>
        <tr>
            <th scope="col">Item Name</th>
            <th scope="col">Cost</th>
        </tr>
    </thead>
</table>
</pre></div><h3 id="14-tbody">14. tbody</h3><p>The tbody tag constitutes the body of the table. It consists of all the rows and the data inside them.</p><p><em>Syntax:</em></p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<table>
    <tbody>
        <tr>
            <th scope="row">Cake</th>
            <td>3,000</td>
        </tr>
        <tr>
            <th scope="row">Grocerries</th>
            <td>18,000</td>
        </tr>
    </tbody>
</table>
</pre></div><h3 id="15-tr">15. tr</h3><p>This particular tag represents a single row inside a table. This row will further contain the data based on the different columns present inside the table.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<tr>
    <th scope="col">Name</th>
    <th scope="col">Email</th>
    <th scope="col">Contact Number</th>
</tr>
</pre></div><h3 id="16-td">16. td</h3><p>The td tag represents the data inside a particular column of a table. This is the most fundamental element of a table.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<td>Data1</td>
<td>Data2</td>
</pre></div><h3 id="17-script">17. script</h3><p>This tag adds JavaScript inside the HTML document. JavaScipt makes the website more dynamic and logical.</p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title=""> <script src="data:text/javascript;base64,ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoIk1hbGlrIikuY29udGVudD0iSGVsbG8gVGhlcmUhIg==" defer></script> </pre></div><h3 id="18-img">18. img</h3><p>The img embeds an image on the website. Further, this tag has a lot of attributes that control the alternate text, visibility, dimensions, and the position of the image like: <em>src</em>, <em>width</em>, etc.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<img src = "Url to the image...Either relative or absolute" alt = "Any text describing the image">
</pre></div><h3 id="19-ul">19. ul</h3><p>The ul tag represents an unordered list. This tag creates the outer structure of the list, and the list can further have the list elements and even other lists nested inside it.</p><p><em>Syntax:</em></p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<ul>
    <li>Malik</li>
    <li>Car
        <ul>
            <li>Welcome</li>
            <li>Everyone</li>
        </ul>
    </li>
</ul>
</pre></div><h3 id="20-ol">20. ol</h3><p>Analogous to the <em>ul</em> tag, the ol tag indicates an ordered list. This list is usually a sorted numerically indicated list whose appearance can be customized according to the needs of the developer.</p><p><em>Syntax:</em></p><div class="wp-block-syntaxhighlighter-code "><pre class="brush: xml; title: ; notranslate" title="">
<ol>
  <li>Dragon Fruit</li>
  <li>Mango</li>
  <li>Banana</li>
  <li>Apple</li>
  <li>Kiwi</li>
</ol>
</pre></div><h2 id="conclusion">Conclusion</h2><p>The HTML is huge and one can not master it overnight, it consists of a large number of tags and, each tag further has many many attributes inside it. So let’s conclude this article now, in this article we discussed 20+ most fundamental and commonly used HTML tags.</p><h2 id="references">References</h2><p>To learn more about HTML and HTML tags you can refer to the following websites:</p><p><a href="https://developer.mozilla.org/en-US/" target="_blank" rel="noopener">https://developer.mozilla.org/en-US/</a></p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'><div id="44375248-aac0-4b31-abd9-fda76873f4f6" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI0NDM3NTI0OC1hYWMwLTRiMzEtYWJkOS1mZGE3Njg3M2Y0ZjYiKX0p" defer></script> </div></div><p><a href="https://www.w3schools.com/default.asp" target="_blank" rel="noopener">https://www.w3schools.com/default.asp</a></p><div class='code-block code-block-4' style='margin: 8px 0; clear: both;'><div id="c51f2144-cf76-44e2-82a7-f6c48d47b058" class="_ap_apex_ad" max-height="250"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCJjNTFmMjE0NC1jZjc2LTQ0ZTItODJhNy1mNmM0OGQ0N2IwNTgiKX0p" defer></script> </div></div></div></div></article><nav class="navigation post-navigation" role="navigation" aria-label="Posts">
<span class="screen-reader-text">Post navigation</span><div class="nav-links"><div class="nav-previous"><a href="https://codeforgeek.com/best-office-apps-for-android/" rel="prev"><span class="ast-left-arrow">←</span> Previous Post</a></div><div class="nav-next"><a href="https://codeforgeek.com/top-best-laptop-for-solidworks/" rel="next">Next Post <span class="ast-right-arrow">→</span></a></div></div></nav></main></div><div class="widget-area secondary" id="secondary" itemtype="https://schema.org/WPSideBar" itemscope="itemscope"><div class="sidebar-main" ><aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://codeforgeek.com/">
<label>
<span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field"  placeholder="Search …" value="" name="s" tabindex="-1">
</label>
<input type="submit" class="search-submit" value="Search"></form></aside><aside id="ai_widget-2" class="widget ai_widget"><div class='code-block code-block-5' style='margin: 8px 0; clear: both;'><div id="8471e1bf-590c-4db7-83b6-2f1e6cdfad51" class="_ap_apex_ad" max-height="280"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCI4NDcxZTFiZi01OTBjLTRkYjctODNiNi0yZjFlNmNkZmFkNTEiKX0p" defer></script> </div></div></aside><aside id="recent-posts-2" class="widget widget_recent_entries"><h2 class="widget-title">Recent Posts</h2><nav aria-label="Recent Posts"><ul><li>
<a href="https://codeforgeek.com/coding-blackjack-apps-python/">Coding Blackjack Apps in Python: How Is It Done?</a></li><li>
<a href="https://codeforgeek.com/cross-validation-data-products/">How Cross Validation Works in Data Products</a></li><li>
<a href="https://codeforgeek.com/top-best-linux-data-recovery-tools/">Top 18 Best Linux Data Recovery Tools</a></li><li>
<a href="https://codeforgeek.com/best-things-to-do-after-installing-ubuntu/">Best Things To Do After Installing Ubuntu</a></li><li>
<a href="https://codeforgeek.com/nodejs-web-module/">NodeJS Web Module: A Powerful Module for Web App Development</a></li></ul></nav></aside><aside id="custom_html-2" class="widget_text widget widget_custom_html"><h2 class="widget-title">Favorite Sites</h2><div class="textwidget custom-html-widget"><ul><li><a href="https://www.askpython.com/" target="_blank" rel="noopener">Python Tutorials</a></li><li><a href="https://golangdocs.com/" target="_blank" rel="noopener">GoLang Tutorials</a></li><li><a href="https://www.vm-help.com/" target="_blank" rel="noopener">VM-Help</a></li><li><a href="https://linuxfordevices.com/" target="_blank" rel="noopener">Linux Tutorials</a></li><li><a href="https://mysqlcode.com/" target="_blank" rel="noopener">MySQL Tutorials</a></li></ul></div></aside><aside id="ai_widget-3" class="widget ai_widget"><div class='code-block code-block-6' style='margin: 8px 0; clear: both;'><div id="286f83dc-d9da-409d-91af-505c33cd9376" class="_ap_apex_ad" max-height="600"> <script src="data:text/javascript;base64,dmFyIGFkcHVzaHVwPXdpbmRvdy5hZHB1c2h1cD13aW5kb3cuYWRwdXNodXB8fHtxdWU6W119O2FkcHVzaHVwLnF1ZS5wdXNoKGZ1bmN0aW9uKCl7YWRwdXNodXAudHJpZ2dlckFkKCIyODZmODNkYy1kOWRhLTQwOWQtOTFhZi01MDVjMzNjZDkzNzYiKX0p" defer></script> </div></div></aside></div></div></div></div><footer
class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"		><div class="ast-small-footer footer-sml-layout-1"><div class="ast-footer-overlay"><div class="ast-container"><div class="ast-small-footer-wrap" ><div class="ast-small-footer-section ast-small-footer-section-1" >
Copyright © 2022 <span class="ast-footer-site-title">CodeForGeek</span> · All Rights Reserved
<br><a href="https://codeforgeek.com/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a> · <a href="https://codeforgeek.com/advertise-on-codeforgeek-media-kit/" target="_blank" rel="noopener">Advertize</a> · <a href="https://codeforgeek.com/contact-us/" target="_blank" rel="noopener">Contact Us</a> · <a href="https://codeforgeek.com/about/" target="_blank" rel="noopener">About</a><br>CodeForGeek is part of JournalDev IT Services Private Limited</div></div></div></div></div></footer></div> <script src='https://cdn.codeforgeek.com/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js' id='syntaxhighlighter-core-js' defer data-deferred="1"></script> <script src='https://cdn.codeforgeek.com/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shBrushXml.js' id='syntaxhighlighter-brush-xml-js' defer data-deferred="1"></script> <script type='text/javascript' src="data:text/javascript;base64,KGZ1bmN0aW9uKCl7dmFyIGNvcmVjc3M9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnbGluaycpO3ZhciB0aGVtZWNzcz1kb2N1bWVudC5jcmVhdGVFbGVtZW50KCdsaW5rJyk7dmFyIGNvcmVjc3N1cmw9Imh0dHBzOi8vY29kZWZvcmdlZWsuY29tL3dwLWNvbnRlbnQvcGx1Z2lucy9zeW50YXhoaWdobGlnaHRlci9zeW50YXhoaWdobGlnaHRlcjMvc3R5bGVzL3NoQ29yZS5jc3M/dmVyPTMuMC45YiI7aWYoY29yZWNzcy5zZXRBdHRyaWJ1dGUpe2NvcmVjc3Muc2V0QXR0cmlidXRlKCJyZWwiLCJzdHlsZXNoZWV0Iik7Y29yZWNzcy5zZXRBdHRyaWJ1dGUoInR5cGUiLCJ0ZXh0L2NzcyIpO2NvcmVjc3Muc2V0QXR0cmlidXRlKCJocmVmIixjb3JlY3NzdXJsKX1lbHNle2NvcmVjc3MucmVsPSJzdHlsZXNoZWV0Ijtjb3JlY3NzLmhyZWY9Y29yZWNzc3VybH0KZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChjb3JlY3NzKTt2YXIgdGhlbWVjc3N1cmw9Imh0dHBzOi8vY29kZWZvcmdlZWsuY29tL3dwLWNvbnRlbnQvdGhlbWVzL09ic2lkaWFuL3BsdWdpbnMvc2hUaGVtZUN1c3RvbS5jc3M/dmVyPTMuMC45YiI7aWYodGhlbWVjc3Muc2V0QXR0cmlidXRlKXt0aGVtZWNzcy5zZXRBdHRyaWJ1dGUoInJlbCIsInN0eWxlc2hlZXQiKTt0aGVtZWNzcy5zZXRBdHRyaWJ1dGUoInR5cGUiLCJ0ZXh0L2NzcyIpO3RoZW1lY3NzLnNldEF0dHJpYnV0ZSgiaHJlZiIsdGhlbWVjc3N1cmwpfWVsc2V7dGhlbWVjc3MucmVsPSJzdHlsZXNoZWV0Ijt0aGVtZWNzcy5ocmVmPXRoZW1lY3NzdXJsfQpkb2N1bWVudC5oZWFkLmFwcGVuZENoaWxkKHRoZW1lY3NzKX0pKCk7U3ludGF4SGlnaGxpZ2h0ZXIuY29uZmlnLnN0cmluZ3MuZXhwYW5kU291cmNlPScrIGV4cGFuZCBzb3VyY2UnO1N5bnRheEhpZ2hsaWdodGVyLmNvbmZpZy5zdHJpbmdzLmhlbHA9Jz8nO1N5bnRheEhpZ2hsaWdodGVyLmNvbmZpZy5zdHJpbmdzLmFsZXJ0PSdTeW50YXhIaWdobGlnaHRlclxuXG4nO1N5bnRheEhpZ2hsaWdodGVyLmNvbmZpZy5zdHJpbmdzLm5vQnJ1c2g9J0NhblwndCBmaW5kIGJydXNoIGZvcjogJztTeW50YXhIaWdobGlnaHRlci5jb25maWcuc3RyaW5ncy5icnVzaE5vdEh0bWxTY3JpcHQ9J0JydXNoIHdhc25cJ3QgY29uZmlndXJlZCBmb3IgaHRtbC1zY3JpcHQgb3B0aW9uOiAnO1N5bnRheEhpZ2hsaWdodGVyLmRlZmF1bHRzWydhdXRvLWxpbmtzJ109ITE7U3ludGF4SGlnaGxpZ2h0ZXIuZGVmYXVsdHMuZ3V0dGVyPSExO1N5bnRheEhpZ2hsaWdodGVyLmRlZmF1bHRzWydwYWQtbGluZS1udW1iZXJzJ109ITE7U3ludGF4SGlnaGxpZ2h0ZXIuZGVmYXVsdHMudG9vbGJhcj0hMTtTeW50YXhIaWdobGlnaHRlci5kZWZhdWx0c1sncXVpY2stY29kZSddPSExO1N5bnRheEhpZ2hsaWdodGVyLmFsbCgpO2lmKHR5cGVvZihqUXVlcnkpIT09J3VuZGVmaW5lZCcpe2pRdWVyeShmdW5jdGlvbigkKXskKGRvY3VtZW50LmJvZHkpLm9uKCdwb3N0LWxvYWQnLGZ1bmN0aW9uKCl7U3ludGF4SGlnaGxpZ2h0ZXIuaGlnaGxpZ2h0KCl9KX0pfQ==" defer></script> <script id='astra-theme-js-js-extra' src="data:text/javascript;base64,dmFyIGFzdHJhPXsiYnJlYWtfcG9pbnQiOiI5MjEiLCJpc1J0bCI6IiJ9" defer></script> <script src='https://cdn.codeforgeek.com/wp-content/themes/astra/assets/js/minified/style.min.js' id='astra-theme-js-js' defer data-deferred="1"></script> <script id='q2w3_fixed_widget-js-extra' src="data:text/javascript;base64,dmFyIHEydzNfc2lkZWJhcl9vcHRpb25zPVt7InNpZGViYXIiOiJzaWRlYmFyLTEiLCJ1c2Vfc3RpY2t5X3Bvc2l0aW9uIjohMSwibWFyZ2luX3RvcCI6MCwibWFyZ2luX2JvdHRvbSI6MCwic3RvcF9lbGVtZW50c19zZWxlY3RvcnMiOiIiLCJzY3JlZW5fbWF4X3dpZHRoIjowLCJzY3JlZW5fbWF4X2hlaWdodCI6MCwid2lkZ2V0cyI6WyIjYWlfd2lkZ2V0LTMiXX1d" defer></script> <script src='https://cdn.codeforgeek.com/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js' id='q2w3_fixed_widget-js' defer data-deferred="1"></script> <script src='https://cdn.codeforgeek.com/wp-content/themes/Obsidian/js/theme-toggle.js' id='theme-toggle-js' defer data-deferred="1"></script> <script src='https://cdn.codeforgeek.com/wp-content/plugins/aawp/public/assets/js/scripts.min.js' id='aawp-script-js' defer data-deferred="1"></script> <script src="data:text/javascript;base64,Lyh0cmlkZW50fG1zaWUpL2kudGVzdChuYXZpZ2F0b3IudXNlckFnZW50KSYmZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQmJndpbmRvdy5hZGRFdmVudExpc3RlbmVyJiZ3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigiaGFzaGNoYW5nZSIsZnVuY3Rpb24oKXt2YXIgdCxlPWxvY2F0aW9uLmhhc2guc3Vic3RyaW5nKDEpOy9eW0EtejAtOV8tXSskLy50ZXN0KGUpJiYodD1kb2N1bWVudC5nZXRFbGVtZW50QnlJZChlKSkmJigvXig/OmF8c2VsZWN0fGlucHV0fGJ1dHRvbnx0ZXh0YXJlYSkkL2kudGVzdCh0LnRhZ05hbWUpfHwodC50YWJJbmRleD0tMSksdC5mb2N1cygpKX0sITEp" defer></script> </body></html>
<!-- Page optimized by LiteSpeed Cache @2022-11-30 05:43:19 -->
<!-- Page generated by LiteSpeed Cache 5.3 on 2022-11-30 05:43:19 -->