HTML Elements and Tags
Basic HTML tags
Here are some basic HTML tags that you can use to create a web page:
- : This tag defines the root of an HTML document.
- : This tag contains information about the document, such as the title, metadata, and links to CSS files.
: This tag specifies the title of the document, which is displayed in the browser’s title bar.</li> <li><body>: This tag contains the visible content of the web page, such as text, images, videos, and other HTML elements.</li> <li><h1>, <h2>, <h3>, <h4>, <h5>, <h6>: These tags are used to create headings of different levels on the web page.</li> <li><p>: This tag is used to create paragraphs of text.</li> <li><img>: This tag is used to display images on the web page.</li> <li><a>: This tag is used to create hyperlinks to other web pages or resources.</li> <li><ul>, <ol>, <li>: These tags are used to create bulleted and numbered lists.</li> <li><div>, <span>: These tags are used to group and format content on the web page.</li> </ul> <p>These basic HTML tags provide a foundation for creating a simple web page. By using these tags and adding content, you can create a basic HTML document that can be viewed in a web browser.</p> <p><u>HTML attributes</u></p> <p></p> <p>HTML attributes are used to provide additional information about an HTML element. They are used to modify the behavior or appearance of an element, or to provide extra information to the browser.</p> <p></p> <p>Here are some common HTML attributes:</p> <p></p> <ul> <li>Class: this attribute is used to specify one or more class names for an element, which can be used to style the element with css.</li> <li>Id: this attribute is used to specify a unique identifier for an element, which can be used to reference the element with javascript or css.</li> <li>Style: this attribute is used to specify inline css styles for an element.</li> <li>Src: this attribute is used to specify the url of an external resource, such as an image or a video.</li> <li>Href: this attribute is used to specify the url of a hyperlink.</li> <li>Alt: this attribute is used to provide alternative text for an image, which is displayed if the image cannot be loaded or if the user is using a screen reader.</li> <li>Title: this attribute is used to provide a title or tooltip for an element, which is displayed when the user hovers over the element with their mouse.</li> <li>Width and height: these attributes are used to specify the width and height of an element, such as an image or a table.</li> <li>Target: This attribute is used to specify where to open the linked document or resource, such as in a new window or tab.</li> </ul> <p></p> <p>HTML attributes are an important part of creating dynamic and interactive web pages. By using attributes, you can add functionality and customization to your HTML elements.</p> <div id='jp-relatedposts' class='jp-relatedposts' > <h3 class="jp-relatedposts-headline"><em>Related</em></h3> </div> </div> </div> </div> </div> <div class="tutor-learning-area-footer" data-lesson> <a href="https://globaltechmastery.com/courses/html/lesson/basic-structure-of-an-html-document/" style="visibility:visible" class="tutor-btn tutor-btn-ghost tutor-btn-small"><svg width="16" height="16" viewBox="0 0 20 20" fill="none" role="presentation" aria-hidden="true" class="tutor-icon-flip-rtl"> <path d="M11.667 5L6.66699 10L11.667 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>Previous</a><a href="https://globaltechmastery.com/courses/html/lesson/html-block-vs-inline-elements/" style="visibility:visible" class="tutor-btn tutor-btn-ghost tutor-btn-small">Next<svg width="16" height="16" viewBox="0 0 20 20" fill="none" role="presentation" aria-hidden="true" class="tutor-icon-flip-rtl"> <path d="M8.33301 15L13.333 10L8.33301 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg></a></div> </div> </div> </div> <button class="tutor-btn tutor-btn-outline tutor-btn-small tutor-btn-icon tutor-expand-btn" @click="isFullScreen = !isFullScreen" :aria-label="isFullScreen ? 'Exit fullscreen' : 'Enter fullscreen'" > <template x-if="!isFullScreen"> <svg width="16" height="16" viewBox="0 0 20 20" fill="none" role="presentation" aria-hidden="true" class="tutor-icon-flip-rtl"> <rect x="2.26699" y="2.26699" width="15.4667" height="15.4667" rx="2.4" stroke="currentColor" stroke-width="1.2"/> <path d="M14.1667 7.08301L11.25 9.99967L14.1667 12.9163" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.91699 2.08301V18.0278" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/> </svg> </template> <template x-if="isFullScreen"> <svg width="16" height="16" viewBox="0 0 20 20" fill="none" role="presentation" aria-hidden="true" class="tutor-icon-flip-rtl"> <rect x="2.26699" y="2.26699" width="15.4667" height="15.4667" rx="2.4" stroke="currentColor" stroke-width="1.2"/> <path d="M11.2503 12.916L14.167 9.99935L11.2503 7.08268" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.91699 2.08301V18.0278" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/> </svg> </template> </button> </div> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/wp-bootstrap-4/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce"> window.wp_kirki = { ajaxUrl: "https://globaltechmastery.com/wp-admin/admin-ajax.php", restUrl: "https://globaltechmastery.com/wp-json/", siteUrl: "https://globaltechmastery.com", apiVersion: "v1", postId: "465", nonce: "229c39caf3", call_from: "", templateId: "", context: {"id":465,"type":"post"} }; </script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script id="ce4wp_form_submit-js-extra"> var ce4wp_form_submit_data = {"siteUrl":"https://globaltechmastery.com","url":"https://globaltechmastery.com/wp-admin/admin-ajax.php","nonce":"20cc344cfc","listNonce":"9fd9ff7e64","activatedNonce":"bf263f5b64"}; //# sourceURL=ce4wp_form_submit-js-extra </script> <script id="ce4wp_form_submit-js" src="https://globaltechmastery.com/wp-content/plugins/creative-mail-by-constant-contact/assets/js/block/submit.js?ver=1715032795"></script> <script id="wp-i18n-js" src="https://c0.wp.com/c/7.0.1/wp-includes/js/dist/i18n.min.js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script id="swv-js" src="https://globaltechmastery.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script> <script id="contact-form-7-js-before"> var wpcf7 = { "api": { "root": "https:\/\/globaltechmastery.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; //# sourceURL=contact-form-7-js-before </script> <script id="contact-form-7-js" src="https://globaltechmastery.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script> <script id="tutor-core-js-extra"> var _tutorobject = {"ajaxurl":"https://globaltechmastery.com/wp-admin/admin-ajax.php","home_url":"https://globaltechmastery.com","site_url":"https://globaltechmastery.com","site_title":"Global Tech Mastery","base_path":"/","tutor_url":"https://globaltechmastery.com/wp-content/plugins/tutor/","tutor_pro_url":null,"nonce_key":"_tutor_nonce","_tutor_nonce":"511dda6f9e","loading_icon_url":"https://globaltechmastery.com/wp-admin/images/wpspin_light.gif","placeholder_img_src":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/placeholder.svg","enable_lesson_classic_editor":"","tutor_frontend_dashboard_url":"https://globaltechmastery.com/dashboard/","is_dashboard_page":"","wp_date_format":"MMMM d, yyyy","start_of_week":"1","is_admin":"","is_admin_bar_showing":"","addons_data":[{"name":"Course Bundle","description":"Group multiple courses to sell together.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/course-bundle/thumbnail.svg","base_name":"course-bundle","is_enabled":0},{"name":"Subscription","description":"Manage subscription","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/subscription/thumbnail.png","base_name":"subscription","is_enabled":0},{"name":"Content Bank","description":"Create content once and use it across multiple courses.","is_new":true,"url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/content-bank/thumbnail.png","base_name":"content-bank","is_enabled":0},{"name":"Social Login","description":"Let users register & login through social networks.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/social-login/thumbnail.svg","base_name":"social-login","is_enabled":0},{"name":"Content Drip","description":"Unlock lessons by schedule or when students meet a specific condition.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/content-drip/thumbnail.png","base_name":"content-drip","is_enabled":0},{"name":"Tutor Multi Instructors","description":"Collaborate and add multiple instructors to a course.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-multi-instructors/thumbnail.png","base_name":"tutor-multi-instructors","is_enabled":0},{"name":"Tutor Assignments","description":"Assess student learning with assignments.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-assignments/thumbnail.png","base_name":"tutor-assignments","is_enabled":0},{"name":"Tutor Course Preview","description":"Offer free previews of specific lessons before enrollment.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-course-preview/thumbnail.png","base_name":"tutor-course-preview","is_enabled":0},{"name":"Tutor Course Attachments","description":"Add unlimited attachments/ private files to any Tutor course","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-course-attachments/thumbnail.png","base_name":"tutor-course-attachments","is_enabled":0},{"name":"Tutor Google Meet Integration","description":"Host live classes with Google Meet, directly from your lesson page.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/google-meet/thumbnail.png","base_name":"google-meet","is_enabled":0},{"name":"Tutor Report","description":"Check your course performance through Tutor Report stats.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-report/thumbnail.png","base_name":"tutor-report","is_enabled":0},{"name":"Email","description":"Send automated and customized emails for various Tutor events.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-email/thumbnail.png","base_name":"tutor-email","is_enabled":0},{"name":"Calendar","description":"Enable to let students view all your course events in one place.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/calendar/thumbnail.png","base_name":"calendar","is_enabled":0},{"name":"Notifications","description":"Keep students and instructors notified of course events on their dashboard.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-notifications/thumbnail.png","base_name":"tutor-notifications","is_enabled":0},{"name":"Google Classroom Integration","description":"Enable to integrate Tutor LMS with Google Classroom.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/google-classroom/thumbnail.png","base_name":"google-classroom","is_enabled":0},{"name":"Tutor Zoom Integration","description":"Connect Tutor LMS with Zoom to host live online classes.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-zoom/thumbnail.png","base_name":"tutor-zoom","is_enabled":0},{"name":"Quiz Export/Import","description":"Save time by exporting/importing quiz data with easy options.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/quiz-import-export/thumbnail.png","base_name":"quiz-import-export","is_enabled":0},{"name":"Enrollment","description":"Enable to manually enroll students in your courses.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/enrollments/thumbnail.png","base_name":"enrollments","is_enabled":0},{"name":"Tutor Certificate","description":"Enable to award certificates upon course completion.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-certificate/thumbnail.png","base_name":"tutor-certificate","is_enabled":0},{"name":"Gradebook","description":"Track student progress with a centralized gradebook.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/gradebook/thumbnail.png","base_name":"gradebook","is_enabled":0},{"name":"Tutor Prerequisites","description":"Set course prerequisites to guide learning paths effectively.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-prerequisites/thumbnail.png","base_name":"tutor-prerequisites","is_enabled":0},{"name":"BuddyPress","description":"Boost engagement with social features through BuddyPress for Tutor LMS.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/buddypress/thumbnail.png","base_name":"buddypress","is_enabled":0},{"name":"WooCommerce Subscriptions","description":"Capture Residual Revenue with Recurring Payments.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/wc-subscriptions/thumbnail.png","base_name":"wc-subscriptions","is_enabled":0},{"name":"Paid Memberships Pro","description":"Boost revenue by selling course memberships.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/pmpro/thumbnail.png","base_name":"pmpro","is_enabled":0},{"name":"Restrict Content Pro","description":"Enable to manage content access through Restrict Content Pro. ","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/restrict-content-pro/thumbnail.png","base_name":"restrict-content-pro","is_enabled":0},{"name":"Weglot","description":"Translate & manage multilingual courses for global reach.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-weglot/thumbnail.png","base_name":"tutor-weglot","is_enabled":0},{"name":"WPML","description":"Create multilingual courses, lessons, dashboard and more.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/tutor-wpml/thumbnail.png","base_name":"tutor-wpml","is_enabled":0},{"name":"H5P","description":"Integrate H5P to add interactivity and engagement to your courses.","url":"https://globaltechmastery.com/wp-content/plugins/tutor/assets/images/addons/h5p/thumbnail.png","base_name":"h5p","is_enabled":0}],"current_user":[],"content_change_event":"tutor_content_changed_event","is_tutor_course_edit":"","current_page":"","quiz_answer_display_time":"2000","is_ssl":"1","course_list_page_url":"https://globaltechmastery.com/wp-admin/admin.php?page=tutor","course_post_type":"courses","tutor_currency":{"symbol":"$","currency":false,"position":"left","thousand_separator":",","decimal_separator":".","no_of_decimal":"2"},"local":"en_US","settings":{"monetize_by":"free"},"max_upload_size":"536870912","monetize_by":"free","kids_icons_registry":[],"is_kids_mode":"","user_preferences":[],"is_legacy_learning_mode":"","course_slug":"courses","lesson_slug":"lesson","quiz_slug":"quizzes","is_tour_completed":"","legal_consent_display_places":["student_registration","login","checkout"]}; //# sourceURL=tutor-core-js-extra </script> <script id="tutor-core-js" src="https://globaltechmastery.com/wp-content/plugins/tutor/assets/js/tutor-core.js?ver=4.0.1"></script> <script id="tutor-learning-js" src="https://globaltechmastery.com/wp-content/plugins/tutor/assets/js/tutor-learning-area.js?ver=4.0.1"></script> <script id="tutor-plyr-js" src="https://globaltechmastery.com/wp-content/plugins/tutor/assets/lib/plyr/plyr.polyfilled.min.js?ver=4.0.1"></script> <script id="crisp-js-before"> window.$crisp=[]; if (!window.CRISP_RUNTIME_CONFIG) { window.CRISP_RUNTIME_CONFIG = {} } if (!window.CRISP_RUNTIME_CONFIG.locale) { window.CRISP_RUNTIME_CONFIG.locale = 'en-us' } CRISP_WEBSITE_ID = '93c4f9c9-ed52-45a2-b3d6-53f779891ae1'; //# sourceURL=crisp-js-before </script> <script id="crisp-js" async src="https://client.crisp.chat/l.js?ver=20260715"></script> <script id="bootstrap-4-js-js" src="https://globaltechmastery.com/wp-content/themes/wp-bootstrap-4/assets/js/bootstrap.js?ver=v4.0.0"></script> <script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://c0.wp.com/c/7.0.1/wp-includes/js/comment-reply.min.js"></script> <script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=6LfPe4EhAAAAAML5W60pePu074RGV7ZPg1SLp04I&ver=3.0"></script> <script id="wp-polyfill-js" src="https://c0.wp.com/c/7.0.1/wp-includes/js/dist/vendor/wp-polyfill.min.js"></script> <script id="wpcf7-recaptcha-js-before"> var wpcf7_recaptcha = { "sitekey": "6LfPe4EhAAAAAML5W60pePu074RGV7ZPg1SLp04I", "actions": { "homepage": "homepage", "contactform": "contactform" } }; //# sourceURL=wpcf7-recaptcha-js-before </script> <script id="wpcf7-recaptcha-js" src="https://globaltechmastery.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.6"></script> <script id="jetpack-stats-js-before"> _stq = window._stq || []; _stq.push([ "view", {"v":"ext","blog":"209618138","post":"465","tz":"0","srv":"globaltechmastery.com","j":"1:16.0"} ]); _stq.push([ "clickTrackerInit", "209618138", "465" ]); //# sourceURL=jetpack-stats-js-before </script> <script data-wp-strategy="defer" defer fetchpriority="low" id="jetpack-stats-js" src="https://stats.wp.com/e-202629.js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://globaltechmastery.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.1"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://globaltechmastery.com/wp-includes/js/wp-emoji-loader.min.js </script> <div x-data="tutorModal({"id":"tutor-course-complete-modal"})" x-cloak style="display: none;"> <template x-teleport="body"> <div x-bind="getModalBindings()"> <div x-bind="getBackdropBindings()"></div> <div x-bind="getModalContentBindings()" style="max-width: 426px;"> <button x-data="tutorIcon({ name: 'cross', width: 16, height: 16})" x-bind="getCloseButtonBindings()" aria-label="Close"></button> <div class="tutor-p-7 tutor-pt-10 tutor-flex tutor-flex-column tutor-items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="none" viewbox="0 0 80 80"><g clip-path="url(#a)"><path fill="var(--tutor-visual-brand-1, #4979e8)" fill-rule="evenodd" d="M35.717 7.69c10.57-.376 13.537 3.138 22.746 18.978 11.51 19.799 16.59 24.531 16.59 30.684 0 3.234-.648 6.517-2.784 9.058 3.315.624 5.392 1.517 5.392 2.51 0 1.887-7.492 3.416-16.734 3.416s-16.735-1.529-16.735-3.415c0-1.29 3.505-2.415 8.676-2.996-7.647-11.84-14.08-41.418-17.151-58.235" clip-rule="evenodd" /><path fill="var(--tutor-visual-gray-1, #ffffff)" d="M25.99 14.573c4.504-7.8 15.763-7.8 20.267 0l22.066 38.22c4.504 7.8-1.126 17.551-10.133 17.551H14.057c-9.007 0-14.637-9.75-10.133-17.55z" /><path fill="var(--tutor-visual-brand-1, #4979e8)" d="M25.025 14.015c2.585-4.548 8.174-7.012 13.202-6.03 3.65.63 6.935 3.006 8.68 6.213q2.79 4.334 5.539 8.693a1062 1062 0 0 1 17.587 28.915c1.45 2.45 2.119 5.416 1.796 8.279-.61 6.735-6.85 12.434-13.638 12.244a9548 9548 0 0 1-44.134-.181c-9.925.398-16.889-11.976-11.53-20.162a9540 9540 0 0 1 22.498-37.97m21.232.558c-4.504-7.8-15.763-7.8-20.267 0L3.924 52.793c-4.503 7.8 1.126 17.551 10.133 17.551H58.19c9.007 0 14.636-9.75 10.132-17.55z" /><path fill="#f04438" d="M36.125 47.421a3.27 3.27 0 1 1-.002 6.541 3.27 3.27 0 0 1 .002-6.54m-.005-17.46a2.596 2.596 0 0 1 2.596 2.594v10.45a2.596 2.596 0 0 1-5.19 0v-10.45a2.595 2.595 0 0 1 2.594-2.594" /><path fill="var(--tutor-visual-brand-1, #4979e8)" d="m8.68 30.144 6.927-16.386.385-.91c.165-.392.475-.69.88-.816.404-.128.87-.075 1.278.137.407.213.717.565.844.97s.061.83-.166 1.19l-.526.836-9.48 15.053-.527.836z" /></g><defs><clipPath id="a"><path fill="var(--tutor-visual-gray-1, #ffffff)" d="M0 0h80v80H0z" /></clipPath></defs></svg> <h5 class="tutor-h5 tutor-font-medium tutor-mt-7"> Finish Course Early? </h5> <p class="tutor-p3 tutor-text-secondary tutor-mt-2 tutor-text-center"> <div> <p class="tutor-p3 tutor-text-secondary tutor-text-center tutor-mb-7 tutor-px-11"> You have not completed all required lessons and assessments. </p> <div class="tutor-finish-course-progress tutor-border tutor-p-5 tutor-flex tutor-flex-column tutor-gap-4 tutor-surface-base tutor-rounded-md"> <div class="tutor-flex tutor-items-center tutor-justify-between"> <div class="tutor-p3 tutor-text-secondary"> Your Progress </div> <div class="tutor-p1 tutor-font-bold"> 0% </div> </div> <div data-tutor-animated="" class="tutor-progress-bar"><div class="tutor-progress-bar-fill" style="--tutor-progress-start: 0%;--tutor-progress-width: 0%"></div></div> </div> </div> </p> </div> <div class="tutor-grid tutor-grid-cols-2 tutor-gap-4 tutor-px-7 tutor-pb-6"> <button class="tutor-btn tutor-btn-secondary tutor-btn-small" @click="TutorCore.modal.closeModal('tutor-course-complete-modal')" > Go Back to Course </button> <button class="tutor-btn tutor-btn-destructive tutor-btn-small" :class="courseCompleteMutation?.isPending ? 'tutor-btn-loading' : ''" @click="handleCourseComplete(265)" :disabled="courseCompleteMutation?.isPending" > Complete Anyway </button> </div> </div> </div> </template> </div></body> </html>