tag.","content_markdown":"$19"}],"description":"Learn the basic structure that every single HTML document needs to have.","estimated_time":"15 Min"}],"description":"Discover how the internet works, meet HTML (the skeleton of all websites!), and learn about tags."},{"id":"3de7530d-68b2-4065-868b-2065932e85c0","title":"✍️ Writing on Your Webpage (Text and Headings)","chapters":[{"id":"385f3311-6d0a-4664-86d0-a664537503c1","title":"Headings and Paragraphs","lessons":[{"id":"6e51f99c-3b04-4acc-83b0-4acce615ef69","type":"text","title":"Headings - Big, Medium, and Small! 📏","description":"Learn about the heading tags from h1 to h6 and how to use them for titles.","content_markdown":"$1a"},{"id":"6e51f99b-3b04-4acd-83b0-4accf615ef69","type":"text","title":"Paragraphs - Sharing Your Stories 📖","description":"Review the paragraph tag and see how browsers handle spaces and newlines in text.","content_markdown":"$1b"},{"id":"6e51f99a-3b04-4acc-83b0-4accc615ef69","type":"code","title":"Shouting and Whispering 🗣️🤫","description":"Learn how to make your text bold and italic using the <strong> and <em> tags.","content_markdown":"$1c"}],"description":"Learn how to make titles of different sizes and write neat paragraphs.","estimated_time":"15 Min"},{"id":"385f3312-6d0a-4664-86d0-a664837503c1","title":"Lists and Layouts","lessons":[{"id":"6e51f5db-3b04-4a09-83b0-4a08f615efad","type":"text","title":"Ordered Lists (1, 2, 3...) 📋","description":"Learn how to make numbered lists using the <ol> and <li> tags.","content_markdown":"$1d"},{"id":"6e51f5da-3b04-4a08-83b0-4a08c615efad","type":"text","title":"Unordered Lists (Bullet Points) 🟢","description":"Learn how to make bulleted lists using the <ul> and <li> tags.","content_markdown":"$1e"},{"id":"6e51f5d9-3b04-4a08-83b0-4a08d615efad","type":"code","title":"Line Breaks and Dividers 📏","description":"Learn how to insert line breaks with <br> and horizontal section lines with <hr>.","content_markdown":"$1f"}],"description":"Organize your information into numbered or bulleted lists and add page dividers.","estimated_time":"15 Min"}],"description":"Master headings, paragraphs, bold/italic text, and bulleted lists to write content like a pro."},{"id":"3de7530c-68b2-4065-868b-2065e32e85c0","title":"🎨 Making it Pretty and Fun (Links, Images, and Colors)","chapters":[{"id":"385f3313-6d0a-4664-86d0-a664737503c1","title":"Adding Images and Colors","lessons":[{"id":"6e51f21a-3b04-4a74-83b0-4a74c615efd1","type":"text","title":"Adding Photos with the <img> tag 📷","description":"Learn how to use the img tag and its src and alt attributes to show images.","content_markdown":"$20"},{"id":"6e51f219-3b04-4a74-83b0-4a74d615efd1","type":"code","title":"Playing with Image Sizes 📐","description":"Learn how to resize your images using the width and height attributes.","content_markdown":"$21"},{"id":"6e51f218-3b04-4a74-83b0-4a742615efd1","type":"code","title":"Background Colors and Font Colors 🎨","description":"Introduce inline styles using the style attribute to add colorful backgrounds and text.","content_markdown":"$22"}],"description":"Insert images onto your page and customize background and text colors.","estimated_time":"15 Min"},{"id":"385f3314-6d0a-4664-86d0-a664237503c1","title":"Hyperlinks - Teleporting Around the Web","lessons":[{"id":"6e51ee59-3b04-4bb0-83b0-4bb0d615ee15","type":"text","title":"The <a> tag - Creating Portals! 🌀","description":"Meet the anchor tag and learn about the href attribute that sets the destination.","content_markdown":"$23"},{"id":"6e51ee58-3b04-4bb0-83b0-4bb02615ee15","type":"code","title":"Linking to Google and YouTube 📺","description":"Practice writing links to popular search and video sites in the playground.","content_markdown":"$24"},{"id":"6e51ee57-3b04-4bb0-83b0-4bb03615ee15","type":"code","title":"Teleporting to a New Tab 🚀","description":"Learn how to use the target=\"_blank\" attribute to open links in a new browser tab.","content_markdown":"$25"}],"description":"Learn how to create links that connect your pages to other websites on the internet.","estimated_time":"15 Min"}],"description":"Add colorful images, customize backgrounds, and build clickable links to other websites."},{"id":"3de7530b-68b2-4066-868b-2065f32e85c0","title":"🧱 Building Cool Interactive Elements (Buttons and Inputs)","chapters":[{"id":"385f3315-6d0a-4664-86d0-a664137503c1","title":"Interactive Elements","lessons":[{"id":"6e51ea98-3b04-4bfc-83b0-4bfc2615ee59","type":"text","title":"Clickable Buttons! 🔘","description":"Learn how to make clickable buttons using the <button> tag.","content_markdown":"$26"},{"id":"6e51ea97-3b04-4bfc-83b0-4bfc3615ee59","type":"code","title":"Text Inputs - Let the User Type! ✍️","description":"Learn how to create text entry boxes using the <input type=\"text\"> tag.","content_markdown":"$27"},{"id":"6e51ea96-3b04-4bfc-83b0-4bfc0615ee59","type":"code","title":"Color Pickers and Date Selectors 🎨📅","description":"Explore cool input types like color, date, and range that make web pages super interactive.","content_markdown":"$28"}],"description":"Build buttons, text inputs, color pickers, and date selectors.","estimated_time":"15 Min"}],"description":"Create clickable buttons, text entry boxes, and fun interactive widgets that users can play with."},{"id":"3de7530a-68b2-4065-868b-2065f32e85c0","title":"🏰 Designing Castle Layouts (Semantic HTML & Containers)","chapters":[{"id":"385f3316-6d0a-4664-86d0-a664337503c1","title":"Magic Boxes & Containers","lessons":[{"id":"6e51e6d9-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Magic Box Container: <div> 📦","description":"Learn how to group multiple tags together inside invisible boxes to organize your website!","content_markdown":"$29"},{"id":"6e51e6da-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Inline Sticker: <span> 🏷️","description":"Learn how to style specific words inside a sentence without starting a new line using span.","content_markdown":"$2a"}],"description":"Discover how to group items using div and span elements.","estimated_time":"15 Min"},{"id":"385f3317-6d0a-4664-86d0-a664337503c1","title":"Semantic Castle Landmarks","lessons":[{"id":"6e51e6db-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Building Web Castles: <header>, <nav>, & <main> 🏰","description":"Learn how to organize your webpage structure using modern semantic landmarks.","content_markdown":"$2b"},{"id":"6e51e6dc-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Creating Rooms: <section>, <article>, & <footer> 🚪","description":"Define specific chapters and standalone articles on your page.","content_markdown":"$2c"},{"id":"6e51e6dd-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Graveyard of Obsolete Tags 🪦","description":"Learn which HTML tags are retired, why we never use them, and how CSS replaced them.","content_markdown":"$2d"}],"description":"Structure your pages using modern, clean semantic tags and avoid outdated layouts.","estimated_time":"20 Min"}],"description":"Learn how to group elements together, organize pages like castles, and understand why certain tags are retired!"},{"id":"3de75309-68b2-4065-868b-2065f32e85c0","title":"📝 The Magic Scroll (Advanced Forms & Inputs)","chapters":[{"id":"385f3318-6d0a-4664-86d0-a664337503c1","title":"Magic Scroll Forms","lessons":[{"id":"6e51e6de-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Magic Envelope: <form> and <label> ✉️","description":"Learn how to pack your inputs into an envelope container using the form tag and label them.","content_markdown":"$2e"},{"id":"6e51e6df-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Big Story Scroll: <textarea> 📖","description":"Learn how to create giant multi-line text boxes for typing long letters or stories.","content_markdown":"$2f"},{"id":"6e51e6e0-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Dropdown Selector: <select> & <option> 🔮","description":"Create magical drop-down lists where users can choose from a list of options.","content_markdown":"$30"}],"description":"Build complete interactive forms using containers, textareas, and dropdown menus.","estimated_time":"15 Min"}],"description":"Learn how to wrap inputs in magic scrolls, type long stories, and create drop-down spellbooks!"},{"id":"3de75308-68b2-4065-868b-2065f32e85c0","title":"📊 Game High-Scores (Tables)","chapters":[{"id":"385f3319-6d0a-4664-86d0-a664337503c1","title":"Grid High-Scores","lessons":[{"id":"6e51e6e1-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Building High-Score Tables: <table>, <tr>, <th>, & <td> 🏆","description":"Learn the core HTML tags to build structured tables for grids, high-scores, or schedules.","content_markdown":"$31"}],"description":"Organize data into structural grids using the table tags.","estimated_time":"15 Min"}],"description":"Learn how to align data into neat rows and columns to build leaderboard tables!"},{"id":"3de75307-68b2-4065-868b-2065f32e85c0","title":"📝 Advanced Text Styling & Comments","chapters":[{"id":"385f331a-6d0a-4664-86d0-a664337503c1","title":"Formatting Magic & Secret Notes","lessons":[{"id":"6e51e6e2-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Underlines, Markers, & Tiny Text: <u>, <mark>, & <small> 🏷️","description":"Learn how to underline important terms, highlight keywords in bright yellow, and write small footnote text.","content_markdown":"$32"},{"id":"6e51e6e3-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Secret Science Codes: <sub> & <sup> 🧪","description":"Learn how to write subscripts for chemical formulas and superscripts for math exponents.","content_markdown":"$33"},{"id":"6e51e6e4-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Secret Whispers: HTML Comments 🤫","description":"Learn how to write secret notes in your code that only developers can see.","content_markdown":"$34"}],"description":"Format text with underlines, highlights, and subscripts, and write HTML comments.","estimated_time":"15 Min"}],"description":"Learn how to highlight words, write secret formulas, and leave hidden developer notes!"},{"id":"3de75306-68b2-4065-868b-2065f32e85c0","title":"📖 Specialized Lists & Attributes","chapters":[{"id":"385f331b-6d0a-4664-86d0-a664337503c1","title":"Dictionaries and Settings","lessons":[{"id":"6e51e6e5-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Translator Dictionary: Description Lists 📖","description":"Learn how to create term-definition lists using the dl, dt, and dd tags.","content_markdown":"$35"},{"id":"6e51e6e6-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Secret Tag Badges: HTML Attributes 🏷️","description":"Understand what attributes are and review the most common settings used to configure tags.","content_markdown":"$36"}],"description":"Build description lists and understand how attributes configuration works.","estimated_time":"15 Min"}],"description":"Master definition dictionaries and learn how to style tags with secret attribute settings!"},{"id":"3de75305-68b2-4065-868b-2065f32e85c0","title":"🔐 Interactive Form Chambers (All the Inputs!)","chapters":[{"id":"385f331c-6d0a-4664-86d0-a664337503c1","title":"Form Inputs and Choice Bubbles","lessons":[{"id":"6e51e6e7-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Lock & Key: Password, Email, & Number Inputs 🔐","description":"Learn how to hide password dots, enforce email formatting, and restrict text to digits.","content_markdown":"$37"},{"id":"6e51e6e8-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Choice Spheres & Files: Checkboxes & Radios 🔘","description":"Create multi-choice check boxes, single-choice radio buttons, and file upload triggers.","content_markdown":"$38"},{"id":"6e51e6e9-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Sending Spells: Submit & Reset Inputs ✉️","description":"Learn how to submit form envelopes and reset form inputs using submit and reset types.","content_markdown":"$39"}],"description":"Configure advanced text input types, checkboxes, radio buttons, and submit handlers.","estimated_time":"20 Min"}],"description":"Learn how to hide passwords, select option bubbles, upload files, and send data!"},{"id":"3de75304-68b2-4065-868b-2065f32e85c0","title":"🎵 Multimedia, Windows, & Sidebars (Audio, Video, & Iframes)","chapters":[{"id":"385f331d-6d0a-4664-86d0-a664337503c1","title":"Audio, Video, & Iframes","lessons":[{"id":"6e51e6ea-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Magic Record Player: <audio> 🎵","description":"Learn how to play background music and sound effects on your webpage using the audio tag.","content_markdown":"$3a"},{"id":"6e51e6eb-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Magic Projector Screen: <video> 🎥","description":"Learn how to embed video clips, tutorials, or cartoons on your webpage using the video tag.","content_markdown":"$3b"},{"id":"6e51e6ec-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Window to Other Worlds: <iframe> 🪟","description":"Learn how to display external websites, maps, or YouTube videos inside a window on your page.","content_markdown":"$3c"},{"id":"6e51e6ed-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Side Backpack: <aside> 🎒","description":"Learn how to structure sidebar content and sidebars using the aside tag.","content_markdown":"$3d"}],"description":"Embed sound files, video animations, and external site windows on your webpage.","estimated_time":"20 Min"}],"description":"Play music, embed videos, create sidebars, and open windows to other websites!"},{"id":"3de75303-68b2-4065-868b-2065f32e85c0","title":"🔮 Web Secrets, Meta Tags, & Page Identities","chapters":[{"id":"385f331e-6d0a-4664-86d0-a664337503c1","title":"Identity, Entities & Meta","lessons":[{"id":"6e51e6ee-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Invisible Magic Symbols: HTML Entities 🔣","description":"Learn how to write special characters like copyright, trademark, and brackets without breaking your code.","content_markdown":"$3e"},{"id":"6e51e6ef-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Fingerprints vs. Uniforms: Class & ID 🏷️","description":"Learn the core difference between unique IDs and reusable class attributes.","content_markdown":"$3f"},{"id":"6e51e6f0-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Secret Scroll Meta: Meta Tags 📜","description":"Understand how the browser brain uses meta tags for character sets, mobile viewport scaling, and search engine optimization.","content_markdown":"$40"},{"id":"6e51e6f1-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Global Powers: Global Attributes 🌍","description":"Learn about global attributes like title tooltips, hidden elements, draggable widgets, and contenteditable typewriter mode.","content_markdown":"$41"}],"description":"Understand entities, configure meta viewport settings, define classes, and use global attributes.","estimated_time":"25 Min"}],"description":"Master HTML entities, meta configurations, class and id settings, and global powers!"},{"id":"3de75302-68b2-4065-868b-2065f32e85c0","title":"🚀 Advanced HTML5 Widgets & The Graduation Quest","chapters":[{"id":"385f331f-6d0a-4664-86d0-a664337503c1","title":"Advanced HTML5 & Portfolio Project","lessons":[{"id":"6e51e6f2-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Accordion Chest: <details> & <summary> 📂","description":"Learn how to build interactive click-to-expand details cards with summary titles.","content_markdown":"$42"},{"id":"6e51e6f3-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Power Level Bars: <progress> & <meter> 📊","description":"Learn how to display progress loaders and gauge meters on your page.","content_markdown":"$43"},{"id":"6e51e6f4-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Graduation Quest: Your Student Portfolio Project! 🎓","description":"Apply all 25 chapters of HTML mastery to build your very own student portfolio page!","content_markdown":"$44"}],"description":"Implement progress meters, disclosure tags, and build a complete student portfolio.","estimated_time":"30 Min"}],"description":"Learn details-disclosure chests, progress counters, and build your final Portfolio project!"}],"updated_at":"2026-07-06T00:40:24.693083+00:00","category":"Coding","difficulty":"Beginner","status":"published","price":0,"tags":[],"version":"1.0.0","metadata":{},"profiles":{"full_name":"Teacher Account"},"course_enrollments":[{"count":0}],"enrollmentCount":0,"authorName":"Teacher Account"}],"categories":["3D Modeling (Blender)","Accessibility (a11y) Standards","Actuarial Science","Advanced Typing Speed & Accuracy","Aerospace Engineering & Aerodynamics","Affiliate Marketing Programs","Agile Project Management (Scrum)","AI Automation","AI Chatbot Design","AI Prompt Engineering","Algolia Search Integration","Analytical Chemistry","Android Kotlin Development","Apache Kafka Event Streaming","Apache Spark Big Data","API Gateway Configuration","API Testing (Postman)","App Store Optimization (ASO)","Applied Linguistics","Arabic Language & Grammar","Archeology & Ancient History","Architectural History & Design","Art History & Criticism","Artificial Intelligence & Robotics","Arts, Humanities & Design","Astronomy & Astrophysics","Audio Production (Audacity)","Auth0 Authentication Setup","AWS Certified Solutions Architect","AWS Cloud Architecture","Azure Cloud Services","Backend Web Development","Behavioral Economics","Biochemistry & Biophysics","Bioinformatics","Bioinformatics & Computational Biology","Biomedical Instrumentation & Engineering","BlockChain & Web3 Technologies","Botany & Plant Physiology","Brand Identity Design","Brand Management & Public Relations","Bug Tracking & QA Reporting","Business & Management","Business & Technical Writing","Business Analytics & Intelligence","Business Intelligence (Power BI)","Career Counseling & CV Writing","Certified ScrumMaster (CSM)","Chemical Process Engineering","Chinese Mandarin Proficiency","ChromaDB Vector Store","Chrome Extension Development","CISSP Certification Guide","Classical Literature & Analysis","Claude API Integration","Clean Code Guidelines","Clinical & Counseling Psychology","Clinical Nursing & Patient Care","Cloud Computing & DevOps","Code Linting (ESLint/Prettier)","Coding Bootcamp (HTML, CSS, JS)","Cognitive Psychology","Cold Email Outreach Strategy","College Algebra & Trigonometry","Comparative Literature","Comparative Politics","CompTIA Security+ Preparation","Computer Networks & Security","Computer Science & IT","Computer Vision","Conversion Rate Optimization (CRO)","Copywriting & Content Marketing","Copywriting for Landing Pages","Core Web Vitals Audit","Corporate Finance & Investment","Creative Non-Fiction Writing","Creative Writing & Poetry","Criminology & Penology","Critical Thinking & Problem Solving","Cryptography & Encryption","CSS Current Affairs","CSS Essay Writing","CSS General Science & Ability","CSS International Relations","CSS Islamic Studies","CSS Pakistan Affairs","CSV/Excel Data Export Tools","Cultural Studies","Customer Relationship Management (CRM)","Customer Success Engineering","Cyber Forensics","Cyber Threat Hunting","Cybersecurity & Information Security","Cybersecurity Awareness for Staff","Data Science & Analytics","Data Structures & Algorithms (LeetCode)","Data Warehousing (Snowflake)","Database Administration & SQL","Database Migration Workflows","Decentralized Apps (DApps)","Demography & Population Studies","Dental Anatomy & Oral Health","Design Patterns in Software","Design Thinking Methodology","Developmental Psychology","DevSecOps Implementation","Differential Equations","Digital Art & Illustration","Digital Electronics & Microprocessors","Digital Marketing & SEO","Digital Marketing Strategy","Discord Bot Customization","Discrete Mathematics","Distributed Systems & Architecture","DNS & Domain Administration","Docker Virtualization","E-Commerce Business Management","E-commerce Development (Shopify)","ECAT Mathematics & Physics","Edge Computing (Vercel Edge)","Electrical Circuits & Systems","Email Marketing Automation","Email Template Design (MJML)","Embedded Systems (Arduino)","Embedded Systems & VLSI Design","Emergency Medicine & First Aid","End-to-End Testing (Cypress)","Engineering & Industrial Technology","English Language & Grammar","English Literature","Entrepreneurship & Startup Strategy","Environmental Sciences & Ecology","Epidemiology & Public Health","Epistemology & Metaphysics","Ethical Hacking & Cyber Audit","Facebook & Instagram Ads","Fashion Design & Textiles","Figma Design System","Figma-to-Code Conversions","Film Studies & Cinematography","Financial Accounting & Bookkeeping","Financial Planning & Wealth Management","Firebase Backend Services","Fluid Mechanics & Hydraulics","Flutter Cross-Platform Dev","FPSC Exam Preparation","French Language Proficiency","Frontend Web Development","Full Stack Web Development","Functional Programming Paradigms","Game Design Theory","Game Theory","General Physics","General Physiology","General Sociology","Generative AI & LLMs","Genetics & Genomics","Genetics in Medicine","Geology & Earth Sciences","Geometry & Trigonometry","Geotechnical Engineering","German Language & Grammar","GIS & Spatial Data Analysis","Git Version Control","GitHub Actions Automation","GMAT Focus Edition Prep","Go Programming Language","Google Analytics 4 (GA4)","Google Analytics Certification","Google Cloud Platform (GCP)","Graph Databases (Neo4j)","Graph Theory","Graphic Design Principles","Graphic Design Tools (Photoshop & Illustrator)","GraphQL API Development","GraphQL Federation & Gateways","GRE Quantitative Reasoning","GRE Verbal Reasoning","Growth Hacking & Marketing","Hadoop Data Lake","Headless CMS (Strapi)","Headless E-commerce (Commerce Layer)","Hubspot Automation","Human Anatomy","Human Geography","Human Resource Management (HRM)","Identity and Access Management (IAM)","IELTS Academic Reading & Writing","IELTS General Training","Immunology & Vaccine Science","Incident Response Management","Industrial Automation & PLCs","Influencer Marketing Outreach","Information Architecture (IA)","Infrastructure as Code (Terraform)","Inorganic Chemistry","Instructional Design & E-Learning","Interaction Design (IxD)","International Business & Trade","International Relations & Diplomacy","Internet of Things (IoT)","Internet of Things (IoT) Security","Introduction to Psychology","iOS Swift Development","ITIL Framework","Jenkins CI/CD Pipeline","Jira & Confluence Coordination","Kinesiology & Physical Therapy","Kubernetes Container Orchestration","LangChain Orchestration","Languages, Literature & Linguistics","Leadership & Team Management","Linear Algebra & Matrices","LinkedIn Lead Generation","Linux Shell Scripting (Bash)","LlamaIndex Semantic Search","Machine Learning & Deep Learning","Macroeconomics","Make.com (Integromat) Integrations","Management Consulting","Managerial Economics","Manufacturing Processes & CNC","Marine Biology & Oceanography","Materials Science & Engineering","Mathematical Logic","Mathematical Statistics","Mathematics, Logic & Statistics","MATLAB Simulations","MDCAT Biology & Chemistry","Mechanical Design & CAD Modeling","Medical Ethics & Professionalism","Medical Microbiology","Medical, Health & Clinical Sciences","Microbiology & Virology","Microeconomics","Microservices Architecture","Midjourney & Stable Diffusion","MLOps (Machine Learning Operations)","Mobile App Testing (Appium)","Mobile Application Development","Mobile UX Best Practices","Modern Philosophy & Ethics","Molecular Biology & Genetics","MongoDB Database Administration","Monorepos (Turborepo/Nx)","Motion Graphics (After Effects)","Multivariable Calculus","Museology & Curatorial Studies","Music Theory & Composition","Natural Language Processing (NLP)","Natural Sciences & Biotechnology","Negotiating Skills & Conflict Resolution","Network Engineering (Cisco CCNA)","Network Security Protocols","Neural Networks","Neuroscience & Brain Anatomy","Next.js Framework","Node.js Backend Engineering","Notion Workspace Organization","NTS GAT General Test","Number Theory","Numerical Analysis & Computing","Nutrition & Dietetics","OAuth 2.0 & JWT Authentication","Object-Oriented Programming (OOP)","Office Productivity (MS Word & Excel)","Open Source Contribution Workflows","OpenAI API Integration","Operating Systems & Linux Administration","Operations Research","Organic Chemistry","Package Registry (npm/yarn/pnpm)","Pathology & Disease Mechanisms","Pay-Per-Click (PPC) Ads","PDF Generation (Puppeteer PDF)","Penetration Testing","Persian Literature & History","Pharmacology & Therapeutics","Phonetics & Phonology","Photo Editing (Adobe Photoshop)","Physical Chemistry","Podcasting for SaaS Founders","Political Theory & Ideologies","PostgreSQL Optimization","Power Systems & High Voltage Engineering","PowerShell Automation","PPSC General Knowledge","PPSC Typing Test Prep","Probability Theory & Processes","Product Management","Product Management Principles","Professional & Vocational Skills","Professional Photography & Editing","Professional Public Speaking","Project Management & Agile Methodologies","Project Management Professional (PMP)","Project Management Tools (Jira & Trello)","Public Policy & Governance","Python Scripting & Automation","PyTorch Framework","Quantum Computing Algorithms","Quantum Mechanics & Particle Physics","R Programming for Statistics","Radiology & Imaging Sciences","Raspberry Pi Programming","React Native Mobile Apps","Redis Caching System","Refactoring Legacy Codebases","Reinforcement Learning","Renewable Energy Technologies","RESTful API Design","Risk Management & Compliance","Robotic Process Automation (RPA)","Robotics & Control Systems Engineering","Rust Systems Programming","SaaS Development","SaaS Landing Page Optimization","SaaS Metrics & Growth Analytics","SaaS Pricing Strategy","SaaS Product-Led Growth","Sales & Customer Relationship Management","Salesforce Administration","Salesforce Development (Apex)","Sanity.io Backend Integration","SAP Administration","SAT Digital Math & Reading","Search Engine Marketing (SEM)","Search Engine Optimization (SEO)","Search Engines (Elasticsearch)","Security Information and Event Management (SIEM)","Semantic Versioning (SemVer)","SEO Mastery","Serverless Functions (AWS Lambda)","ServiceNow Workflows","Single Variable Calculus","Slack Bot Development","Smart Contract Security Audit","Social Anthropology","Social Media Marketing (SMM)","Social Media Marketing & Ads","Social Sciences & Behavior","Social Work & Community Welfare","Software Engineering","Spanish Language for Beginners","SQL Query Tuning & Optimization","Strategic Planning & Leadership","Stripe Billing & Subscriptions","Stripe Payments Integration","Structural Engineering & Mechanics","Supabase Backend Architecture","Supply Chain & Logistics","Syntax & Semantics","System Design Preparation","Tableau Analytics Visualization","Tailwind CSS Styling","Tech Stack Migration Strategies","Technical & Academic Writing","Technical SEO & Site Audit","Technical Writing & Documentation","Telegram Bot Integration","TensorFlow Deep Learning","Test Preparation & Competitive Exams","Theatre, Drama & Performing Arts","Thermodynamics & Heat Transfer","Threat Intelligence","Time-Series Databases (InfluxDB)","TOEFL iBT Test Prep","Topology & Abstract Algebra","Toxicology","Translation & Interpretation Studies","Turkish Language & Culture","TypeScript Strict Coding","UI Design Patterns","UI/UX Design & User Experience","UI/UX Wireframing & Prototyping","Unit Testing (Jest)","Unity 3D Game Development","Unreal Engine Game Scripting","Urdu Linguistics & Literature","User Onboarding Optimization","User Research Methodologies","Vector Databases (Pinecone)","Vector Illustration (Adobe Illustrator)","Video Editing & Motion Graphics","Video Editing for SaaS (Premiere Pro)","Virtualization (VirtualBox/VMware)","VS Code Extension Development","Web Animation (Lottie & Framer Motion)","Web Hosting & Server Config (Nginx/Apache)","Web Performance Optimization","Web Scraping (BeautifulSoup/Puppeteer)","Web Scraping APIs","Web3 & Solidity Development","WebGL & Three.js Development","WebRTC Video Streaming","WebSockets Real-Time Communication","WooCommerce Custom Stores","World History & Civilization","YouTube Marketing Strategy","YouTube Organic Growth","Zapier Automation & Workflows","Zoology & Animal Behavior"],"isLoggedIn":false}],"$L45"]}] </article></body></html>

8:["$","main",null,{"className":"min-h-screen bg-background","children":[["$","$L14",null,{}],["$","$L15",null,{"courses":[{"id":"34deac6b-618b-4f93-8618-bf93f3bd1a36","category_id":null,"title":"🚀 HTML Explorer: Build Your First Website!","slug":"html-explorer-kids","description":"Learn how to build websites from scratch! Perfect for kids and absolute beginners. Create games, stories, and colorful pages while learning the language of the web through fun games, analogies, and a live playground!","created_at":"2026-06-23T16:55:24.839777+00:00","org_id":null,"author_id":"f7b48ddb-10ed-4092-973b-1aa9ea9c29f6","thumbnail_url":"https://images.unsplash.com/photo-1542831371-29b0f74f9713?w=800&q=80","is_published":true,"settings":{},"content":[{"id":"3de7530e-68b2-4065-868b-2065832e85c0","title":"🌟 The Magic of the Web (Introduction to HTML)","chapters":[{"id":"385f330f-6d0a-4665-86d0-a665b37503c0","title":"What is HTML?","lessons":[{"id":"6e52011e-3b07-4544-83b0-75448615d0e1","type":"text","title":"Meet HTML - The Web's Skeleton!","description":"Learn what HTML stands for and see how websites are put together like skeletons!","content_markdown":"$16"},{"id":"6e52011d-3b07-4544-83b0-75449615d0e1","type":"text","title":"The Secret Language of Tags 🍔","description":"Find out what tags are and how they act like hamburger buns to enclose your content!","content_markdown":"$17"},{"id":"6e52011c-3b07-4544-83b0-7544e615d0e1","type":"code","title":"Your First \"Hello World\" Page 🌍","description":"Write your very first webpage code and test it out in our interactive playground!","content_markdown":"# Your First \"Hello World\" Page! 🌍\n\nIn the world of coding, there is a legendary tradition. Whenever a coder learns a new language, the very first thing they write is a program that says **\"Hello World!\"**.\n\nToday, you are joining that legendary coder club! 👑\n\n### Let's look at the code:\n\nHere is a simple HTML paragraph code. It uses the `

` tag we just learned about:\n\n```html\n

Hello World! Welcome to my very first website. I am an HTML explorer! 🚀

\n```\n\n### 🛠️ Time to Practice!\n1. Click the **Playground** button at the bottom of your screen to open the HTML Coding Arena!\n2. Select the **\"Hello World\"** template from the templates dropdown, or type the code yourself in the editor.\n3. Watch the **Live Preview** on the right. You will see your code instantly turn into a real webpage!\n4. Try changing the text inside the `

` and `

` tags to say your name, like: `

Hello, my name is [Your Name]! 👋

`.\n5. See how the magic mirror updates instantly? You are now a web creator!"}],"description":"Meet the web's coding language and understand opening and closing tags.","estimated_time":"15 Min"},{"id":"385f3310-6d0a-4664-86d0-a664637503c2","title":"The Essential Skeleton","lessons":[{"id":"6e51fd5d-3b04-4a80-83b0-4a809615ef25","type":"text","title":"The Doctype Declaration 📜","description":"Learn why we write at the very top of our files.","content_markdown":"# The Doctype Declaration 📜\n\nBefore we start building our website skeleton, we have to write a very special line at the very, very top of our file.\n\nIt looks like this:\n```html\n\n```\n\n### What does this do? 🤔\n\nThink of this line as a **friendly wave** to the browser. It tells the browser:\n\n*\"Hello! I am writing a modern website, and I speak HTML5! Please read my code correctly!\"*\n\n- **It's not a tag:** Notice it doesn't have a closing partner. It's just a declaration (a statement).\n- **Always First:** It must always be the very first line of code in your file. No spaces, no other code before it!\n\nAfter we write ``, we wrap our entire webpage inside the main container tag:\n```html\n\n \n\n```\n\nEverything you build will live between `` and ``. It's like the outer skin that holds the whole skeleton together!"},{"id":"6e51fd5c-3b04-4a80-83b0-4a80e615ef25","type":"text","title":"The Head and Body Tags 🧠💪","description":"Understand the difference between the head (metadata/brain) and the body (visible page).","content_markdown":"$18"},{"id":"6e51fd5b-3b04-4a81-83b0-4a80f615ef25","type":"code","title":"The Title of Your Page 🏷️","description":"Learn how to set the title that appears on the browser tab using the tag.","content_markdown":"$19"}],"description":"Learn the basic structure that every single HTML document needs to have.","estimated_time":"15 Min"}],"description":"Discover how the internet works, meet HTML (the skeleton of all websites!), and learn about tags."},{"id":"3de7530d-68b2-4065-868b-2065932e85c0","title":"✍️ Writing on Your Webpage (Text and Headings)","chapters":[{"id":"385f3311-6d0a-4664-86d0-a664537503c1","title":"Headings and Paragraphs","lessons":[{"id":"6e51f99c-3b04-4acc-83b0-4acce615ef69","type":"text","title":"Headings - Big, Medium, and Small! 📏","description":"Learn about the heading tags from h1 to h6 and how to use them for titles.","content_markdown":"$1a"},{"id":"6e51f99b-3b04-4acd-83b0-4accf615ef69","type":"text","title":"Paragraphs - Sharing Your Stories 📖","description":"Review the paragraph tag and see how browsers handle spaces and newlines in text.","content_markdown":"$1b"},{"id":"6e51f99a-3b04-4acc-83b0-4accc615ef69","type":"code","title":"Shouting and Whispering 🗣️🤫","description":"Learn how to make your text bold and italic using the <strong> and <em> tags.","content_markdown":"$1c"}],"description":"Learn how to make titles of different sizes and write neat paragraphs.","estimated_time":"15 Min"},{"id":"385f3312-6d0a-4664-86d0-a664837503c1","title":"Lists and Layouts","lessons":[{"id":"6e51f5db-3b04-4a09-83b0-4a08f615efad","type":"text","title":"Ordered Lists (1, 2, 3...) 📋","description":"Learn how to make numbered lists using the <ol> and <li> tags.","content_markdown":"$1d"},{"id":"6e51f5da-3b04-4a08-83b0-4a08c615efad","type":"text","title":"Unordered Lists (Bullet Points) 🟢","description":"Learn how to make bulleted lists using the <ul> and <li> tags.","content_markdown":"$1e"},{"id":"6e51f5d9-3b04-4a08-83b0-4a08d615efad","type":"code","title":"Line Breaks and Dividers 📏","description":"Learn how to insert line breaks with <br> and horizontal section lines with <hr>.","content_markdown":"$1f"}],"description":"Organize your information into numbered or bulleted lists and add page dividers.","estimated_time":"15 Min"}],"description":"Master headings, paragraphs, bold/italic text, and bulleted lists to write content like a pro."},{"id":"3de7530c-68b2-4065-868b-2065e32e85c0","title":"🎨 Making it Pretty and Fun (Links, Images, and Colors)","chapters":[{"id":"385f3313-6d0a-4664-86d0-a664737503c1","title":"Adding Images and Colors","lessons":[{"id":"6e51f21a-3b04-4a74-83b0-4a74c615efd1","type":"text","title":"Adding Photos with the <img> tag 📷","description":"Learn how to use the img tag and its src and alt attributes to show images.","content_markdown":"$20"},{"id":"6e51f219-3b04-4a74-83b0-4a74d615efd1","type":"code","title":"Playing with Image Sizes 📐","description":"Learn how to resize your images using the width and height attributes.","content_markdown":"$21"},{"id":"6e51f218-3b04-4a74-83b0-4a742615efd1","type":"code","title":"Background Colors and Font Colors 🎨","description":"Introduce inline styles using the style attribute to add colorful backgrounds and text.","content_markdown":"$22"}],"description":"Insert images onto your page and customize background and text colors.","estimated_time":"15 Min"},{"id":"385f3314-6d0a-4664-86d0-a664237503c1","title":"Hyperlinks - Teleporting Around the Web","lessons":[{"id":"6e51ee59-3b04-4bb0-83b0-4bb0d615ee15","type":"text","title":"The <a> tag - Creating Portals! 🌀","description":"Meet the anchor tag and learn about the href attribute that sets the destination.","content_markdown":"$23"},{"id":"6e51ee58-3b04-4bb0-83b0-4bb02615ee15","type":"code","title":"Linking to Google and YouTube 📺","description":"Practice writing links to popular search and video sites in the playground.","content_markdown":"$24"},{"id":"6e51ee57-3b04-4bb0-83b0-4bb03615ee15","type":"code","title":"Teleporting to a New Tab 🚀","description":"Learn how to use the target=\"_blank\" attribute to open links in a new browser tab.","content_markdown":"$25"}],"description":"Learn how to create links that connect your pages to other websites on the internet.","estimated_time":"15 Min"}],"description":"Add colorful images, customize backgrounds, and build clickable links to other websites."},{"id":"3de7530b-68b2-4066-868b-2065f32e85c0","title":"🧱 Building Cool Interactive Elements (Buttons and Inputs)","chapters":[{"id":"385f3315-6d0a-4664-86d0-a664137503c1","title":"Interactive Elements","lessons":[{"id":"6e51ea98-3b04-4bfc-83b0-4bfc2615ee59","type":"text","title":"Clickable Buttons! 🔘","description":"Learn how to make clickable buttons using the <button> tag.","content_markdown":"$26"},{"id":"6e51ea97-3b04-4bfc-83b0-4bfc3615ee59","type":"code","title":"Text Inputs - Let the User Type! ✍️","description":"Learn how to create text entry boxes using the <input type=\"text\"> tag.","content_markdown":"$27"},{"id":"6e51ea96-3b04-4bfc-83b0-4bfc0615ee59","type":"code","title":"Color Pickers and Date Selectors 🎨📅","description":"Explore cool input types like color, date, and range that make web pages super interactive.","content_markdown":"$28"}],"description":"Build buttons, text inputs, color pickers, and date selectors.","estimated_time":"15 Min"}],"description":"Create clickable buttons, text entry boxes, and fun interactive widgets that users can play with."},{"id":"3de7530a-68b2-4065-868b-2065f32e85c0","title":"🏰 Designing Castle Layouts (Semantic HTML & Containers)","chapters":[{"id":"385f3316-6d0a-4664-86d0-a664337503c1","title":"Magic Boxes & Containers","lessons":[{"id":"6e51e6d9-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Magic Box Container: <div> 📦","description":"Learn how to group multiple tags together inside invisible boxes to organize your website!","content_markdown":"$29"},{"id":"6e51e6da-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Inline Sticker: <span> 🏷️","description":"Learn how to style specific words inside a sentence without starting a new line using span.","content_markdown":"$2a"}],"description":"Discover how to group items using div and span elements.","estimated_time":"15 Min"},{"id":"385f3317-6d0a-4664-86d0-a664337503c1","title":"Semantic Castle Landmarks","lessons":[{"id":"6e51e6db-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Building Web Castles: <header>, <nav>, & <main> 🏰","description":"Learn how to organize your webpage structure using modern semantic landmarks.","content_markdown":"$2b"},{"id":"6e51e6dc-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Creating Rooms: <section>, <article>, & <footer> 🚪","description":"Define specific chapters and standalone articles on your page.","content_markdown":"$2c"},{"id":"6e51e6dd-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Graveyard of Obsolete Tags 🪦","description":"Learn which HTML tags are retired, why we never use them, and how CSS replaced them.","content_markdown":"$2d"}],"description":"Structure your pages using modern, clean semantic tags and avoid outdated layouts.","estimated_time":"20 Min"}],"description":"Learn how to group elements together, organize pages like castles, and understand why certain tags are retired!"},{"id":"3de75309-68b2-4065-868b-2065f32e85c0","title":"📝 The Magic Scroll (Advanced Forms & Inputs)","chapters":[{"id":"385f3318-6d0a-4664-86d0-a664337503c1","title":"Magic Scroll Forms","lessons":[{"id":"6e51e6de-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Magic Envelope: <form> and <label> ✉️","description":"Learn how to pack your inputs into an envelope container using the form tag and label them.","content_markdown":"$2e"},{"id":"6e51e6df-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Big Story Scroll: <textarea> 📖","description":"Learn how to create giant multi-line text boxes for typing long letters or stories.","content_markdown":"$2f"},{"id":"6e51e6e0-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Dropdown Selector: <select> & <option> 🔮","description":"Create magical drop-down lists where users can choose from a list of options.","content_markdown":"$30"}],"description":"Build complete interactive forms using containers, textareas, and dropdown menus.","estimated_time":"15 Min"}],"description":"Learn how to wrap inputs in magic scrolls, type long stories, and create drop-down spellbooks!"},{"id":"3de75308-68b2-4065-868b-2065f32e85c0","title":"📊 Game High-Scores (Tables)","chapters":[{"id":"385f3319-6d0a-4664-86d0-a664337503c1","title":"Grid High-Scores","lessons":[{"id":"6e51e6e1-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Building High-Score Tables: <table>, <tr>, <th>, & <td> 🏆","description":"Learn the core HTML tags to build structured tables for grids, high-scores, or schedules.","content_markdown":"$31"}],"description":"Organize data into structural grids using the table tags.","estimated_time":"15 Min"}],"description":"Learn how to align data into neat rows and columns to build leaderboard tables!"},{"id":"3de75307-68b2-4065-868b-2065f32e85c0","title":"📝 Advanced Text Styling & Comments","chapters":[{"id":"385f331a-6d0a-4664-86d0-a664337503c1","title":"Formatting Magic & Secret Notes","lessons":[{"id":"6e51e6e2-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Underlines, Markers, & Tiny Text: <u>, <mark>, & <small> 🏷️","description":"Learn how to underline important terms, highlight keywords in bright yellow, and write small footnote text.","content_markdown":"$32"},{"id":"6e51e6e3-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Secret Science Codes: <sub> & <sup> 🧪","description":"Learn how to write subscripts for chemical formulas and superscripts for math exponents.","content_markdown":"$33"},{"id":"6e51e6e4-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Secret Whispers: HTML Comments 🤫","description":"Learn how to write secret notes in your code that only developers can see.","content_markdown":"$34"}],"description":"Format text with underlines, highlights, and subscripts, and write HTML comments.","estimated_time":"15 Min"}],"description":"Learn how to highlight words, write secret formulas, and leave hidden developer notes!"},{"id":"3de75306-68b2-4065-868b-2065f32e85c0","title":"📖 Specialized Lists & Attributes","chapters":[{"id":"385f331b-6d0a-4664-86d0-a664337503c1","title":"Dictionaries and Settings","lessons":[{"id":"6e51e6e5-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Translator Dictionary: Description Lists 📖","description":"Learn how to create term-definition lists using the dl, dt, and dd tags.","content_markdown":"$35"},{"id":"6e51e6e6-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Secret Tag Badges: HTML Attributes 🏷️","description":"Understand what attributes are and review the most common settings used to configure tags.","content_markdown":"$36"}],"description":"Build description lists and understand how attributes configuration works.","estimated_time":"15 Min"}],"description":"Master definition dictionaries and learn how to style tags with secret attribute settings!"},{"id":"3de75305-68b2-4065-868b-2065f32e85c0","title":"🔐 Interactive Form Chambers (All the Inputs!)","chapters":[{"id":"385f331c-6d0a-4664-86d0-a664337503c1","title":"Form Inputs and Choice Bubbles","lessons":[{"id":"6e51e6e7-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Lock & Key: Password, Email, & Number Inputs 🔐","description":"Learn how to hide password dots, enforce email formatting, and restrict text to digits.","content_markdown":"$37"},{"id":"6e51e6e8-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Choice Spheres & Files: Checkboxes & Radios 🔘","description":"Create multi-choice check boxes, single-choice radio buttons, and file upload triggers.","content_markdown":"$38"},{"id":"6e51e6e9-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Sending Spells: Submit & Reset Inputs ✉️","description":"Learn how to submit form envelopes and reset form inputs using submit and reset types.","content_markdown":"$39"}],"description":"Configure advanced text input types, checkboxes, radio buttons, and submit handlers.","estimated_time":"20 Min"}],"description":"Learn how to hide passwords, select option bubbles, upload files, and send data!"},{"id":"3de75304-68b2-4065-868b-2065f32e85c0","title":"🎵 Multimedia, Windows, & Sidebars (Audio, Video, & Iframes)","chapters":[{"id":"385f331d-6d0a-4664-86d0-a664337503c1","title":"Audio, Video, & Iframes","lessons":[{"id":"6e51e6ea-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Magic Record Player: <audio> 🎵","description":"Learn how to play background music and sound effects on your webpage using the audio tag.","content_markdown":"$3a"},{"id":"6e51e6eb-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Magic Projector Screen: <video> 🎥","description":"Learn how to embed video clips, tutorials, or cartoons on your webpage using the video tag.","content_markdown":"$3b"},{"id":"6e51e6ec-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Window to Other Worlds: <iframe> 🪟","description":"Learn how to display external websites, maps, or YouTube videos inside a window on your page.","content_markdown":"$3c"},{"id":"6e51e6ed-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Side Backpack: <aside> 🎒","description":"Learn how to structure sidebar content and sidebars using the aside tag.","content_markdown":"$3d"}],"description":"Embed sound files, video animations, and external site windows on your webpage.","estimated_time":"20 Min"}],"description":"Play music, embed videos, create sidebars, and open windows to other websites!"},{"id":"3de75303-68b2-4065-868b-2065f32e85c0","title":"🔮 Web Secrets, Meta Tags, & Page Identities","chapters":[{"id":"385f331e-6d0a-4664-86d0-a664337503c1","title":"Identity, Entities & Meta","lessons":[{"id":"6e51e6ee-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"Invisible Magic Symbols: HTML Entities 🔣","description":"Learn how to write special characters like copyright, trademark, and brackets without breaking your code.","content_markdown":"$3e"},{"id":"6e51e6ef-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"Fingerprints vs. Uniforms: Class & ID 🏷️","description":"Learn the core difference between unique IDs and reusable class attributes.","content_markdown":"$3f"},{"id":"6e51e6f0-3b04-4c4f-83b0-4c4fe615ef25","type":"text","title":"The Secret Scroll Meta: Meta Tags 📜","description":"Understand how the browser brain uses meta tags for character sets, mobile viewport scaling, and search engine optimization.","content_markdown":"$40"},{"id":"6e51e6f1-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Global Powers: Global Attributes 🌍","description":"Learn about global attributes like title tooltips, hidden elements, draggable widgets, and contenteditable typewriter mode.","content_markdown":"$41"}],"description":"Understand entities, configure meta viewport settings, define classes, and use global attributes.","estimated_time":"25 Min"}],"description":"Master HTML entities, meta configurations, class and id settings, and global powers!"},{"id":"3de75302-68b2-4065-868b-2065f32e85c0","title":"🚀 Advanced HTML5 Widgets & The Graduation Quest","chapters":[{"id":"385f331f-6d0a-4664-86d0-a664337503c1","title":"Advanced HTML5 & Portfolio Project","lessons":[{"id":"6e51e6f2-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Accordion Chest: <details> & <summary> 📂","description":"Learn how to build interactive click-to-expand details cards with summary titles.","content_markdown":"$42"},{"id":"6e51e6f3-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Power Level Bars: <progress> & <meter> 📊","description":"Learn how to display progress loaders and gauge meters on your page.","content_markdown":"$43"},{"id":"6e51e6f4-3b04-4c4f-83b0-4c4fe615ef25","type":"code","title":"The Graduation Quest: Your Student Portfolio Project! 🎓","description":"Apply all 25 chapters of HTML mastery to build your very own student portfolio page!","content_markdown":"$44"}],"description":"Implement progress meters, disclosure tags, and build a complete student portfolio.","estimated_time":"30 Min"}],"description":"Learn details-disclosure chests, progress counters, and build your final Portfolio project!"}],"updated_at":"2026-07-06T00:40:24.693083+00:00","category":"Coding","difficulty":"Beginner","status":"published","price":0,"tags":[],"version":"1.0.0","metadata":{},"profiles":{"full_name":"Teacher Account"},"course_enrollments":[{"count":0}],"enrollmentCount":0,"authorName":"Teacher Account"}],"categories":["3D Modeling (Blender)","Accessibility (a11y) Standards","Actuarial Science","Advanced Typing Speed & Accuracy","Aerospace Engineering & Aerodynamics","Affiliate Marketing Programs","Agile Project Management (Scrum)","AI Automation","AI Chatbot Design","AI Prompt Engineering","Algolia Search Integration","Analytical Chemistry","Android Kotlin Development","Apache Kafka Event Streaming","Apache Spark Big Data","API Gateway Configuration","API Testing (Postman)","App Store Optimization (ASO)","Applied Linguistics","Arabic Language & Grammar","Archeology & Ancient History","Architectural History & Design","Art History & Criticism","Artificial Intelligence & Robotics","Arts, Humanities & Design","Astronomy & Astrophysics","Audio Production (Audacity)","Auth0 Authentication Setup","AWS Certified Solutions Architect","AWS Cloud Architecture","Azure Cloud Services","Backend Web Development","Behavioral Economics","Biochemistry & Biophysics","Bioinformatics","Bioinformatics & Computational Biology","Biomedical Instrumentation & Engineering","BlockChain & Web3 Technologies","Botany & Plant Physiology","Brand Identity Design","Brand Management & Public Relations","Bug Tracking & QA Reporting","Business & Management","Business & Technical Writing","Business Analytics & Intelligence","Business Intelligence (Power BI)","Career Counseling & CV Writing","Certified ScrumMaster (CSM)","Chemical Process Engineering","Chinese Mandarin Proficiency","ChromaDB Vector Store","Chrome Extension Development","CISSP Certification Guide","Classical Literature & Analysis","Claude API Integration","Clean Code Guidelines","Clinical & Counseling Psychology","Clinical Nursing & Patient Care","Cloud Computing & DevOps","Code Linting (ESLint/Prettier)","Coding Bootcamp (HTML, CSS, JS)","Cognitive Psychology","Cold Email Outreach Strategy","College Algebra & Trigonometry","Comparative Literature","Comparative Politics","CompTIA Security+ Preparation","Computer Networks & Security","Computer Science & IT","Computer Vision","Conversion Rate Optimization (CRO)","Copywriting & Content Marketing","Copywriting for Landing Pages","Core Web Vitals Audit","Corporate Finance & Investment","Creative Non-Fiction Writing","Creative Writing & Poetry","Criminology & Penology","Critical Thinking & Problem Solving","Cryptography & Encryption","CSS Current Affairs","CSS Essay Writing","CSS General Science & Ability","CSS International Relations","CSS Islamic Studies","CSS Pakistan Affairs","CSV/Excel Data Export Tools","Cultural Studies","Customer Relationship Management (CRM)","Customer Success Engineering","Cyber Forensics","Cyber Threat Hunting","Cybersecurity & Information Security","Cybersecurity Awareness for Staff","Data Science & Analytics","Data Structures & Algorithms (LeetCode)","Data Warehousing (Snowflake)","Database Administration & SQL","Database Migration Workflows","Decentralized Apps (DApps)","Demography & Population Studies","Dental Anatomy & Oral Health","Design Patterns in Software","Design Thinking Methodology","Developmental Psychology","DevSecOps Implementation","Differential Equations","Digital Art & Illustration","Digital Electronics & Microprocessors","Digital Marketing & SEO","Digital Marketing Strategy","Discord Bot Customization","Discrete Mathematics","Distributed Systems & Architecture","DNS & Domain Administration","Docker Virtualization","E-Commerce Business Management","E-commerce Development (Shopify)","ECAT Mathematics & Physics","Edge Computing (Vercel Edge)","Electrical Circuits & Systems","Email Marketing Automation","Email Template Design (MJML)","Embedded Systems (Arduino)","Embedded Systems & VLSI Design","Emergency Medicine & First Aid","End-to-End Testing (Cypress)","Engineering & Industrial Technology","English Language & Grammar","English Literature","Entrepreneurship & Startup Strategy","Environmental Sciences & Ecology","Epidemiology & Public Health","Epistemology & Metaphysics","Ethical Hacking & Cyber Audit","Facebook & Instagram Ads","Fashion Design & Textiles","Figma Design System","Figma-to-Code Conversions","Film Studies & Cinematography","Financial Accounting & Bookkeeping","Financial Planning & Wealth Management","Firebase Backend Services","Fluid Mechanics & Hydraulics","Flutter Cross-Platform Dev","FPSC Exam Preparation","French Language Proficiency","Frontend Web Development","Full Stack Web Development","Functional Programming Paradigms","Game Design Theory","Game Theory","General Physics","General Physiology","General Sociology","Generative AI & LLMs","Genetics & Genomics","Genetics in Medicine","Geology & Earth Sciences","Geometry & Trigonometry","Geotechnical Engineering","German Language & Grammar","GIS & Spatial Data Analysis","Git Version Control","GitHub Actions Automation","GMAT Focus Edition Prep","Go Programming Language","Google Analytics 4 (GA4)","Google Analytics Certification","Google Cloud Platform (GCP)","Graph Databases (Neo4j)","Graph Theory","Graphic Design Principles","Graphic Design Tools (Photoshop & Illustrator)","GraphQL API Development","GraphQL Federation & Gateways","GRE Quantitative Reasoning","GRE Verbal Reasoning","Growth Hacking & Marketing","Hadoop Data Lake","Headless CMS (Strapi)","Headless E-commerce (Commerce Layer)","Hubspot Automation","Human Anatomy","Human Geography","Human Resource Management (HRM)","Identity and Access Management (IAM)","IELTS Academic Reading & Writing","IELTS General Training","Immunology & Vaccine Science","Incident Response Management","Industrial Automation & PLCs","Influencer Marketing Outreach","Information Architecture (IA)","Infrastructure as Code (Terraform)","Inorganic Chemistry","Instructional Design & E-Learning","Interaction Design (IxD)","International Business & Trade","International Relations & Diplomacy","Internet of Things (IoT)","Internet of Things (IoT) Security","Introduction to Psychology","iOS Swift Development","ITIL Framework","Jenkins CI/CD Pipeline","Jira & Confluence Coordination","Kinesiology & Physical Therapy","Kubernetes Container Orchestration","LangChain Orchestration","Languages, Literature & Linguistics","Leadership & Team Management","Linear Algebra & Matrices","LinkedIn Lead Generation","Linux Shell Scripting (Bash)","LlamaIndex Semantic Search","Machine Learning & Deep Learning","Macroeconomics","Make.com (Integromat) Integrations","Management Consulting","Managerial Economics","Manufacturing Processes & CNC","Marine Biology & Oceanography","Materials Science & Engineering","Mathematical Logic","Mathematical Statistics","Mathematics, Logic & Statistics","MATLAB Simulations","MDCAT Biology & Chemistry","Mechanical Design & CAD Modeling","Medical Ethics & Professionalism","Medical Microbiology","Medical, Health & Clinical Sciences","Microbiology & Virology","Microeconomics","Microservices Architecture","Midjourney & Stable Diffusion","MLOps (Machine Learning Operations)","Mobile App Testing (Appium)","Mobile Application Development","Mobile UX Best Practices","Modern Philosophy & Ethics","Molecular Biology & Genetics","MongoDB Database Administration","Monorepos (Turborepo/Nx)","Motion Graphics (After Effects)","Multivariable Calculus","Museology & Curatorial Studies","Music Theory & Composition","Natural Language Processing (NLP)","Natural Sciences & Biotechnology","Negotiating Skills & Conflict Resolution","Network Engineering (Cisco CCNA)","Network Security Protocols","Neural Networks","Neuroscience & Brain Anatomy","Next.js Framework","Node.js Backend Engineering","Notion Workspace Organization","NTS GAT General Test","Number Theory","Numerical Analysis & Computing","Nutrition & Dietetics","OAuth 2.0 & JWT Authentication","Object-Oriented Programming (OOP)","Office Productivity (MS Word & Excel)","Open Source Contribution Workflows","OpenAI API Integration","Operating Systems & Linux Administration","Operations Research","Organic Chemistry","Package Registry (npm/yarn/pnpm)","Pathology & Disease Mechanisms","Pay-Per-Click (PPC) Ads","PDF Generation (Puppeteer PDF)","Penetration Testing","Persian Literature & History","Pharmacology & Therapeutics","Phonetics & Phonology","Photo Editing (Adobe Photoshop)","Physical Chemistry","Podcasting for SaaS Founders","Political Theory & Ideologies","PostgreSQL Optimization","Power Systems & High Voltage Engineering","PowerShell Automation","PPSC General Knowledge","PPSC Typing Test Prep","Probability Theory & Processes","Product Management","Product Management Principles","Professional & Vocational Skills","Professional Photography & Editing","Professional Public Speaking","Project Management & Agile Methodologies","Project Management Professional (PMP)","Project Management Tools (Jira & Trello)","Public Policy & Governance","Python Scripting & Automation","PyTorch Framework","Quantum Computing Algorithms","Quantum Mechanics & Particle Physics","R Programming for Statistics","Radiology & Imaging Sciences","Raspberry Pi Programming","React Native Mobile Apps","Redis Caching System","Refactoring Legacy Codebases","Reinforcement Learning","Renewable Energy Technologies","RESTful API Design","Risk Management & Compliance","Robotic Process Automation (RPA)","Robotics & Control Systems Engineering","Rust Systems Programming","SaaS Development","SaaS Landing Page Optimization","SaaS Metrics & Growth Analytics","SaaS Pricing Strategy","SaaS Product-Led Growth","Sales & Customer Relationship Management","Salesforce Administration","Salesforce Development (Apex)","Sanity.io Backend Integration","SAP Administration","SAT Digital Math & Reading","Search Engine Marketing (SEM)","Search Engine Optimization (SEO)","Search Engines (Elasticsearch)","Security Information and Event Management (SIEM)","Semantic Versioning (SemVer)","SEO Mastery","Serverless Functions (AWS Lambda)","ServiceNow Workflows","Single Variable Calculus","Slack Bot Development","Smart Contract Security Audit","Social Anthropology","Social Media Marketing (SMM)","Social Media Marketing & Ads","Social Sciences & Behavior","Social Work & Community Welfare","Software Engineering","Spanish Language for Beginners","SQL Query Tuning & Optimization","Strategic Planning & Leadership","Stripe Billing & Subscriptions","Stripe Payments Integration","Structural Engineering & Mechanics","Supabase Backend Architecture","Supply Chain & Logistics","Syntax & Semantics","System Design Preparation","Tableau Analytics Visualization","Tailwind CSS Styling","Tech Stack Migration Strategies","Technical & Academic Writing","Technical SEO & Site Audit","Technical Writing & Documentation","Telegram Bot Integration","TensorFlow Deep Learning","Test Preparation & Competitive Exams","Theatre, Drama & Performing Arts","Thermodynamics & Heat Transfer","Threat Intelligence","Time-Series Databases (InfluxDB)","TOEFL iBT Test Prep","Topology & Abstract Algebra","Toxicology","Translation & Interpretation Studies","Turkish Language & Culture","TypeScript Strict Coding","UI Design Patterns","UI/UX Design & User Experience","UI/UX Wireframing & Prototyping","Unit Testing (Jest)","Unity 3D Game Development","Unreal Engine Game Scripting","Urdu Linguistics & Literature","User Onboarding Optimization","User Research Methodologies","Vector Databases (Pinecone)","Vector Illustration (Adobe Illustrator)","Video Editing & Motion Graphics","Video Editing for SaaS (Premiere Pro)","Virtualization (VirtualBox/VMware)","VS Code Extension Development","Web Animation (Lottie & Framer Motion)","Web Hosting & Server Config (Nginx/Apache)","Web Performance Optimization","Web Scraping (BeautifulSoup/Puppeteer)","Web Scraping APIs","Web3 & Solidity Development","WebGL & Three.js Development","WebRTC Video Streaming","WebSockets Real-Time Communication","WooCommerce Custom Stores","World History & Civilization","YouTube Marketing Strategy","YouTube Organic Growth","Zapier Automation & Workflows","Zoology & Animal Behavior"],"isLoggedIn":false}],"$L45"]}] </article></body></html>

Explore Courses

🚀 HTML Explorer: Build Your First Website!