[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"site-config":3,"topic:html-lists-ordered-unordered-description":6,"blog-categories":95,"course-tree":120},{"data":4},{"google_site_verification":5,"ga4_measurement_id":5,"site_name":5,"default_og_image":5,"twitter_handle":5},null,{"data":7},{"id":8,"title":9,"slug":10,"content":11,"course":12,"subcategory":15,"author":18,"reading_time_minutes":24,"cornerstone":25,"schema_type":26,"faq_json":5,"video_url":5,"canonical_url":27,"meta_title":28,"meta_description":29,"og_image":5,"toc_json":30,"code_examples":60,"quiz":72,"exercises":78,"published_at":5,"updated_at":86,"prev":87,"next":91},25,"HTML Lists: Ordered, Unordered & Description Lists","html-lists-ordered-unordered-description","\u003Ch2 id=\"html-lists-ordered-unordered-and-description-lists\">HTML Lists: Ordered, Unordered, and Description Lists\u003C\u002Fh2>\u003Cp>\u003Cstrong>Focus keyword: HTML lists\u003C\u002Fstrong> — a foundational concept for structuring content, navigation menus, and FAQs on the modern web.\u003C\u002Fp>\u003Cp>Lists let you group related items in a way browsers and screen readers understand as a set, improving both readability and \u003Cstrong>semantic HTML\u003C\u002Fstrong> structure. There are three types of lists in HTML.\u003C\u002Fp>\u003Ch3 id=\"1-unordered-lists-ul\">1. Unordered Lists (<ul>)\u003C\u002Fh3>\u003Cp>Used when the order of items doesn't matter — e.g., a list of features or ingredients. Each item is wrapped in \u003Ccode><li>\u003C\u002Fcode> and rendered with a bullet by default.\u003C\u002Fp>\u003Ch3 id=\"2-ordered-lists-ol\">2. Ordered Lists (<ol>)\u003C\u002Fh3>\u003Cp>Used when sequence matters — e.g., step-by-step instructions or rankings. Browsers auto-number items 1, 2, 3... You can customize numbering with the \u003Ccode>type\u003C\u002Fcode> attribute (\u003Ccode>1\u003C\u002Fcode>, \u003Ccode>A\u003C\u002Fcode>, \u003Ccode>a\u003C\u002Fcode>, \u003Ccode>I\u003C\u002Fcode>, \u003Ccode>i\u003C\u002Fcode>) or start counting from a different number with \u003Ccode>start\u003C\u002Fcode>.\u003C\u002Fp>\u003Ch3 id=\"3-description-lists-dl\">3. Description Lists (<dl>)\u003C\u002Fh3>\u003Cp>Often overlooked, this list type pairs terms with their definitions — ideal for glossaries, FAQs, or metadata display. It uses three tags:\u003C\u002Fp>\u003Cul>\u003Cli>\u003Ccode><dl>\u003C\u002Fcode> — the wrapper\u003C\u002Fli>\u003Cli>\u003Ccode><dt>\u003C\u002Fcode> — the term\u003C\u002Fli>\u003Cli>\u003Ccode><dd>\u003C\u002Fcode> — the description\u003C\u002Fli>\u003C\u002Ful>\u003Ch3 id=\"4-nesting-lists\">4. Nesting Lists\u003C\u002Fh3>\u003Cp>Lists can be nested inside \u003Ccode><li>\u003C\u002Fcode> elements to build multi-level menus — a technique widely used in trending \u003Cstrong>accordion-style navigation\u003C\u002Fstrong> and sidebar UI components.\u003C\u002Fp>\u003Ch3 id=\"5-styling-lists-with-css\">5. Styling Lists with CSS\u003C\u002Fh3>\u003Cp>Use \u003Ccode>list-style-type\u003C\u002Fcode> to change bullet\u002Fnumber style, or \u003Ccode>list-style: none\u003C\u002Fcode> combined with Flexbox to build modern horizontal nav bars — a very common pattern in current front-end frameworks.\u003C\u002Fp>\u003Ch3 id=\"6-accessibility-note\">6. Accessibility Note\u003C\u002Fh3>\u003Cp>Never fake a list using plain \u003Ccode><div>\u003C\u002Fcode> or \u003Ccode><p>\u003C\u002Fcode> tags with manual bullets\u002Fnumbers — screen readers rely on real list markup to announce 'list of 5 items', improving \u003Cstrong>web accessibility\u003C\u002Fstrong>.\u003C\u002Fp>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode><h4>Unordered List<\u002Fh4>\n<ul>\n  <li>HTML<\u002Fli>\n  <li>CSS<\u002Fli>\n  <li>JavaScript<\u002Fli>\n<\u002Ful>\n\n<h4>Ordered List<\u002Fh4>\n<ol type='A' start='1'>\n  <li>Plan the project<\u002Fli>\n  <li>Design the layout<\u002Fli>\n  <li>Write the code<\u002Fli>\n<\u002Fol>\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode><h4>Description List<\u002Fh4>\n<dl>\n  <dt>HTML<\u002Fdt>\n  <dd>The standard markup language for creating web pages.<\u002Fdd>\n  <dt>CSS<\u002Fdt>\n  <dd>The language used to style HTML elements.<\u002Fdd>\n<\u002Fdl>\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>\u003Cdiv class=\"try-it-yourself language-html\">\u003Cpre>\u003Ccode><h4>Nested List (Multi-level Menu)<\u002Fh4>\n<ul>\n  <li>Frontend\n    <ul>\n      <li>HTML<\u002Fli>\n      <li>CSS<\u002Fli>\n      <li>JavaScript<\u002Fli>\n    <\u002Ful>\n  <\u002Fli>\n  <li>Backend\n    <ul>\n      <li>Node.js<\u002Fli>\n      <li>PHP<\u002Fli>\n    <\u002Ful>\n  <\u002Fli>\n<\u002Ful>\u003C\u002Fcode>\u003C\u002Fpre>\u003C\u002Fdiv>",{"name":13,"slug":14},"HTML","html-tutorial",{"name":16,"slug":17},"Structuring Content","structuring-content",{"slug":19,"display_name":20,"job_title":5,"short_bio":5,"expertise_tags":21,"headshot":5,"long_bio":5,"credentials":5,"twitter_url":5,"linkedin_url":5,"github_url":5,"personal_website_url":5,"other_sameas_urls":5,"topics":22,"posts":23},"badar-khalil","Badar Khalil",[],[],[],2,false,"Article","https:\u002F\u002Fwpfsharp.com\u002Ftopics\u002Fhtml-lists-ordered-unordered-description","HTML Lists Tutorial: ol, ul, dl Explained with Examples","Master HTML lists — ordered (ol), unordered (ul), and description (dl) lists — with live code examples and styling tips.",[31],{"id":32,"text":33,"level":24,"children":34},"html-lists-ordered-unordered-and-description-lists","HTML Lists: Ordered, Unordered, and Description Lists",[35,40,44,48,52,56],{"id":36,"text":37,"level":38,"children":39},"1-unordered-lists-ul","1. Unordered Lists (\u003Cul>)",3,[],{"id":41,"text":42,"level":38,"children":43},"2-ordered-lists-ol","2. Ordered Lists (\u003Col>)",[],{"id":45,"text":46,"level":38,"children":47},"3-description-lists-dl","3. Description Lists (\u003Cdl>)",[],{"id":49,"text":50,"level":38,"children":51},"4-nesting-lists","4. Nesting Lists",[],{"id":53,"text":54,"level":38,"children":55},"5-styling-lists-with-css","5. Styling Lists with CSS",[],{"id":57,"text":58,"level":38,"children":59},"6-accessibility-note","6. Accessibility Note",[],[61,66,69],{"id":62,"language":63,"code":64,"is_editable":65},52,"html","\u003Ch4>Unordered List\u003C\u002Fh4>\n\u003Cul>\n  \u003Cli>HTML\u003C\u002Fli>\n  \u003Cli>CSS\u003C\u002Fli>\n  \u003Cli>JavaScript\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch4>Ordered List\u003C\u002Fh4>\n\u003Col type='A' start='1'>\n  \u003Cli>Plan the project\u003C\u002Fli>\n  \u003Cli>Design the layout\u003C\u002Fli>\n  \u003Cli>Write the code\u003C\u002Fli>\n\u003C\u002Fol>",true,{"id":67,"language":63,"code":68,"is_editable":65},53,"\u003Ch4>Description List\u003C\u002Fh4>\n\u003Cdl>\n  \u003Cdt>HTML\u003C\u002Fdt>\n  \u003Cdd>The standard markup language for creating web pages.\u003C\u002Fdd>\n  \u003Cdt>CSS\u003C\u002Fdt>\n  \u003Cdd>The language used to style HTML elements.\u003C\u002Fdd>\n\u003C\u002Fdl>",{"id":70,"language":63,"code":71,"is_editable":65},54,"\u003Ch4>Nested List (Multi-level Menu)\u003C\u002Fh4>\n\u003Cul>\n  \u003Cli>Frontend\n    \u003Cul>\n      \u003Cli>HTML\u003C\u002Fli>\n      \u003Cli>CSS\u003C\u002Fli>\n      \u003Cli>JavaScript\u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Fli>\n  \u003Cli>Backend\n    \u003Cul>\n      \u003Cli>Node.js\u003C\u002Fli>\n      \u003Cli>PHP\u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Fli>\n\u003C\u002Ful>",{"id":73,"slug":74,"title":75,"time_limit_seconds":5,"pass_percentage":76,"question_count":77},9,"html-lists-quiz-pWWQwN","HTML Lists Quiz",70,1,[79],{"id":80,"title":81,"slug":82,"prompt":83,"starter_code":84,"expected_output":85,"language":63,"order_index":77},23,"Build a Glossary with Description Lists","build-glossary-description-lists","Create a description list (dl) glossary with at least 4 web-development terms (e.g., API, DOM, Responsive Design, SEO) and a one-line definition for each.","\u003Cdl>\n  \u003C!-- TODO: add dt\u002Fdd pairs -->\n\u003C\u002Fdl>","A dl element containing at least 4 dt\u002Fdd pairs.","2026-09-27T17:25:48+00:00",{"id":88,"slug":89,"title":90},24,"html-tables-rows-columns-merging-cells","HTML Tables Explained: Rows, Columns & Merging Cells",{"id":92,"slug":93,"title":94},26,"html-block-vs-inline-elements","HTML Block vs Inline Elements Explained",{"data":96},[97,102,105,110,115],{"name":98,"slug":99,"description":100,"post_count":24,"subcategories":101},"CSS","css","Learn CSS with practical tutorials and examples covering layouts, Flexbox, Grid, responsive design, typography, positioning, animations, and more.",[],{"name":13,"slug":63,"description":103,"post_count":24,"subcategories":104},"Learn HTML with practical tutorials and examples for beginners. Explore HTML tags, elements, attributes, links, images, forms, semantic HTML, and more with clear explanations and real code examples.",[],{"name":106,"slug":107,"description":108,"post_count":77,"subcategories":109},"WPF","wpf","Learn WPF with practical tutorials and examples covering XAML, windows, controls, layouts, data binding, MVVM, commands, styles, templates, debugging, and modern WPF UI development.",[],{"name":111,"slug":112,"description":113,"post_count":77,"subcategories":114},"Python","python","Learn Python with practical tutorials covering strings, lists, functions, exceptions, files, packages, virtual environments, modules, classes, and beginner programming concepts.",[],{"name":116,"slug":117,"description":118,"post_count":77,"subcategories":119},"Java","java","Learn Java with practical tutorials and examples for beginners. Explore Java syntax, variables, data types, classes, objects, methods, inheritance, exceptions, collections, and more with clear explanations and real code examples.",[],{"data":121},[122],{"id":77,"name":13,"slug":14,"icon":5,"icon_url":5,"short_description":123,"meta_title":124,"meta_description":125,"og_image":126,"locale":127,"subcategories":128},"Welcome to our HTML Tutorial for Beginners, a complete guide designed to help you learn HTML from the ground up.\n\nHTML, which stands for HyperText Markup Language, is the standard language used to structure content on the web. Whether you want to become a web developer, build your own website, or continue learning CSS and JavaScript, understanding HTML is an essential first step.\n\nThis HTML course takes you through the fundamentals step by step, using simple explanations and practical examples. ","HTML Tutorial for Beginners - Learn HTML Step by Step","Learn HTML from scratch with our beginner-friendly HTML tutorial. Understand HTML tags, elements, forms, tables, links, images, semantic HTML and more with practical examples.","https:\u002F\u002Fwpfsharp.com\u002Fstorage\u002Fcourses\u002Fog\u002F01M2GK0XN45C0B937NF9XFAD4S.webp","en",[129,154,189,213,277,308,322,350,374,390],{"id":77,"name":130,"slug":131,"order_index":77,"topics":132},"HTML Fundamentals & Setup","html-fundamentals-setup",[133,136,139,142,146,150],{"id":77,"title":134,"slug":135,"order_index":77,"cornerstone":25,"reading_time_minutes":77},"HTML Introduction & History","html-introduction-and-history",{"id":24,"title":137,"slug":138,"order_index":77,"cornerstone":25,"reading_time_minutes":24},"HTML Editors & Environment Setup","html-editors-and-environment-setup",{"id":38,"title":140,"slug":141,"order_index":38,"cornerstone":25,"reading_time_minutes":24},"HTML Basic Syntax & Document Structure","html-basic-syntax-document-structure",{"id":143,"title":144,"slug":145,"order_index":143,"cornerstone":25,"reading_time_minutes":24},4,"HTML Elements & Tags Explained","html-elements-tags-explained",{"id":147,"title":148,"slug":149,"order_index":147,"cornerstone":25,"reading_time_minutes":24},5,"HTML Attributes (Global & Standard)","html-attributes-global-standard",{"id":151,"title":152,"slug":153,"order_index":151,"cornerstone":25,"reading_time_minutes":24},6,"Understanding the DOCTYPE & HTML5 Boilerplate","understanding-doctype-html5-boilerplate",{"id":24,"name":155,"slug":156,"order_index":24,"topics":157},"Text & Content Basics","text-content-basics",[158,162,166,169,173,177,181,185],{"id":159,"title":160,"slug":161,"order_index":159,"cornerstone":25,"reading_time_minutes":24},7,"HTML Headings (H1–H6) & SEO Best Practices","html-headings-h1-h6-seo-best-practices",{"id":163,"title":164,"slug":165,"order_index":163,"cornerstone":25,"reading_time_minutes":24},8,"HTML Paragraphs & Line Breaks","html-paragraphs-line-breaks",{"id":73,"title":167,"slug":168,"order_index":73,"cornerstone":25,"reading_time_minutes":77},"HTML Text Formatting (Bold, Italic, Mark, etc.)","html-text-formatting-bold-italic-mark",{"id":170,"title":171,"slug":172,"order_index":170,"cornerstone":25,"reading_time_minutes":24},10,"HTML Styles (Inline CSS Basics)","html-styles-inline-css-basics",{"id":174,"title":175,"slug":176,"order_index":174,"cornerstone":25,"reading_time_minutes":24},11,"HTML Quotations & Citations (blockquote, q, cite)","html-quotations-citations-blockquote-q-cite",{"id":178,"title":179,"slug":180,"order_index":178,"cornerstone":25,"reading_time_minutes":24},12,"HTML Comments (Best Practices)","html-comments-best-practices",{"id":182,"title":183,"slug":184,"order_index":182,"cornerstone":25,"reading_time_minutes":24},13,"HTML Colors (Names, HEX, RGB, HSL)","html-colors-names-hex-rgb-hsl",{"id":186,"title":187,"slug":188,"order_index":186,"cornerstone":25,"reading_time_minutes":24},14,"HTML & CSS Integration (Inline, Internal, External)","html-css-integration-inline-internal-external",{"id":38,"name":190,"slug":191,"order_index":38,"topics":192},"Links, Media & Navigation","links-media-navigation",[193,197,201,205,209],{"id":194,"title":195,"slug":196,"order_index":194,"cornerstone":25,"reading_time_minutes":24},15,"HTML Links (Anchor Tags & Hyperlinks)","html-links-anchor-tags-hyperlinks",{"id":198,"title":199,"slug":200,"order_index":198,"cornerstone":25,"reading_time_minutes":24},16,"HTML Images (Alt Text, Lazy Loading, Formats)","html-images-alt-text-lazy-loading-formats",{"id":202,"title":203,"slug":204,"order_index":202,"cornerstone":25,"reading_time_minutes":77},17,"HTML Favicon Setup","html-favicon-setup",{"id":206,"title":207,"slug":208,"order_index":206,"cornerstone":25,"reading_time_minutes":24},18,"HTML Page Title & Meta Tags (SEO Essentials)","html-page-title-meta-tags-seo-essentials",{"id":210,"title":211,"slug":212,"order_index":210,"cornerstone":25,"reading_time_minutes":24},19,"HTML File Paths (Absolute vs Relative)","html-file-paths-absolute-vs-relative",{"id":143,"name":16,"slug":17,"order_index":143,"topics":214},[215,217,219,221,225,229,233,237,241,245,249,253,257,261,265,269,273],{"id":88,"title":90,"slug":89,"order_index":216,"cornerstone":25,"reading_time_minutes":24},20,{"id":8,"title":9,"slug":10,"order_index":218,"cornerstone":25,"reading_time_minutes":24},21,{"id":92,"title":94,"slug":93,"order_index":220,"cornerstone":25,"reading_time_minutes":24},22,{"id":222,"title":223,"slug":224,"order_index":80,"cornerstone":25,"reading_time_minutes":77},27,"HTML Div & Span: Generic Containers Explained","html-div-and-span-containers",{"id":226,"title":227,"slug":228,"order_index":88,"cornerstone":25,"reading_time_minutes":24},28,"HTML Classes vs ID: Selectors Explained","html-classes-vs-id-selectors-explained",{"id":230,"title":231,"slug":232,"order_index":8,"cornerstone":25,"reading_time_minutes":77},29,"HTML Iframes: Embedding External Content","html-iframes-embedding-content",{"id":234,"title":235,"slug":236,"order_index":92,"cornerstone":25,"reading_time_minutes":24},30,"HTML Head Element Deep Dive","html-head-element-deep-dive",{"id":238,"title":239,"slug":240,"order_index":222,"cornerstone":25,"reading_time_minutes":24},31,"HTML Layout Techniques: Header, Nav & Footer","html-layout-techniques-header-nav-footer",{"id":242,"title":243,"slug":244,"order_index":226,"cornerstone":25,"reading_time_minutes":24},32,"Responsive HTML Design: Mobile-First Approach","responsive-html-design-mobile-first-approach",{"id":246,"title":247,"slug":248,"order_index":230,"cornerstone":25,"reading_time_minutes":38},74,"HTML Semantic Elements (article, section, aside, nav)","html-semantic-elements-article-section-aside-nav",{"id":250,"title":251,"slug":252,"order_index":234,"cornerstone":25,"reading_time_minutes":24},75,"HTML Style Guide & Coding Conventions","html-style-guide-coding-conventions",{"id":254,"title":255,"slug":256,"order_index":238,"cornerstone":25,"reading_time_minutes":24},76,"HTML Entities & Special Characters","html-entities-special-characters",{"id":258,"title":259,"slug":260,"order_index":242,"cornerstone":25,"reading_time_minutes":77},77,"HTML Symbols","html-symbols",{"id":262,"title":263,"slug":264,"order_index":262,"cornerstone":25,"reading_time_minutes":77},33,"HTML Emojis 😀: How to Use Them in Web Pages","html-emojis-trending-guide",{"id":266,"title":267,"slug":268,"order_index":266,"cornerstone":25,"reading_time_minutes":24},34,"HTML Character Sets: UTF-8 & Encoding Explained","html-character-sets-utf-8-encoding",{"id":270,"title":271,"slug":272,"order_index":270,"cornerstone":25,"reading_time_minutes":77},35,"HTML URL Encoding Explained","html-url-encoding-explained",{"id":274,"title":275,"slug":276,"order_index":274,"cornerstone":25,"reading_time_minutes":77},36,"HTML vs XHTML: Key Differences","html-vs-xhtml-key-differences",{"id":159,"name":278,"slug":279,"order_index":147,"topics":280},"Forms & User Input","forms-user-input",[281,286,291,296,300,304],{"id":282,"title":283,"slug":284,"order_index":285,"cornerstone":25,"reading_time_minutes":24},49,"HTML Forms Introduction","html-forms-introduction",37,{"id":287,"title":288,"slug":289,"order_index":290,"cornerstone":25,"reading_time_minutes":77},50,"HTML Form Attributes (action, method, etc.)","html-form-attributes-action-method",38,{"id":292,"title":293,"slug":294,"order_index":295,"cornerstone":25,"reading_time_minutes":77},51,"HTML Form Elements (input, select, textarea, button)","html-form-elements-input-select-textarea-button",39,{"id":62,"title":297,"slug":298,"order_index":299,"cornerstone":25,"reading_time_minutes":24},"HTML Input Types (Modern Types: email, date, color, range)","html-input-types-modern-email-date-color-range",40,{"id":67,"title":301,"slug":302,"order_index":303,"cornerstone":25,"reading_time_minutes":24},"HTML Input Attributes (required, placeholder, pattern)","html-input-attributes-required-placeholder-pattern",41,{"id":70,"title":305,"slug":306,"order_index":307,"cornerstone":25,"reading_time_minutes":24},"HTML Form Validation (Client-Side)","html-form-validation-client-side",42,{"id":163,"name":309,"slug":310,"order_index":151,"topics":311},"Graphics & Visuals","graphics-visuals",[312,317],{"id":313,"title":314,"slug":315,"order_index":316,"cornerstone":25,"reading_time_minutes":38},55,"HTML Canvas (2D Drawing API) 🔥","html-canvas-2d-drawing-api",43,{"id":318,"title":319,"slug":320,"order_index":321,"cornerstone":25,"reading_time_minutes":38},56,"HTML SVG (Scalable Vector Graphics)","html-svg-scalable-vector-graphics",44,{"id":73,"name":323,"slug":324,"order_index":159,"topics":325},"Multimedia","multimedia",[326,331,336,341,346],{"id":327,"title":328,"slug":329,"order_index":330,"cornerstone":25,"reading_time_minutes":24},57,"HTML Media Overview","html-media-overview",45,{"id":332,"title":333,"slug":334,"order_index":335,"cornerstone":25,"reading_time_minutes":24},58,"HTML Video Embedding (Native Player)","html-video-embedding-native-player",46,{"id":337,"title":338,"slug":339,"order_index":340,"cornerstone":25,"reading_time_minutes":24},59,"HTML Audio Embedding","html-audio-embedding",47,{"id":342,"title":343,"slug":344,"order_index":345,"cornerstone":25,"reading_time_minutes":24},60,"HTML Plug-ins (Object & Embed Tags)","html-plugins-object-embed-tags",48,{"id":347,"title":348,"slug":349,"order_index":282,"cornerstone":25,"reading_time_minutes":24},61,"Embedding YouTube Videos in HTML","embedding-youtube-videos-in-html",{"id":170,"name":351,"slug":352,"order_index":163,"topics":353},"HTML5 Web APIs (Advanced\u002FTrending)","html5-web-apis-advancedtrending",[354,358,362,366,370],{"id":355,"title":356,"slug":357,"order_index":287,"cornerstone":25,"reading_time_minutes":24},62,"HTML Geolocation API","html-geolocation-api",{"id":359,"title":360,"slug":361,"order_index":292,"cornerstone":25,"reading_time_minutes":24},63,"HTML Drag & Drop API","html-drag-and-drop-api",{"id":363,"title":364,"slug":365,"order_index":62,"cornerstone":25,"reading_time_minutes":24},64,"HTML Web Storage (localStorage & sessionStorage)","html-web-storage-localstorage-sessionstorage",{"id":367,"title":368,"slug":369,"order_index":67,"cornerstone":25,"reading_time_minutes":24},65,"HTML Web Workers (Background Processing)","html-web-workers-background-processing",{"id":371,"title":372,"slug":373,"order_index":70,"cornerstone":25,"reading_time_minutes":24},66,"HTML Server-Sent Events (SSE)","html-server-sent-events-sse",{"id":174,"name":375,"slug":376,"order_index":73,"topics":377},"Accessibility & Best Practices (High-Demand  Skill) �","accessibility-best-practices-high-demand-skill",[378,382,386],{"id":379,"title":380,"slug":381,"order_index":313,"cornerstone":25,"reading_time_minutes":24},67,"HTML Accessibility (ARIA, Screen Readers)","html-accessibility-aria-screen-readers",{"id":383,"title":384,"slug":385,"order_index":318,"cornerstone":25,"reading_time_minutes":24},68,"Writing Semantic & SEO-Friendly HTML","writing-semantic-and-seo-friendly-html",{"id":387,"title":388,"slug":389,"order_index":327,"cornerstone":25,"reading_time_minutes":24},69,"HTML Performance Optimization Basics","html-performance-optimization-basics",{"id":178,"name":391,"slug":392,"order_index":170,"topics":393},"Reference & Practice","reference-practice",[394,397,401,405,409,413,417,421],{"id":76,"title":395,"slug":396,"order_index":77,"cornerstone":25,"reading_time_minutes":24},"HTML Tag List (Full Reference)","html-tag-list-full-reference",{"id":398,"title":399,"slug":400,"order_index":24,"cornerstone":25,"reading_time_minutes":24},71,"HTML Global Attributes Reference","html-global-attributes-reference",{"id":402,"title":403,"slug":404,"order_index":38,"cornerstone":25,"reading_time_minutes":24},72,"HTML Events Reference","html-events-reference",{"id":406,"title":407,"slug":408,"order_index":143,"cornerstone":25,"reading_time_minutes":24},73,"HTML Browser Support & Compatibility","html-browser-support-compatibility",{"id":410,"title":411,"slug":412,"order_index":147,"cornerstone":25,"reading_time_minutes":24},78,"HTML Doctypes Reference","html-doctypes-reference",{"id":414,"title":415,"slug":416,"order_index":151,"cornerstone":25,"reading_time_minutes":24},79,"HTTP Methods & Messages (Basics for Forms\u002FAPIs)","http-methods-messages-basics",{"id":418,"title":419,"slug":420,"order_index":159,"cornerstone":25,"reading_time_minutes":38},80,"HTML Interview Preparation (Top Q&A)","html-interview-preparation-top-qa",{"id":422,"title":423,"slug":424,"order_index":163,"cornerstone":25,"reading_time_minutes":77},81,"HTML Quiz & Practice Exercises","html-quiz-practice-exercises"]