codequick-darkmode-logo
LoginSign Up
  • HTML

Introduction to HTML Basic Structure

HTML, which stands for Hypertext Markup Language, is the standard markup language used to create web pages. At its core, HTML provides a structure and format to the content that is displayed on a web page. In this article, we will discuss the basic structure of an HTML document.

The Declaration

Every HTML document should begin with a declaration, which specifies the version of HTML that the document is written in. The declaration is not an HTML tag, but rather an instruction for the web browser about the version of HTML being used.

The following is an example of an declaration for HTML5:

<!DOCTYPE html>

The Element

The element is the root element of an HTML document. It wraps around all the other elements in the document and represents the entire HTML file. The content of the HTML document is placed between the opening tag and the closing tag.

The Element

The element is where you can define meta information about the HTML document, such as the title of the page, character encoding, and linked stylesheets or scripts. The content of the element does not appear directly on the web page.

The Element</h3></div><div><p>The <title> element is used to specify the title of the web page, which is displayed in the browser's title bar or tab. It is a required element within the <head> section of the HTML document.</p></div><div><p>An example of the <title> element:</p></div><span style="font-size:inherit;font-family:inherit;background:#000;color:#f8f8f8;border-radius:3px;display:flex;line-height:1.4285714285714286;overflow-x:auto;white-space:pre"><code style="font-size:inherit;font-family:inherit;line-height:1.6666666666666667;padding:8px"><title>My Web Page</title></code></span><div style="line-height:1.3"><h2>The <body> Element</h2></div><div><p>The <body> element represents the content of the web page that will be displayed in the browser. All the visible elements, such as headings, paragraphs, images, links, and other HTML tags, are placed within the <body> element.</p></div><div style="line-height:1.3"><h3>Example:</h3></div><span style="font-size:inherit;font-family:inherit;background:#000;color:#f8f8f8;border-radius:3px;display:flex;line-height:1.4285714285714286;overflow-x:auto;white-space:pre"><code style="font-size:inherit;font-family:inherit;line-height:1.6666666666666667;padding:8px"> <body> <h1>Hello, World!</h1> <p>This is my first webpage.</p> </body> </code></span><div style="line-height:1.3"><h2>Document Structure</h2></div><div><p>An HTML document typically has a hierarchical structure. Each HTML element can contain other elements, creating a parent-child relationship. The parent element is the one that wraps around its child elements.</p></div><div><p>For example, the <html> element is the parent of both the <head> and <body> elements. The <body> element can then contain multiple child elements, such as headings, paragraphs, and lists.</p></div><div style="line-height:1.3"><h3>Example:</h3></div><span style="font-size:inherit;font-family:inherit;background:#000;color:#f8f8f8;border-radius:3px;display:flex;line-height:1.4285714285714286;overflow-x:auto;white-space:pre"><code style="font-size:inherit;font-family:inherit;line-height:1.6666666666666667;padding:8px"> <html> <head> <title>My Web Page</title> </head> <body> <h1>Hello, World!</h1> <p>This is my first webpage.</p> </body> </html> </code></span><div style="line-height:1.3"><h2>Conclusion</h2></div><div><p>In this article, we have learned about the basic structure of an HTML document. The <!DOCTYPE> declaration defines the HTML version, the <html> element is the root of the document, and the <head> and <body> elements provide meta and content information respectively. Understanding the structure of an HTML document is essential for building web pages.</p></div><div><p>For further information, you can refer to the following resources:</p></div><div><ul> <li><a target="_blank" style="color: #00b4ef !important" href="https://www.w3schools.com/html/" target="_blank">W3Schools HTML Tutorial</a></li> <li><a target="_blank" style="color: #00b4ef !important" href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank">MDN Web Docs - HTML</a></li> <li><a target="_blank" style="color: #00b4ef !important" href="https://html.com/" target="_blank">HTML.com</a></li> </ul></div></div></div></div></div></div></div><div></div><div><style data-emotion="css jqqtkh">@media print{.css-jqqtkh{position:absolute!important;}}.css-jqqtkh .MuiPaper-root{padding:8px;}</style></div><div></div><div></div></div></main></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"links":[{"path":"rest-and-spread-operators","name":"Rest and Spread Operators","resource":"javascript-advance"},{"path":"classes","name":"Classes","resource":"javascript-advance"},{"path":"input-elements","name":"Input Elements","resource":"html"},{"path":"submit-and-reset-buttons","name":"Submit and Reset Buttons","resource":"html"},{"path":"css-selectors","name":"CSS Selectors","resource":"css"},{"path":"visibility-vs-display","name":"Visibility vs. Display","resource":"css"},{"path":"modules","name":"Modules","resource":"javascript-advance"},{"path":"destructuring-assignment","name":"Destructuring Assignment","resource":"javascript-advance"},{"path":"default-parameters","name":"Default Parameters","resource":"javascript-advance"},{"path":"promises","name":"Promises","resource":"javascript-advance"},{"path":"textarea-element","name":"Textarea Element","resource":"html"},{"path":"form-element","name":"Form Element","resource":"html"},{"path":"inline-styles","name":"Inline Styles","resource":"css"},{"path":"html-tables","name":"HTML Tables","resource":"html"},{"path":"select-lists-and-options","name":"Select Lists and Options","resource":"html"},{"path":"font-styling","name":"Font Styling","resource":"css"},{"path":"generators","name":"Generators","resource":"javascript-advance"},{"path":"html-headings-h-1-h-6","name":"HTML Headings (h1-h6)","resource":"html"},{"path":"html-lists-ul-and-ol","name":"HTML Lists (ul and ol)","resource":"html"},{"path":"position-in-css","name":"Position in CSS","resource":"css"},{"path":"arrow-functions","name":"Arrow Functions","resource":"javascript-advance"},{"path":"async-await","name":"Async-Await","resource":"javascript-advance"},{"path":"labels-in-forms","name":"Labels in Forms","resource":"html"},{"path":"checkbox-inputs","name":"Checkbox Inputs","resource":"html"},{"path":"border-radius","name":"Border Radius","resource":"css"},{"path":"new-array-methods-in-ecamscript","name":"New Array Methods In Ecamscript","resource":"javascript-advance"},{"path":"let-and-const","name":"Let and Const","resource":"javascript-advance"},{"path":"exponentiation-operator","name":"Exponentiation Operator","resource":"javascript-advance"},{"path":"links-anchor-element","name":"Links (anchor element)","resource":"html"},{"path":"images-img-element","name":"Images (img element)","resource":"html"},{"path":"font-size","name":"Font Size","resource":"css"},{"path":"element-border","name":"Element Border","resource":"css"},{"path":"symbol","name":"Symbol","resource":"javascript-advance"},{"path":"template-literals","name":"Template Literals","resource":"javascript-advance"},{"path":"using-then-and-catch","name":"Using then and catch","resource":"javascript-advance"},{"path":"div-vs-span","name":"Div vs Span","resource":"html"},{"path":"text-alignment","name":"Text Alignment","resource":"css"},{"path":"margin-and-padding","name":"Margin and Padding","resource":"css"},{"path":"colors","name":"Colors","resource":"css"},{"path":"html-forms-overview","name":"HTML Forms Overview","resource":"html"},{"path":"flex-box-in-css","name":"FlexBox in Css","resource":"css"},{"path":"strings","name":"Strings","resource":"javascript"},{"path":"position-using-top-left-right-bottom","name":"Position Using top, left, right, bottom","resource":"css"},{"path":"for-loops","name":"For Loops","resource":"javascript"},{"path":"arrays-overview","name":"Arrays Overview","resource":"javascript"},{"path":"function-arguments","name":"Function Arguments","resource":"javascript"},{"path":"ajax-with-xml-http-request","name":"AJAX with XmlHttpRequest","resource":"javascript"},{"path":"units-in-css","name":"Units in Css","resource":"css"},{"path":"callback-functions","name":"Callback Functions","resource":"javascript"},{"path":"position-using-z-index-property","name":"Position using z-index Property","resource":"css"},{"path":"logical-boolean-operators","name":"Logical boolean Operators","resource":"javascript"},{"path":"appending-elements","name":"Appending Elements","resource":"javascript"},{"path":"retrieving-elements","name":"Retrieving Elements","resource":"javascript"},{"path":"timers-set-timeout-set-interval","name":"Timers (setTimeout, setInterval)","resource":"javascript"},{"path":"basic-math-operations","name":"Basic Math Operations","resource":"javascript"},{"path":"functions-basics","name":"Functions Basics","resource":"javascript"},{"path":"return-values","name":"Return Values","resource":"javascript"},{"path":"inner-text-and-class-list","name":"InnerText and classList","resource":"javascript"},{"path":"variables-var","name":"Variables (var)","resource":"javascript"},{"path":"modulo-operator","name":"Modulo Operator (%)","resource":"javascript"},{"path":"objects-overview","name":"Objects Overview","resource":"javascript"},{"path":"nested-functions","name":"Nested Functions","resource":"javascript"},{"path":"while-loops","name":"While Loops","resource":"javascript"},{"path":"nested-loops","name":"Nested Loops","resource":"javascript"},{"path":"creating-elements","name":"Creating Elements","resource":"javascript"},{"path":"event-binding","name":"Event Binding","resource":"javascript"},{"path":"json","name":"JSON","resource":"javascript"},{"path":"calling-functions","name":"Calling Functions","resource":"javascript"},{"path":"input-events","name":"Input Events","resource":"javascript"},{"path":"the-console-log-function","name":"The Console.log function","resource":"javascript"}],"resourceId":"html","_nextI18Next":{"initialI18nStore":{"en":{"general":{"h1":"welcome to codequick in English!","login":"Login","signup":"Sign Up","back":"Back","myProfile":"My Profile","courses":"Courses","nickname":"Nickname","accountSettings":"Account Settings","logout":"Logout","learnToCode":"Learn to Code","withAITeacher":"with AI Teacher","atCodequick":"At Codequick","stepIntoCoding":"Step into the world of coding with Codequick. From HTML, CSS, and Javascript to Node.js, our AI-assisted lessons are suitable for all skill levels.","beginTechJourney":"Begin your tech journey today.","signUpFree":"Sign Up Free","codingQuestions":"Coding Questions","solvedQuestions":"Solved Questions","learners":"Learners","countries":"Countries","earnedCoins":"Earned Coins","unlockYourCodingPotential":"Unlock Your Coding Potential","t1":"Revolutionize Your Code Learning with Cody AI","t2":"Explore the future of coding with CodeQuick.","t3":"Meet Cody, your AI teacher, for interactive learning. Supercharge your coding journey.","t4":"Track Your Progress","t5":"Online Coding Questions","t6":"Interactive Guidance","t7":"AI Private Teacher","t8":"Cody AI For The Help","t9":"Revolutionary Learning Curve","t10":"24/7 AI Assistants","t11":"Track Your Private AI Teacher Usage","t12":"Courses","t13":"Empowering Your Coding Future","t14":"From a diverse course range, interactive coding exercises, top-notch educators to flexible learning options, we provide the skills you need for your tech career journey.","t15":"AI Assistance: Receive real-time coding question support powered by advanced AI.","t16":"Wide Course Range: Our diverse courses cover everything from HTML, CSS and Javascript to React, Node.js and MongoDB.","t17":"Interactive: Enhance your understanding with fun coding exercises and challenges.","t18":"Reward System: Earn 'Codequick Coins' as you learn and rise as a top learner.","t19":"Boost Your Skills with Codequick's Advanced Learning","t20":"Track progress, earn rewards, compete with peers, receive AI assistance, and save with learner discounts.","t21":"Progress Tracking: Monitor your growth and maintain motivation with Codequick.","t22":"Flexible Learning: Study at your pace, on your schedule.","t23":"Community Comparison: Gauge your progress against the Codequick community.","t24":"Learner Discounts: Learn more, spend less with 'Codequick Coins' discounts.","t25":"What do we do differently?","t26":"Embrace the Codequick Difference: Unique, Interactive, and Rewarding Coding Learning Experience","t27":"Advanced AI Assistance","t28":"Diverse Courses","t29":"Gamified Learning","t30":"Community Engagement","t31":"Learner Incentives","t32":"Customized Progress Tracking","t33":"By integrating AI technology, Codequick offers learners real-time assistance on coding questions, emulating the support of a personal instructor.","t34":"Codequick provides a diverse range of courses covering not just basic HTML and CSS, but also advanced topics like Node.js, React, and MongoDB.","t35":"With a unique reward system, Codequick turns learning into a fun, interactive game, where learners earn 'Codequick Coins' as they progress.","t36":"Codequick promotes a sense of community among learners, providing anonymous nicknames to compare progress and encourage friendly competition.","t37":"Codequick motivates learners with the opportunity to use 'Codequick Coins' for discounts on the platform, rewarding diligent students with financial benefits.","t38":"Unlike many platforms, Codequick tracks each user's progress individually, providing detailed feedback and encouragement for learners to reach their potential.","t39":"Good students Pay less!","t40":"At Codequick, your progress earns you Coins.","t41":"These Coins can reduce the cost of our premium plans. So, the more and better you learn, the less you pay.","t42":"Transform your learning into a rewarding adventure with us!","t43":"How it works?","t44":"Answered a question without solution. (up to 3 attempts to solve)","t45":"Answered a question without solution. (more then 3 attempts to solve)","t46":"Answered a question with a usage of our suggested solution.","t47":"Have you peek at the solution once or more? we only reduce once.","t48":"When utilizing our AI assistant Cody to solve a question, you will receive only 15 coins.","t49":"*Complex questions on Codequick offer larger coin rewards due to their increased difficulty.","t50":"What will you get?","t51":"Coins","t52":"Plan","t53":"Monthly Discount","t54":"Why Codequick?","t55":"Interactive Lessons","t56":"AI Assistance","t57":"Wide Curriculum","t58":"Quality Content","t59":"Flexible Learning","t60":"Career Skills","t61":"Progress Tracking","t62":"Reward System","t63":"Learner Discounts","t64":"About Codequick","t65":"Codequick: Empowering you with interactive coding questions, video lessons, and AI assistance for effortless mastery of programming. Track progress, receive rankings, and embark on personalized coding journeys to unlock your full potential.","t66":"About Us","t67":"Privacy Policy","t68":"Terms Of Service","t69":"Help","t70":"Resources","t71":"Contact Us","t72":"FAQ","t73":"Learn Code","t74":"Pricing","t75":"Courses","t76":"Coding Platform","t77":"Good Morning","t78":"Good Afternoon","t79":"Good Evening","t80":"Good Night","t81":"Coins","t82":"Join Now","t83":"Private AI Teacher Credit","t84":"Private AI Teacher","t85":"Get Cody, your AI private coding teacher.","t86":"Buy credits and elevate your coding skills.","t87":"Buy Credit","t88":"Start Course","t89":"lessons and","t90":"online coding questions","t91":"Lessons","t92":"Syllabus","t93":"What topics will be covered in the course?","t94":"No available credit yet","t95":"Cody AI usage","t96":"Ai Usage","t97":"Step into the exciting world of coding with Codequick - take advantage of our special promotional pricing and begin your journey to expertise.","t98":"Full Access","t99":"Monthly","t100":"Access to all the code questions on codequick","t101":"Get access to all future courses.","t102":"Get code solutions and save your code with us.","t103":"Collecting codequick coins.","t104":"Statistics on your solutions.","t105":"Cancel subscription at any time.","t106":"Get free $5 AI private (Cody) teacher credit to your account.","t107":"Get access to all course content.","t108":"Get code solutions and save your code with us.","t109":"Collecting codequick coins.","t110":"Statistics on your solutions.","t111":"Get 2 months free with a 1-year subscription.","t112":"Upgrade your plan","t113":"Go Premium","t114":"$2 discount each month","t115":"$5 discount each month","t116":"$8 discount each month","t117":"Select your language","t118":"Your Coding Journey Starts Here","t119":"Want to have access to all our courses content?","t120":"Choose Your Plan","t121":"Ready For The Challenge?","t122":"Well Done!","t123":"Click to copy the HTML element text!","t124":"Check your code!","t125":"Click Me","t126":"Click to start","t127":"Solve your first coding question","t128":"Get Full Access","t129":"Get full access to course videos and coding questions","t130":"Lifetime access to course content","t131":"Buy course now","t132":"Course Price","t133":"One-Time Payment"},"courses":{"t1":"Exercise","t2":"Coding Question","t3":"Are you sure you want to use the solution?","t4":"Cancel","t5":"Yes","t6":"Question","t7":"out of","t8":"Show Solution","t9":"Previous","t10":"Next","t11":"Solution","t12":"Note: Solution display deducts coins.","t13":"Lesson","t14":"Question Instructions","t15":"Please switch to a desktop for better coding experience.","t16":"In this question you can Earn up to","t17":"Coins.","t18":"Code Results","t19":"You haven't run a code test yet","t20":"Ai Teacher","t21":"Hey there! I'm Cody, your helpful AI assistant. How can I assist you today? 😊","t22":"Ask cody AI for help","t23":"Run Code","t24":"Save","t25":"Your Server Address","t26":"Click on the Run Code button, and you will get a real server endpoint that codequick website setup for you.","t27":"Perform requests to the address, and you will receive real-time feedback for your server. Please note that the server will be available for only 10 seconds. If the server is not available, check the code again, and a new server will be built for you.","t28":"Your","t29":"address","t30":"Once the server is up and running, you will see a link here with access to the MongoDB that we set up for you.","t31":"Click on the link, and you will receive full access to MongoDB for your server. Please note that with each test run, your MongoDB will be reset.","t32":"You can add print statements in the code to identify bugs.","t33":"Clear Log","t34":"Want to track your progress? Sign Up to codequick, It's free.","t35":"Server is up and running.","t36":"Failed run the server.","t37":"There is a communication problem, please try again later.","t38":"Cody having an issue answering your question.","t39":"Code Submission Received","t40":"Analyzing Your Code","t41":"Preparing Code Analysis Results","t42":"Due to heavy loads, will get back to you soon with an answer.","t43":"Question Solution","t44":"Upgrade your plan","t45":"Join codequick today"},"rating":{"t1":"Get free 50 coins answering a short survey","t2":"Please rate the ","t3":"module","t4":"Something went wrong when rating, please try later.","t5":"Your full name","t6":"Full Name","t7":"No Thanks","t8":"Collect Coins","t9":"Rate","t10":"What are your thoughts on the instructional videos provided by Codequick?","t11":"Are the videos sufficiently informative and well-produced?","t12":"Do you find the video durations appropriate, or do you think they are too short or too long?","t13":"Would you appreciate more coding examples incorporated into the instructional videos?","t14":"Are you interested in having Codequick translated into other languages? If yes, which language(s) would you prefer?","t15":"How would you describe the clarity and accuracy of the language used in the videos? Have you noticed any linguistic errors or inconsistencies?","t16":"Rate the overall language on the Codequick website. Is it clear, concise, and professional?","t17":"Share aspects you enjoyed or positive experiences.","t18":"Was the material generally easy to comprehend?","t19":"Did you find the coding questions clear and understandable?","t20":"Do you have suggestions for enhancing the system? Feel free to share!","t21":"How has your learning experience been so far?","t22":"Would you recommend us to others?","t23":"What was your online coding experience with Codequick like?","t24":"Do you find the Coins model challenging?","t25":"Tell us about your programming background.","t26":"Are you currently studying programming? If yes, where?","t27":"Have you attended a college or bootcamp for programming in the past?","t28":"Could you provide your age?","t29":"Have you ever referred Codequick to someone?","t30":"How did you first hear about Codequick?","t31":"Is there a specific course you'd like us to offer on Codequick?","t32":"How often do you interact with Cody for assistance?","t33":"Rate your satisfaction with Cody's responses (1 to 5).","t34":"Have Cody's responses helped you? Please share an example.","t35":"Suggestions to improve Cody?","t36":"Would you recommend Cody? Why or why not?","t37":"Full Name is required","t38":"Answer is required","t39":"Rating is required","t40":"Full Name is required"},"account-settings":{"t1":"Profile","t2":"AI Teacher","t3":"General Settings","t4":"Coupons","t5":"Billing","t6":"Something went wrong, please try later.","t7":"Your nickname updated succesfully.","t8":"Something went wrong, please try later.","t9":"Your avatar is derived from your unique nickname. Keep in mind, every time you change your nickname, your avatar will also be refreshed to match the new identity.","t10":"Want a new identity on CodeQuick? Just hit the refresh button to generate a unique nickname that reflects your achievements.","t11":"Remember, your nickname represents you and your coding journey, so embrace the change! Once you click, your new nickname will be set, offering a fresh facet to your coding persona. Go ahead, give it a spin!","t12":"Are you sure you want to generate a new nickname? This will replace your current nickname as well as your profile picture.","t13":"Cancel","t14":"Change Nickname","t15":"Email","t16":"Nick Name","t17":"Account","t18":"Edit Account Details","t19":"Your plan has been updated succesfully.","t20":"Failed upgrade subscription plan.","t21":"Failed upgrade subscription plan.","t22":"Subscription Status","t23":"Total coins","t24":"Active","t25":"Inactive","t26":"Subscription Details","t27":"Congrats","t28":"You can now upgrade your plan to","t29":"and have a","t30":"discount by using your earned coins.","t31":"Upgrade Now","t32":"You haven't accumulated enough coins yet to upgrade your subscription,","t33":"Once you have accumulated enough coins, upgrade options will become available.","t34":"If you want to take a break from codequick, you can easily cancel your subscription","t35":"Cancel Subscription","t36":"Your subscription has been canceled, the site's contents will be available to you until,","t37":"Reactivate Subscription","t38":"Billing History (Expand to see your past invoices)","t39":"Date","t40":"Invoice Id (link)","t41":"Invoice Paid","t42":"You don't have any invoices yet.","t43":"Are you sure you want to cancel the Codequick subscription?","t44":"Please note, canceling the subscription will delete all the coins you have accumulated so far.","t45":"Invoice Status","t46":"Remember to use your coins for upgrading your subscription plan.","t47":"Your current plan","t48":"and the","t49":"price is","t50":"Your subscription is Inactive.","t51":"Upgrade Plan","t52":"Failed get user usage","t53":"Need more credit","t54":"AI Assistance Credits: One-Time Payment, Use Anytime.'","t55":"AI-Powered Coding Help: Real-time support and expert guidance.'","t56":"24/7 Availability: Access AI assistance anytime, day or night.'","t57":"Instant Error Detection: Quickly identify and fix coding errors.'","t58":"Personalized Solutions: Tailored code suggestions for your progress and style.'","t59":"Enhanced Learning Efficiency: Speed up learning with dynamic feedback.","t60":"Your AI Coding Assistant","t61":"AI-Powered Coding Assistance: Elevate Your Learning Experience","t62":"Credit Purchase","t63":"Buy Now","t64":"Password must be at least 6 characters long","t65":"Password is required","t66":"Passwords must match","t67":"Repeat Password is require","t68":"Your password has been updated successfully","t69":"Your current password you entered is incorrect.","t70":"As a Facebook/Google user, we can't change your password.","t71":"Oops! An error occurred while processing your request. Please try again later.","t72":"Current Password","t73":"New Password","t74":"Repeat New Password","t75":"Change Password","t76":"A Coupon created successfully.","t77":"Failed create a coupon, please try later.","t78":"Earn with CodeQuick's Referrals","t79":"We'd love your help in expanding the CodeQuick community.","t80":"How does it benefit you?","t81":"By generating personalized coupons, sharing them with your friends, and earning 10,000 coins for every new subscriber who uses your coupon. Additionally, the recipient of your coupon gets a 10% discount on joining CodeQuick. Create up to 10 coupons, share them, and earn substantial coins!","t82":"Used","t83":"You have not created any coupons yet.","t84":"My Coupons","t85":"Create a coupon","t86":"Profile Picture","t87":"Are you you sure?","t88":"Unfortunately, we were not able to process the payment using your credit card.","t89":"Regrettably, we encountered difficulties processing the transaction using the provided credit card,","t90":"resulting in no charges being applied.","t91":"We kindly request that you attempt the transaction again. Should you encounter further difficulties, we recommend switching to an alternate card.","t92":"If you have any questions, feel free to reach out to us directly through email at","t93":"Best regards, the Codequick team.","t94":"Proceed to payment","t95":"Thank you, we are excited that you chose to join Codequick.","t96":"For any question you can contact us directly at","t97":"Continue Learning","t98":"You can now enjoy the entire course content on CodeQuick and embark on your coding journey!","t99":"You have the option to cancel your subscription at any time by accessing the Account Settings in the billing section."},"auth":{"t1":"Check Mail","t2":"We have sent a password recover instructions to your email.","t3":"Home","t4":"Learn Interactively With Online Coding Questions","t5":"AI Solutions with Cody your private AI teacher","t6":"Earn Coins and Compare Achievements","t7":"Master coding through interactive challenges and real-world projects.","t8":"Get AI-powered private teacher and coding assistance with Cody.","t9":"Gain CodeQuick coins, unlock discounts, and compare your achievements with others.","t10":"Forgot password?","t11":"Enter your email address below and we will send a link to password reset.","t12":"Already have an account?","t13":"Check mail for reset password link","t14":"Must be a valid email","t15":"Email is required","t16":"Email Address","t17":"Send Mail","t18":"Hi, Welcome Back","t19":"Enter your credentials to continue","t20":"Dont have an account?","t21":"Must be a valid email","t22":"Email is required","t23":"Password is required","t24":"Invalid email or password, Please try again.","t25":"Something went wrong, please try later.","t26":"Email Address","t27":"Password","t28":"Forgot Password?","t29":"Login","t30":"Reset Password","t31":"Please choose your new password","t32":"Password is required","t33":"Password must be at least 6 characters long","t34":"Both passwords must match","t35":"Confirm Password is required","t36":"Please try click on the reset link we sent you again.","t37":"Password","t38":"Confirm Password","t39":"Reset Password","t40":"Sign up","t41":"Enter your credentials to continue","t42":"Already have an account?","t43":"Sign up with Email address","t44":"Must be a valid email","t45":"Email is required","t46":"Password is required","t47":"User is taken, choose another email.","t48":"Your registration has been successfully completed.","t49":"Email Address","t50":"Password","t51":"By signing in you agree with","t52":"Terms Of Service","t53":"and","t54":"Privacy Policy.","t55":"Sign up"},"donation":{"t1":"Help Us Teach Coding","t2":"❤️ Every donation matters. ❤️","t3":"Your support directly enhances our educational resources, reaching learners worldwide.","t4":"Enter Your Donation Amount","t5":"Amount","t6":"Donate","t7":"Thank You! ❤️🙏","t8":"Thank You for Your Generous Support ❤️🙏","t9":"Your contribution means the world to us at CodeQuick.io. Thanks to your generosity, we can continue our mission to empower learners through accessible and engaging coding education.","t10":"Your support directly impacts the quality and reach of our educational resources, helping us make a significant difference in the lives of learners worldwide.","t11":"Continue Learning","t12":"Donate Again"}}},"initialLocale":"en","ns":["general","courses","rating","account-settings","auth","donation"],"userConfig":{"i18n":{"defaultLocale":"en","locales":["en","es","fr","pt","id","de","it","hi","nl","sv","pl","ar","ru","ko","ja","zh-CN"]},"languages":[{"locale":"en","language":"English"},{"locale":"es","language":"Spanish"},{"locale":"fr","language":"French"},{"locale":"de","language":"German"},{"locale":"pt","language":"Portuguese"},{"locale":"id","language":"Indonesian"},{"locale":"it","language":"Italian"},{"locale":"hi","language":"Hindi"},{"locale":"nl","language":"Dutch"},{"locale":"sv","language":"Swedish"},{"locale":"pl","language":"Polish"},{"locale":"ar","language":"Arabic"},{"locale":"ru","language":"Russian"},{"locale":"ko","language":"Korean"},{"locale":"ja","language":"Japanese"},{"locale":"zh-CN","language":"Mandarin"}],"default":{"i18n":{"defaultLocale":"en","locales":["en","es","fr","pt","id","de","it","hi","nl","sv","pl","ar","ru","ko","ja","zh-CN"]},"languages":[{"locale":"en","language":"English"},{"locale":"es","language":"Spanish"},{"locale":"fr","language":"French"},{"locale":"de","language":"German"},{"locale":"pt","language":"Portuguese"},{"locale":"id","language":"Indonesian"},{"locale":"it","language":"Italian"},{"locale":"hi","language":"Hindi"},{"locale":"nl","language":"Dutch"},{"locale":"sv","language":"Swedish"},{"locale":"pl","language":"Polish"},{"locale":"ar","language":"Arabic"},{"locale":"ru","language":"Russian"},{"locale":"ko","language":"Korean"},{"locale":"ja","language":"Japanese"},{"locale":"zh-CN","language":"Mandarin"}]}}}},"__N_SSP":true},"page":"/resources/[resourceId]","query":{"resourceId":"html"},"buildId":"WjgVlT5Xr5WeokzEM6kuD","isFallback":false,"gssp":true,"locale":"en","locales":["en","es","fr","pt","id","de","it","hi","nl","sv","pl","ar","ru","ko","ja","zh-CN"],"defaultLocale":"en","scriptLoader":[{"strategy":"afterInteractive","children":"\n function parseUrlParams(url) {\n var params = {};\n var queryString = url.split('?')[1];\n if (queryString) {\n var pairs = queryString.split('\u0026');\n pairs.forEach(pair =\u003e {\n var [key, value] = pair.split('=');\n params[key] = decodeURIComponent(value || '');\n });\n }\n return params;\n }\n\n function shouldAddShareASaleImage() {\n if (typeof window != 'undefined') {\n var params = parseUrlParams(window.location.href);\n if (params.success === 'true' \u0026\u0026 params.session_id \u0026\u0026 params.amount) {\n return true;\n }\n }\n return false;\n };\n\n function buildShareASaleImageLinkSrc() {\n if (typeof window != 'undefined') {\n var params = parseUrlParams(window.location.href);\n if (params.success === 'true' \u0026\u0026 params.session_id \u0026\u0026 params.amount) {\n return 'https://www.shareasale.com/sale.cfm?tracking=' + params.session_id + '\u0026amount=' + params.amount + '\u0026merchantID=151416\u0026transtype=lead';\n }\n }\n return '';\n };\n\n if (shouldAddShareASaleImage() \u0026\u0026 window.location.origin === 'https://codequick.io' \u0026\u0026 window.location.href.includes('/thank-you') \u0026\u0026 window.location.search !== '?testim=true') {\n var imgElement = document.createElement('img');\n imgElement.src = buildShareASaleImageLinkSrc();\n imgElement.width = 1;\n imgElement.height = 1;\n var head = document.head || document.getElementsByTagName('head')[0];\n head.appendChild(imgElement);\n }\n "},{"strategy":"afterInteractive","children":"\n function parseUrlParams(url) {\n var params = {};\n var queryString = url.split('?')[1];\n if (queryString) {\n var pairs = queryString.split('\u0026');\n pairs.forEach(pair =\u003e {\n var [key, value] = pair.split('=');\n params[key] = decodeURIComponent(value || '');\n });\n }\n return params;\n }\n\n function shouldAddShareASaleImage() {\n if (typeof window != 'undefined') {\n var params = parseUrlParams(window.location.href);\n if (params.success === 'true' \u0026\u0026 params.session_id) {\n return true;\n }\n }\n return false;\n };\n\n if (window.location.origin === 'https://codequick.io' \u0026\u0026 window.location.search !== '?testim=true') {\n var scriptElement = document.createElement('script');\n scriptElement.src = 'https://www.dwin1.com/72837.js';\n scriptElement.type = 'text/javascript';\n scriptElement.defer = true;\n var head = document.head || document.getElementsByTagName('head')[0];\n head.appendChild(scriptElement);\n }\n "},{"strategy":"afterInteractive","children":"\n if (window.location.origin === 'https://codequick.io' \u0026\u0026 window.location.search !== '?testim=true') {\n (function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(\".\");2==b.length\u0026\u0026(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;\"undefined\"!==typeof c?a=b[c]=[]:c=\"mixpanel\";a.people=a.people||[];a.toString=function(a){var d=\"mixpanel\";\"mixpanel\"!==c\u0026\u0026(d+=\".\"+c);a||(d+=\" (stub)\");return d};a.people.toString=function(){return a.toString(1)+\".people (stub)\"};i=\"disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove\".split(\" \");\n for(h=0;h\u003ci.length;h++)g(a,i[h]);var j=\"set set_once union unset remove delete\".split(\" \");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=[\"get_group\"].concat(Array.prototype.slice.call(arguments,0)),c=0;c\u003cj.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement(\"script\");e.type=\"text/javascript\";e.async=!0;e.src=\"undefined\"!==typeof MIXPANEL_CUSTOM_LIB_URL?\n MIXPANEL_CUSTOM_LIB_URL:\"file:\"===f.location.protocol\u0026\u0026\"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js\".match(/^\\/\\//)?\"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js\":\"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js\";g=f.getElementsByTagName(\"script\")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);\n if (window.mixpanel) {\n mixpanel.init('9e9e98da611c906fd5288a482bef6452', { debug: true, track_pageview: true, persistence: 'localStorage' });\n }\n }\n "},{"id":"facebook-tracker","strategy":"afterInteractive","children":"\n if (window.location.origin === 'https://codequick.io' \u0026\u0026 window.location.search !== '?testim=true') { \n !function(f,b,e,v,n,t,s)\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];t=b.createElement(e);t.async=!0;\n t.src=v;s=b.getElementsByTagName(e)[0];\n s.parentNode.insertBefore(t,s)}(window, document,'script',\n 'https://connect.facebook.net/en_US/fbevents.js');\n fbq('init', '339970801713459');\n fbq('track', 'PageView');\n }\n "},{"src":"https://www.googletagmanager.com/gtag/js?id=G-Q6C1HFXBDM","strategy":"afterInteractive"},{"id":"google-analytics","strategy":"afterInteractive","children":"\n if (window.location.origin === 'https://codequick.io' \u0026\u0026 window.location.search !== '?testim=true') { \n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n \n gtag('config', 'G-Q6C1HFXBDM');\n }\n "}]}</script></body></html>