HTML5 Basics Guide 2022

HTML5 Basics Guide 2022

HTML5 Basics Guide 2022

Everything you need to know to build a web page structure with HTML5

Language: english

Note: 4.0/5 (685 notes) 56,718 students

Instructor(s): Learn Tech Plus

Last update: 2022-07-13

What you’ll learn

  • Build An Actual Project From Scratch Using HTML5
  • Learn How To Use HTML5 For Web Development & Web Design
  • How To Easily Build Beautiful Websites From Scratch Using HTML5
  • Learn & Master The Use Of HTML Tags (Starting With The Basic Ones)
  • Learn To Use Formatting Tags, Layout Tags, Classes and IDS
  • The Necessary Skills & Knowledge To Quickly Build & Edit WebPages
  • Download & Install Sublime Text 3 Text Editor for Coding
  • Download & Install MAMP for working in a local Web Development Enviornment
  • Download & Install Firefox Web Browser for testing & Debuggin your web pages

 

Requirements

  • Willingness to learn

 

Description

Have you always wanted to learn how to code but don’t know where to start?

Would you like to make amazing websites and bring your ideas to life?

Then HTML5 Basics  is for you!

Hi, I’m your instructor Josh Werner and I’ll be leading you through this course.

Programming is the most in-demand skill in 2021.

The course begins with the basics. 

I’ll take you through everything you need to know to start building websites like an expert.

You’ll learn all the fundamentals of HTML5 and how you can

use them to start building the structure of websites.

This is great for students starting or advanced developers that need a refresher course on HTML5.

There are no requirements necessary to enroll I only ask that you come open minded and ready to learn

Feel Free to look through the course description and checkout some of my preview videos

The course is packed with over 4 hours of hands-on tutorials

Here is what you will Learn:


01. Introduction

    001. Overview

02. FireFox Developer Edition

    002. Overview

    003. Download & Install

    004. Features

    005. Developer Tools

    006. Summary

03. Atom

    007. Overview

    008. Download & Install

    009. Open a Project

    010. Version Control with GitHub

    011. Collaborate with Teletype

    012. Install a Package

    013. Choose a Theme

    014. Customize the Styling

    015. Hack on the Init Script

    016. Add a Snippet

    017. Keyboard Shortcuts

    018. Summary

04. History

    019. Overview

    020. HTML History

    021. What is HTML

    022. What is HTML5

05. Basic Tags

    023. Overview

    024. Download and Setup Files

    025. <!– Comment –>

    026. <!DOCTYPE>

    027. <html>

    028. <head>

    029. <title>

    030. <body>

    031. <h1> to <h6>

    032. <p>

    033. <br>

    034. <hr>

    035. <a>

    036. <link>

    037. <meta>

    038. <style>

    039. Summary

06. Styles and Semantics

    040. Overview

    041. <div>

    042. <span>

    043. <header>

    044. <nav>

    045. <main>

    046. <section>

    047. <article>

    048. <aside>

    049. <details>

    050. <dialog>

    051. <summary>

    052. <data>

    053. <footer>

    054. Summary

07. Lists

    055. Overview

    056. <ul>

    057. <ol>

    058. <li>

    059. <dir>

    060. <dl>

    061. <dt>

    062. <dd>

    063. Summary

08. Images

    064. Overview

    065. <img>

    066. <map>

    067. <area>

    068. <canvas>

    069. <figcaption>

    070. <figure>

    071. <picture>

    072. <svg>

    073. Summary

09. Audio and Video

    074. Overview

    075. <audio>

    076. <source>

    077. <track>

    078. <video>

    079. Summary

10. Project

    080. Overview

    081. Build Home Page

    082. Build Tech Support Page

    083. Build Course Page

    084. Build Premium Plus Page

    085. Build Learn Tech Page

    086. Build Contact Page

    087. Summary

11. Conclusion

    088. Summary



So what are you waiting for? I look forward to going through course with you I’ll see you inside!

 

Who this course is for

  • Beginner Web Developers

 

Course content

  • Introduction
    • Welcome
  • FireFox Developer Edition
    • Overview
    • Download & Install
    • Features
    • Developer Tools
    • Summary
  • Atom
    • Overview
    • Download & Install
    • Open a Project
    • Version Control with GitHub
    • Collaborate with Teletype
    • Install a Package
    • Choose a Theme
    • Customize the Styling
    • Hack on the Init Script
    • Add a Snippet
    • Keyboard Shortcuts
    • Summary
  • History
    • Overview
    • HTML History
    • What is HTML
    • What is HTML5
  • Basic Tags
    • Overview
    • Download and Setup Files
    • </li><li><body></li><li><h1> to <h6></li><li><p></li><li><br></li><li><hr></li><li><a></li><li><link></li><li><meta></li><li><style></li><li>Summary</li></ul></li><li>Styles and Semantics<ul><li>Overview</li><li><div></li><li><span></li><li><header></li><li><nav></li><li><main></li><li><section></li><li><article></li><li><aside></li><li><details></li><li><dialog></li><li><summary></li><li><data></li><li><footer></li><li>Summary</li></ul></li><li>Lists<ul><li>Overview</li><li><ul></li><li><ol></li><li><li></li><li><dir></li><li><dl></li><li><dt></li><li><dd></li><li>Summary</li></ul></li><li>Images<ul><li>Overview</li><li><img></li><li><map></li><li><area></li><li><canvas></li><li><figcaption></li><li><figure></li><li><picture></li><li><svg></li><li>Summary</li></ul></li><li>Audio and Video<ul><li>Overview</li><li><audio></li><li><source></li><li><track></li><li><video></li><li>Summary</li></ul></li><li>Project<ul><li>Overview</li><li>Build Home Page</li><li>Build Tech Support Page</li><li>Build Course Page</li><li>Build Premium Plus Page</li><li>Build Learn Tech Page</li><li>Build Contact Page</li><li>Summary</li></ul></li><li>Conclusion<ul><li>Thank You</li></ul></li><li>Old Content<ul><li>Introduction</li><li>Download & Install</li><li>Sublime Text 3 Features</li><li>Download & Install</li><li>Firefox Features</li><li>Download & Install</li><li>MAMP Features</li><li>Setup Project Files</li><li>Setting up HTML Document</li><li>Basic HTML Tags</li><li>Formatting HTML Tags</li><li>Classes and Ids</li><li>Basic HTML5 Tags</li><li>Setup Project Files</li><li>Project Overview</li><li>Build Header Section</li><li>Build Image Section</li><li>Build Featured Course Section</li><li>Build About Section</li><li>Build Learn Tech Section</li><li>Build Footer Section</li></ul></li></ul><p> </p> <center> <div style="width: 60%"> <a href="https://appsumo.8odi.net/c/3301072/1368143/7443" target="_top" id="1368143" rel="noopener"><img loading="lazy" src="//a.impactradius-go.com/display-ad/7443-1368143" border="0" alt="" width="600" height="500"/></a><img loading="lazy" height="0" width="0" src="https://appsumo.8odi.net/i/3301072/1368143/7443" style="position:absolute;visibility:hidden;" border="0" /> </div> </center> <div class="wp-block-getwid-countdown has-horizontal-alignment-center"> <div class="wp-block-getwid-countdown__wrapper has-text-color" style="color:#f30f3a;"> <div class="wp-block-getwid-countdown__content" data-datetime="negative" data-days="1" data-hours="1" data-minutes="1" data-seconds="1"> </div> </div> </div> <p class="has-text-align-center has-text-color" style="color:#f30f3a"><strong>Time remaining or 874 enrolls left</strong></p> <div class="wp-container-3 is-content-justification-center wp-block-buttons"><div class="wp-block-button has-custom-width wp-block-button__width-50 has-custom-font-size is-style-outline has-medium-font-size"><a class="wp-block-button__link has-white-color has-text-color has-background" href="https://www.udemy.com/course/learn-basic-html5/?couponCode=8347A182F95FE4A2AB78" style="border-radius:8px;background-color:#F49201" target="_blank" rel="noreferrer noopener"><b>100% OFF COUPON<br><del style="color: #ffffff;">$199.99</del> (874 LEFT)</b></a></div></div> <center> <script type="text/javascript" src="https://storage.ko-fi.com/cdn/widget/Widget_2.js"></script><script type="text/javascript">kofiwidget2.init('Please Donate To Keep Server Alive', '#29abe0', 'F1F76U6AM');kofiwidget2.draw();</script> </center> <p> </p> <center> <table style="width: 60%; border-collapse: collapse; background-color: #ECEA99; border-color: #f30f3a; border-style: ridge; margin-left: auto; margin-right: auto;" border="4" cellpadding="5px"> <tbody> <tr> <td style="width: 100%; text-align: center;"><strong>Don't miss any coupons by joining our <a href="https://t.me/coursemetry" target="_blank" rel="noreferrer noopener">Telegram group <i class="fab fa-telegram"></i></a></strong></td> </tr> </tbody> </table> </center> <center> <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script> <script> kofiWidgetOverlay.draw('coursemetry', { 'type': 'floating-chat', 'floating-chat.donateButton.text': 'Support Us', 'floating-chat.donateButton.background-color': '#ff5f5f', 'floating-chat.donateButton.text-color': '#fff' }); </script> </center> <h2 class="has-text-align-center">Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate</h2><div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Share this:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow noopener noreferrer" data-shared="sharing-twitter-64301" class="share-twitter sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=twitter" target="_blank" title="Click to share on Twitter" ><span>Twitter</span></a></li><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-64301" class="share-facebook sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=facebook" target="_blank" title="Click to share on Facebook" ><span>Facebook</span></a></li><li class="share-telegram"><a rel="nofollow noopener noreferrer" data-shared="" class="share-telegram sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=telegram" target="_blank" title="Click to share on Telegram" ><span>Telegram</span></a></li><li class="share-pinterest"><a rel="nofollow noopener noreferrer" data-shared="sharing-pinterest-64301" class="share-pinterest sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=pinterest" target="_blank" title="Click to share on Pinterest" ><span>Pinterest</span></a></li><li class="share-jetpack-whatsapp"><a rel="nofollow noopener noreferrer" data-shared="" class="share-jetpack-whatsapp sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=jetpack-whatsapp" target="_blank" title="Click to share on WhatsApp" ><span>WhatsApp</span></a></li><li class="share-linkedin"><a rel="nofollow noopener noreferrer" data-shared="sharing-linkedin-64301" class="share-linkedin sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=linkedin" target="_blank" title="Click to share on LinkedIn" ><span>LinkedIn</span></a></li><li class="share-reddit"><a rel="nofollow noopener noreferrer" data-shared="" class="share-reddit sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=reddit" target="_blank" title="Click to share on Reddit" ><span>Reddit</span></a></li><li class="share-tumblr"><a rel="nofollow noopener noreferrer" data-shared="" class="share-tumblr sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=tumblr" target="_blank" title="Click to share on Tumblr" ><span>Tumblr</span></a></li><li class="share-skype"><a rel="nofollow noopener noreferrer" data-shared="sharing-skype-64301" class="share-skype sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=skype" target="_blank" title="Click to share on Skype" ><span>Skype</span></a></li><li class="share-pocket"><a rel="nofollow noopener noreferrer" data-shared="" class="share-pocket sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/?share=pocket" target="_blank" title="Click to share on Pocket" ><span>Pocket</span></a></li><li><a href="#" class="sharing-anchor sd-button share-more"><span>More</span></a></li><li class="share-end"></li></ul><div class="sharing-hidden"><div class="inner" style="display: none;width:150px;"><ul style="background-image:none;"><li class="share-print"><a rel="nofollow noopener noreferrer" data-shared="" class="share-print sd-button share-icon" href="https://coursemetry.com/html5-basics-guide-2022/#print" target="_blank" title="Click to print" ><span>Print</span></a></li><li class="share-end"></li></ul></div></div></div></div></div> </div><!-- .entry --> <div class="post-tags clr"> <span class="owp-tag-text">Tags: </span><a href="https://coursemetry.com/tag/development/" rel="tag">development</a><span class="owp-sep">,</span> <a href="https://coursemetry.com/tag/udemy/" rel="tag">udemy</a><span class="owp-sep">,</span> <a href="https://coursemetry.com/tag/web-development/" rel="tag">web development</a></div> <nav class="navigation post-navigation" aria-label="Read more articles"> <h2 class="screen-reader-text">Read more articles</h2> <div class="nav-links"><div class="nav-previous"><a href="https://coursemetry.com/google-fonts-basics-guide-2022/" rel="prev"><span class="title"><i class=" fas fa-long-arrow-alt-left" aria-hidden="true" role="img"></i> Previous Post</span><span class="post-title">Google Fonts Basics Guide 2022</span></a></div><div class="nav-next"><a href="https://coursemetry.com/next-js-basics-guide-2022/" rel="next"><span class="title"><i class=" fas fa-long-arrow-alt-right" aria-hidden="true" role="img"></i> Next Post</span><span class="post-title">Next.js Basics Guide 2022</span></a></div></div> </nav> <section id="related-posts" class="clr"> <h3 class="theme-heading related-posts-title"> <span class="text">You Might Also Like</span> </h3> <div class="oceanwp-row clr"> <article class="related-post clr col span_1_of_3 col-1 post-67487 post type-post status-publish format-standard has-post-thumbnail hentry category-development category-udemy category-web-development tag-development tag-udemy tag-web-development entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/build-a-math-game-with-javascript/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2021/12/build-a-math-game-with-javascript.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="Build a Math Game with JavaScript" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2021/12/build-a-math-game-with-javascript.jpg 750w, https://coursemetry.com/wp-content/uploads/2021/12/build-a-math-game-with-javascript-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="Build a Math Game with JavaScript" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/build-a-math-game-with-javascript/" rel="bookmark">Build a Math Game with JavaScript</a> </h3><!-- .related-post-title --> <time class="published" datetime="2021-12-09T09:38:39+01:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>December 9, 2021</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-2 post-129449 post type-post status-publish format-standard has-post-thumbnail hentry category-teaching-academics category-udemy tag-teaching-academics tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/sokrates-oncesi-felsefe/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/08/4698042_3386.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="🇹🇷 Sokrates Öncesi Felsefe" loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/08/4698042_3386.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/08/4698042_3386-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="🇹🇷 Sokrates Öncesi Felsefe" /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/sokrates-oncesi-felsefe/" rel="bookmark">🇹🇷 Sokrates Öncesi Felsefe</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-08-15T05:09:01+02:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>August 15, 2022</time> </article><!-- .related-post --> <article class="related-post clr col span_1_of_3 col-3 post-137659 post type-post status-publish format-standard has-post-thumbnail hentry category-office-productivity category-udemy tag-office-productivity tag-udemy entry has-media"> <figure class="related-post-media clr"> <a href="https://coursemetry.com/excel-kurs-fur-einsteiger-arbeiten-mit-excel-und-formeln/" class="related-thumb"> <img width="750" height="422" src="https://coursemetry.com/wp-content/uploads/2022/09/1352432_9449_2.jpg" class="attachment-medium_large size-medium_large wp-post-image" alt="🇩🇪 Excel Kurs für Einsteiger. Arbeiten mit Excel und Formeln." loading="lazy" itemprop="image" srcset="https://coursemetry.com/wp-content/uploads/2022/09/1352432_9449_2.jpg 750w, https://coursemetry.com/wp-content/uploads/2022/09/1352432_9449_2-300x169.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" title="🇩🇪 Excel Kurs für Einsteiger. Arbeiten mit Excel und Formeln." /> </a> </figure> <h3 class="related-post-title"> <a href="https://coursemetry.com/excel-kurs-fur-einsteiger-arbeiten-mit-excel-und-formeln/" rel="bookmark">🇩🇪 Excel Kurs für Einsteiger. Arbeiten mit Excel und Formeln.</a> </h3><!-- .related-post-title --> <time class="published" datetime="2022-09-15T08:48:10+02:00"><i class=" far fa-calendar-alt" aria-hidden="true" role="img"></i>September 15, 2022</time> </article><!-- .related-post --> </div><!-- .oceanwp-row --> </section><!-- .related-posts --> </article> </div><!-- #content --> </div><!-- #primary --> </div><!-- #content-wrap --> </main><!-- #main --> <footer id="footer" class="site-footer" itemscope="itemscope" itemtype="https://schema.org/WPFooter" role="contentinfo"> <div id="footer-inner" class="clr"> <div id="footer-widgets" class="oceanwp-row clr"> <div class="footer-widgets-inner container"> <div class="footer-box span_1_of_3 col col-1"> <div id="nav_menu-2" class="footer-widget widget_nav_menu clr"><h4 class="widget-title">Privacy and cookie policies</h4><div class="menu-policies-container"><ul id="menu-policies" class="menu"><li id="menu-item-89204" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89204"><a href="https://coursemetry.com/cookie-policy-eu/">Cookie Policy (EU)</a></li> <li id="menu-item-89205" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-89205"><a href="https://coursemetry.com/privacy-policy/">Privacy Policy</a></li> </ul></div></div> </div><!-- .footer-one-box --> <div class="footer-box span_1_of_3 col col-2"> <div id="block-15" class="footer-widget widget_block clr"> <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> </div> </div><!-- .footer-one-box --> <div class="footer-box span_1_of_3 col col-3 "> <div id="nav_menu-9" class="footer-widget widget_nav_menu clr"><h4 class="widget-title">Contact</h4><div class="menu-contact-container"><ul id="menu-contact" class="menu"><li id="menu-item-89247" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89247"><a href="https://coursemetry.com/submit-a-coupon/">Submit a Udemy coupon</a></li> <li id="menu-item-89248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89248"><a href="https://coursemetry.com/submit-an-article/">Submit an article</a></li> <li id="menu-item-89246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89246"><a href="https://coursemetry.com/contact-us/">Contact Us</a></li> <li id="menu-item-89245" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89245"><a href="https://coursemetry.com/about-us/">About Us</a></li> </ul></div></div> </div><!-- .footer-one-box --> </div><!-- .container --> </div><!-- #footer-widgets --> <div id="footer-bottom" class="clr"> <div id="footer-bottom-inner" class="container clr"> <div id="footer-bottom-menu" class="navigation clr"> <div class="menu-social-menu-container"><ul id="menu-social-menu" class="menu"><li id="menu-item-60121" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60121"><a href="https://t.me/coursemetry">Telegram</a></li> <li id="menu-item-60123" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60123"><a href="https://www.reddit.com/r/Coursemetry/">Reddit</a></li> <li id="menu-item-60118" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60118"><a href="https://twitter.com/Agimafr">Twitter</a></li> <li id="menu-item-87056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87056"><a href="https://www.pinterest.fr/Coursemetry">Pinterest</a></li> <li id="menu-item-60120" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60120"><a href="https://www.facebook.com/groups/coursemetry">Facebook</a></li> </ul></div> </div><!-- #footer-bottom-menu --> <div id="copyright" class="clr" role="contentinfo"> Copyright Coursemetry - OceanWP Theme by OceanWP </div><!-- #copyright --> </div><!-- #footer-bottom-inner --> </div><!-- #footer-bottom --> </div><!-- #footer-inner --> </footer><!-- #footer --> </div><!-- #wrap --> </div><!-- #outer-wrap --> <a aria-label="Scroll to the top of the page" href="#" id="scroll-top" class="scroll-top-right"><i class=" fa fa-angle-up" aria-hidden="true" role="img"></i></a> <!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr --> <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="close-dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">We use cookies to optimize our website and our service.</div> <!-- categories start --> <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span>Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span>Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span>Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span>Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div><!-- categories end --> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Dismiss</button> <button class="cmplz-btn cmplz-view-preferences">Preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> </div><style>.wp-container-3 {display: flex;gap: 0.5em;flex-wrap: wrap;align-items: center;justify-content: center;}.wp-container-3 > * { margin: 0; }</style> <script type="text/javascript"> window.WPCOM_sharing_counts = {"https:\/\/coursemetry.com\/html5-basics-guide-2022\/":64301}; </script> <script id='getwid-blocks-frontend-js-js-extra'> var Getwid = {"settings":[],"ajax_url":"https:\/\/coursemetry.com\/wp-admin\/admin-ajax.php","isRTL":"","nonces":{"recaptcha_v2_contact_form":"3fc0dbeefe"}}; </script> <script src='https://coursemetry.com/wp-content/plugins/getwid/assets/js/frontend.blocks.js?ver=1.8.2' id='getwid-blocks-frontend-js-js'></script> <script src='https://coursemetry.com/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script> <script id='oceanwp-main-js-extra'> var oceanwpLocalize = {"nonce":"72cf52d96c","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select","ajax_url":"https:\/\/coursemetry.com\/wp-admin\/admin-ajax.php"}; </script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/theme.min.js?ver=3.3.5' id='oceanwp-main-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/drop-down-mobile-menu.min.js?ver=3.3.5' id='oceanwp-drop-down-mobile-menu-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/drop-down-search.min.js?ver=3.3.5' id='oceanwp-drop-down-search-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/equal-height-elements.min.js?ver=3.3.5' id='oceanwp-equal-height-elements-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/vendors/magnific-popup.min.js?ver=3.3.5' id='ow-magnific-popup-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/ow-lightbox.min.js?ver=3.3.5' id='oceanwp-lightbox-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/vendors/flickity.pkgd.min.js?ver=3.3.5' id='ow-flickity-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/ow-slider.min.js?ver=3.3.5' id='oceanwp-slider-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/scroll-effect.min.js?ver=3.3.5' id='oceanwp-scroll-effect-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/scroll-top.min.js?ver=3.3.5' id='oceanwp-scroll-top-js'></script> <script src='https://coursemetry.com/wp-content/themes/oceanwp/assets/js/select.min.js?ver=3.3.5' id='oceanwp-select-js'></script> <script src='https://coursemetry.com/wp-includes/js/clipboard.min.js?ver=2.0.10' id='clipboard-js'></script> <script src='https://coursemetry.com/wp-content/plugins/highlighting-code-block/assets/js/prism.js?ver=0927223952' id='hcb-prism-js'></script> <script src='https://coursemetry.com/wp-content/plugins/highlighting-code-block/build/js/hcb_script.js?ver=0927223952' id='hcb-script-js'></script> <script id='cmplz-cookiebanner-js-extra'> var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"54","version":"6.3.3","store_consent":"","do_not_track":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/coursemetry.com\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_US","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"23","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/coursemetry.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=54","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/coursemetry.com\/cookie-policy-eu\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/coursemetry.com\/privacy-policy\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":""}; </script> <script defer src='https://coursemetry.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=6.3.3' id='cmplz-cookiebanner-js'></script> <script src='https://coursemetry.com/wp-content/plugins/getwid/vendors/jquery.countdown/jquery.plugin.min.js?ver=1.0' id='jquery-plugin-js'></script> <script src='https://coursemetry.com/wp-content/plugins/getwid/vendors/jquery.countdown/jquery.countdown.min.js?ver=2.1.0' id='jquery-countdown-js'></script> <script id='sharing-js-js-extra'> var sharing_js_options = {"lang":"en","counts":"1","is_stats_active":"1"}; </script> <script src='https://coursemetry.com/wp-content/plugins/jetpack/_inc/build/sharedaddy/sharing.min.js?ver=11.3.2' id='sharing-js-js'></script> <script id='sharing-js-js-after'> var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-twitter' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-twitter' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtwitter', 'menubar=1,resizable=1,width=600,height=350' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-facebook' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-facebook' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-telegram' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-telegram' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtelegram', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-linkedin' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-linkedin' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomlinkedin', 'menubar=1,resizable=1,width=580,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-tumblr' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-tumblr' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomtumblr', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-skype' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-skype' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcomskype', 'menubar=1,resizable=1,width=305,height=665' ); return false; } } ); } )(); var windowOpen; ( function () { function matches( el, sel ) { return !! ( el.matches && el.matches( sel ) || el.msMatchesSelector && el.msMatchesSelector( sel ) ); } document.body.addEventListener( 'click', function ( event ) { if ( ! event.target ) { return; } var el; if ( matches( event.target, 'a.share-pocket' ) ) { el = event.target; } else if ( event.target.parentNode && matches( event.target.parentNode, 'a.share-pocket' ) ) { el = event.target.parentNode; } if ( el ) { event.preventDefault(); // If there's another sharing window open, close it. if ( typeof windowOpen !== 'undefined' ) { windowOpen.close(); } windowOpen = window.open( el.getAttribute( 'href' ), 'wpcompocket', 'menubar=1,resizable=1,width=450,height=450' ); return false; } } ); } )(); </script> <script type="text/plain" data-service="google-analytics" async data-category="statistics" src="https://www.googletagmanager.com/gtag/js?id="></script> <div id="QWY0cTZGYXBWS29xSVBVK3NGZXdkbGVsQ2pnYW10YW5TZlhGOVN4NHZJWT0egpqb" class="QWY0cTZGYXBWS29xSVBVK3NGZXdkbGVsQ2pnYW10YW5TZlhGOVN4NHZJWT0egpqb"> <div class="MTU0R2czM1lscGpsZHloUjJkQWYyelQvbTFpRi8xWWltZHpzS2tKcS9mND0egpqb dk5ma1JXMGF6NXdPNGtnWEg3YmNNZnd1blJBUWJabitBSHpzK3YySGJZbjJwVkNDY0RvRGpCT25lK2ZxRWs5Vgegpqbegpqb" id="MTU0R2czM1lscGpsZHloUjJkQWYyelQvbTFpRi8xWWltZHpzS2tKcS9mND0egpqb"> <div class="dWl2TkpUNzN5SUx2anoycURaUmFJT2pQcFhqYUhvTm1RbnJmY1N1M3VGOD0egpqb" id="dWl2TkpUNzN5SUx2anoycURaUmFJT2pQcFhqYUhvTm1RbnJmY1N1M3VGOD0egpqb"> <div class="emNaaXFlRCtEYmVrOWpDMWx0cEladC9qbkZqYmIyUjY1ZE12Q29MK0M4QT0egpqb theme1"> <div class="dWl2TkpUNzN5SUx2anoycURaUmFJT2pQcFhqYUhvTm1RbnJmY1N1M3VGOD0egpqb"> <div class="bEJUeGJ6ZC92VFJOS0RTclV1MjFsQzNHSDZjeEdxR3lZRFd6cEtUU2FyND0egpqb"> <img class="dkQ0dkl5QmdlOXdLa2tuK2pvRnJUTmdweEZrcmlDTzYwenMrQ2lmWXJacz0egpqb" src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/icon.png" alt="HTML5 Basics Guide 2022" title="HTML5 Basics Guide 2022"> </div> <h4 class="adblock_title">Ads Blocker Detected!!!</h4> <div class="adblock_subtitle"><p>We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.</p></div> <div class=""> <a class="Zjg2UTVrNlRKUDB1NDVMb3dBdHZKOGdEb0xzaDJINi9QYlVpRHBvTVd2bnJSYUxyNXhPNHdYV01yUE42WERjdgegpqbegpqb" onclick="reload()">Refresh</a> </div> </div> </div> </div> </div> <div class="Vmt5aC9vcFdub1ZNanVJQTFmWDlZWW1XeU5KeGJCSXJrVlJPTXVlUUU4Z1k3TllhbDRSRVA5R2N6OXBNaWhDQgegpqbegpqb"><a id="Vmt5aC9vcFdub1ZNanVJQTFmWDlZWW1XeU5KeGJCSXJrVlJPTXVlUUU4Z1k3TllhbDRSRVA5R2N6OXBNaWhDQgegpqbegpqb" href="https://chpadblock.com/" target="_blank" rel="noopener noreferrer"><span class="TFlFckRRRW1EVlQxbDNkWWRzUzAxMmY3T0hoVEkzZ3dJa3VOWUdUTW1qRXhJK0ZWVVNWSDRZVVQ1TjVMZnBhYgegpqbegpqb" style="color: rgb(9, 13, 22);">Powered By</span> <div class="Vmt5aC9vcFdub1ZNanVJQTFmWDlZYU5ZK296TUxnQUFCKzMwZ2RNSUNiNGd4SUpuc3RQM2FsaWNnTWE1RHg1Ygegpqbegpqb"><img src="https://coursemetry.com/wp-content/plugins/chp-ads-block-detector/assets/img/d.svg" alt="HTML5 Basics Guide 2022" title="HTML5 Basics Guide 2022" /></div></a></div></div> <script type="text/plain" data-service="general" data-category="marketing"> const dEUxelYzeVIzRGV3ek51ZkNNd3NYZ0h3dDQ2V0lVNGYrUFZveldwRU1vT2NFaDdpWjZ2UE1jMGRTMVBiMlpwVwegpqbegpqb=document.getElementById("QWY0cTZGYXBWS29xSVBVK3NGZXdkbGVsQ2pnYW10YW5TZlhGOVN4NHZJWT0egpqb");const adbEnableForPage=true;const debug=true;const adbVersion="3.8.7";const ajaxurl="https://coursemetry.com/wp-admin/admin-ajax.php";let onPageLoad=true;let googleAdsControl=true;let imageAdsControl=true;let classAdsControl=true;let displayOnce=0;const S3pqMHRrSTJReWhCYm5uemc5VEdTN1RxWnl2TWo3Ni9VU001Wks1U3V0R2tyM09YYk1VdEFON1JLajB4RWxGYQegpqbegpqb=["https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js","https://ads-api.twitter.com"];const brandingBtn=document.getElementById("Vmt5aC9vcFdub1ZNanVJQTFmWDlZWW1XeU5KeGJCSXJrVlJPTXVlUUU4Z1k3TllhbDRSRVA5R2N6OXBNaWhDQgegpqbegpqb");if(brandingBtn){brandingBtn.addEventListener("click",function(event){event.preventDefault();window.location.href="https://chpadblock.com/pricing/";return false;});} const adblockCloseBtn=document.getElementById("dit2UHB5WThCTjRueEM0UXNtNmJDd0JYSUU5Y3hSWS83NElZdjRZbnEvZy9aV1FjWlYwbDdxWlJQaVorcldrMwegpqbegpqb");if(adblockCloseBtn){adblockCloseBtn.onclick=function(){ZUFDQkhueEJQclQ4d2RoSk5YQ3Q2SlFrV1pyRStWQ3ZCQzArM0QxNkZ0VHp4T2NucWw2RzZ5SkZ6ZDd2WjA2Swegpqbegpqb();}} function b3lIeVB3VGEwSzc1TDhEc29qOEwvVkkwcmtpVWIxVzR3Umk0S3Yybm91eC9tNHo5TjFIWXd4Q2RQSG1TdUpvegegpqbegpqb(){try{return window.navigator.onLine;}catch(error){return true;}} let serverReqCount=0;let adreqfound=false;function adsBlocked(callBackFunc){if(adreqfound)return true;if(serverReqCount>=S3pqMHRrSTJReWhCYm5uemc5VEdTN1RxWnl2TWo3Ni9VU001Wks1U3V0R2tyM09YYk1VdEFON1JLajB4RWxGYQegpqbegpqb.length){callBackFunc(adreqfound);return true;} if(S3pqMHRrSTJReWhCYm5uemc5VEdTN1RxWnl2TWo3Ni9VU001Wks1U3V0R2tyM09YYk1VdEFON1JLajB4RWxGYQegpqbegpqb.length>0&&b3lIeVB3VGEwSzc1TDhEc29qOEwvVkkwcmtpVWIxVzR3Umk0S3Yybm91eC9tNHo5TjFIWXd4Q2RQSG1TdUpvegegpqbegpqb()){const reqURL=S3pqMHRrSTJReWhCYm5uemc5VEdTN1RxWnl2TWo3Ni9VU001Wks1U3V0R2tyM09YYk1VdEFON1JLajB4RWxGYQegpqbegpqb[serverReqCount];const adsRequest=new Request(reqURL,{method:"HEAD",mode:"no-cors"});fetch(adsRequest).then(function(res){if(debug){console.warn(`[ADB DEBUG] Ads Request [${reqURL}] Passed!!!`);} serverReqCount++;adreqfound=false;adsBlocked(callBackFunc);}).catch(function(res){if(debug){console.error(`[ADB DEBUG] Ads Request [${reqURL}] Failed!!!`);console.error(`[ADB DEBUG] ${res}`)} callBackFunc(true);adreqfound=true;})}else{if(debug){console.warn("[ADB DEBUG] Ads Request Failed. Reason: Blocked by Filter Hook or Offline!!!");}}} function chpadb_default_callback(e){console.log(e)} function reload(){window.location.href=window.location.href} function redirect(e){window.location.href=e} function hasClass(e,t){return!!e.className.match(new RegExp("(\\s|^)"+t+"(\\s|$)"))} function addClass(e,t){hasClass(e,t)||(e.className+=" "+t)} function removeClass(e,t){if(hasClass(e,t)){var o=new RegExp("(\\s|^)"+t+"(\\s|$)");e.className=e.className.replace(o," ")}} let count=0;function ZUFDQkhueEJQclQ4d2RoSk5YQ3Q2SlFrV1pyRStWQ3ZCQzArM0QxNkZ0VHp4T2NucWw2RzZ5SkZ6ZDd2WjA2Swegpqbegpqb(){try{if(typeof dEUxelYzeVIzRGV3ek51ZkNNd3NYZ0h3dDQ2V0lVNGYrUFZveldwRU1vT2NFaDdpWjZ2UE1jMGRTMVBiMlpwVwegpqbegpqb=='object'){removeClass(dEUxelYzeVIzRGV3ek51ZkNNd3NYZ0h3dDQ2V0lVNGYrUFZveldwRU1vT2NFaDdpWjZ2UE1jMGRTMVBiMlpwVwegpqbegpqb,"Z2NuSDRRZEtFRmVpWG5RT1YwNThLaHN0Q3pYYzdMM21OMVBnQnJ2ZTVocz0egpqb");removeClass(document.body,"akR0Tk53aGs5Z1dnT0NKSFNIOVl1aE1IQjNvY0dGTmZNM2xsSnlsV29NRT0egpqb")}}catch(e){console.warn(e);}} function Z2NuSDRRZEtFRmVpWG5RT1YwNThLZ2hmWnVIdzhDSmNBQnR4dFNadHBEMU9pY3k5eDNObitLaUNHWmRQSzFLKwegpqbegpqb(modal){if(modal!=null&&0==displayOnce){displayOnce++;addClass(modal,"Z2NuSDRRZEtFRmVpWG5RT1YwNThLaHN0Q3pYYzdMM21OMVBnQnJ2ZTVocz0egpqb");addClass(document.body,"akR0Tk53aGs5Z1dnT0NKSFNIOVl1aE1IQjNvY0dGTmZNM2xsSnlsV29NRT0egpqb")}} function chp_adblock_browser(){return /Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Opera":/MSIE (\d+\.\d+);/.test(navigator.userAgent)?"MSIE":/Navigator[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Netscape":/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Chrome":/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Safari":/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)?"Firefox":"Unknown"} function chp_ads_blocker_detector(enable){if(enable){Z2NuSDRRZEtFRmVpWG5RT1YwNThLZ2hmWnVIdzhDSmNBQnR4dFNadHBEMU9pY3k5eDNObitLaUNHWmRQSzFLKwegpqbegpqb(dEUxelYzeVIzRGV3ek51ZkNNd3NYZ0h3dDQ2V0lVNGYrUFZveldwRU1vT2NFaDdpWjZ2UE1jMGRTMVBiMlpwVwegpqbegpqb);}} function doesElementIsBlocked(elem){if(elem.offsetParent===null||elem.offsetHeight==0||elem.offsetLeft==0||elem.offsetTop==0||elem.offsetWidth==0||elem.clientHeight==0||elem.clientWidth==0){return true;}else if(window.getComputedStyle!==undefined){let elemCS=window.getComputedStyle(elem,null);if(elemCS&&(elemCS.getPropertyValue('display')=='none'||elemCS.getPropertyValue('visibility')=='hidden')){return true;}} return false;} let prevCount=0;function checkMultiple(){let enable=false;if(classAdsControl){let divEle=document.createElement("div");divEle.innerHTML=" ";divEle.className="ad ads doubleclick ad-placement ad-placeholder adbadge BannerAd adsbox ad-large ad-large ad-left ad-limits ad-link ad-live ad-loading ad-map ad-marker ad-master ad-pixel ad-random ad-refresh ad-300x250 ad ads doubleclick ad-placement ad-placeholder adbadge BannerAd adsbox pub_300x250 pub_300x250m pub_728x90 text-ad textAd text_ad text_ads text-ads text-ad-links";divEle.id="c3poNzlOazlyWmR4cVJLTWs2Uk9EZTRZUzAyNWZkeGFjZ3p5V3FlRXROYjJmcmdZdEpjRy9rcVpJK2dnRzg0dAegpqbegpqb";divEle.style="width: 1px !important; height: 1px !important; position: absolute !important; left: -10000px !important; top: -1000px !important;";try{if(!document.body.contains(document.getElementById('c3poNzlOazlyWmR4cVJLTWs2Uk9EZTRZUzAyNWZkeGFjZ3p5V3FlRXROYjJmcmdZdEpjRy9rcVpJK2dnRzg0dAegpqbegpqb'))){document.body.appendChild(divEle);let adBoxEle=document.querySelector(".adsbox");enable=doesElementIsBlocked(adBoxEle);console.log("Enable",enable);if(debug){if(enable){console.warn("[ADB DEBUG] Class Add Request Failed!!!");}else{console.log("[ADB DEBUG] Class Add Request Passed!!!");}}}else{let adBoxEleId=document.getElementById("c3poNzlOazlyWmR4cVJLTWs2Uk9EZTRZUzAyNWZkeGFjZ3p5V3FlRXROYjJmcmdZdEpjRy9rcVpJK2dnRzg0dAegpqbegpqb");removeClass(adBoxEleId,` ads_${prevCount}`);removeClass(adBoxEleId,`ads_${prevCount}`);prevCount++;addClass(adBoxEleId,`ads_${prevCount}`);}}catch(error){divEle.parentNode.removeChild(divEle);}}else{if(debug){console.warn("[ADS PRO DEBUG] Check Multiple Request Blocked by Filter Hook or Offline");}} return enable;} function isHidden(e){try{return"none"===window.getComputedStyle(e).display;}catch(error){} return false;} function init(){adsBlocked(function(enable){if(enable){chp_ads_blocker_detector(true);}else{if(imageAdsControl){enable=isHidden(document.getElementById("R3VQTURDU1MvQ3Noc0wrRXoxbllOV1BlVkNYRkJBUXhDV0NMV2dQbkxBZkdjWUV5TGl5Q1doamEvYnRzNnNFMQegpqbegpqb"));if(debug){if(enable){console.warn("[ADB DEBUG] Image Ads Request Failed!!!");}else{console.log("[ADB DEBUG] Image Ads Request Passed!!!");}}} if(!enable){enable=checkMultiple();if(debug){if(enable){console.warn("[ADB DEBUG] Check Multiple Request Failed!!!");}else{console.log("[ADB DEBUG] Check Multiple Request Passed!!!");}}} chp_ads_blocker_detector(enable)}})} function startCheckingAdblock(){init();} if(adbEnableForPage){if(onPageLoad){document.addEventListener("DOMContentLoaded",function(e){startCheckingAdblock();},false);}else{startCheckingAdblock();}}</script><script type="text/plain" data-service="jetpack-statistics" data-category="statistics" src='https://stats.wp.com/e-202239.js' defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',j:'1:11.3.2',blog:'188052649',post:'64301',tz:'2',srv:'coursemetry.com'} ]); _stq.push([ 'clickTrackerInit', '188052649', '64301' ]); </script> <script type="text/javascript" id="uagb-script-frontend-64301">document.addEventListener("DOMContentLoaded", function(){ var ssLinks = document.querySelectorAll( '.uagb-block-f1a6f3da' ); for ( var j = 0; j < ssLinks.length; j++ ) { var ssLink = ssLinks[j].querySelectorAll( ".uagb-ss__link" ); for ( var i = 0; i < ssLink.length; i++ ) { ssLink[i].addEventListener( "click", function() { var social_url = this.dataset.href; var target = ""; if( social_url == "mailto:?body=" ) { target = "_self"; } var request_url =""; if( social_url.indexOf("/pin/create/link/?url=") !== -1) { request_url = social_url + encodeURIComponent( window.location.href ) + "&media=" + 'https://coursemetry.com/wp-content/uploads/2022/08/4801646_62c0_2.jpg'; }else{ request_url = social_url + encodeURIComponent( window.location.href ); } window.open( request_url, target ); }); } } })</script></body> </html>