{"key":"html_only_learning_plan_2026_03_19","title":"HTML Only Learning Plan","content":"HTML-only learning plan created on 2026-03-19.\n\nGoal: get comfortable building page structure without guessing.\n\nStage 1: Core HTML Basics\nLearn what HTML is, tags and elements, opening and closing tags, nesting, document structure, html/head/body, headings, paragraphs, links, images, lists, line breaks, and horizontal rules.\nPractice: make a basic page from scratch, add a title, add headings and paragraphs, add links and images, and make ordered and unordered lists.\nCheckpoint: can build a plain page without looking everything up every minute.\n\nStage 2: Semantic Structure\nLearn why semantic HTML matters and how to use header, nav, main, section, article, aside, and footer.\nPractice: take a messy page and organize it with semantic tags, then build a page with real structure including header, navigation, main content, and footer.\nCheckpoint: understand the difference between a page that merely works and a page that is structured well.\n\nStage 3: Text and Content Elements\nLearn strong vs bold, emphasis vs italic, quotes, code blocks, inline code, tables, figure, and figcaption.\nPractice: create a page with different content types, make a mini article page, and make a simple table.\nCheckpoint: know which tag to use for common content instead of using random tags.\n\nStage 4: Forms\nLearn form, input, label, textarea, select, option, button, placeholders, required fields, and basic form structure.\nPractice: build a contact form, build a signup form, and connect labels correctly to inputs.\nCheckpoint: can build a usable form with proper labels.\n\nStage 5: HTML Page Building\nPractice building complete pages with only HTML first: personal profile page, resume page, product information page, and contact page.\nGoal: stop thinking of HTML as isolated tags and start thinking in sections and page structure.\n\nBest mini projects in order: simple personal bio page, favorite things page with lists and images, article page, contact form page, and multi-section homepage in pure HTML.\n\nRules: do not worry about CSS yet except maybe tiny bits; focus on structure first; use semantic tags whenever possible; try to write pages from memory after building once.\n\nStudy method for each HTML topic: learn what the tag does, use it in a small example, rebuild without looking, then add one extra section independently.\n\nHTML completion checkpoint: can create a full page structure from scratch, use semantic elements correctly, add text, links, images, lists, and forms, and make a multi-section page without following a tutorial line by line.\n\n---\n**2026-03-19 10:55:58 UTC | Created via MCP**","summary":"HTML-only learning plan created on 2026-03-19.\n\nGoal: get comfortable building page structure without guessing.\n\nStage 1: Core HTML Basics\nLearn what HTML is, tags and elements, opening and closing tags, nesting, document structure, html/head/body, headings, paragraphs, links, images, lists, line breaks, and horizontal rules.\nPractice: make a basic page from scratch, add a title, add headings and paragraphs, add links and images, and make ordered and unordered lists.\nCheckpoint: can build a plain page without looking everything up every minute.\n\nStage 2: Semantic Structure\nLearn why semantic HTML matters and how to use header, nav, main, section, article, aside, and footer.\nPractice: take a messy page and organize it with semantic tags, then build a page with real structure including header, navigation, main content, and footer.\nCheckpoint: understand the difference between a page that merely works and a page that is structured well.\n\nStage 3: Text and Content Elements\nLearn strong vs bold, emphasis vs italic, quotes, code blocks, inline code, tables, figure, and figcaption.\nPractice: create a page with different content types, make a mini article page, and make a simple table.\nCheckpoint: know which tag to use for common content instead of using random tags.\n\nStage 4: Forms\nLearn form, input, label, textarea, select, option, button, placeholders, required fields, and basic form structure.\nPractice: build a contact form, build a signup form, and connect labels correctly to inputs.\nCheckpoint: can build a usable form with proper labels.\n\nStage 5: HTML Page Building\nPractice building complete pages with only HTML first: personal profile page, resume page, product information page, and contact page.\nGoal: stop thinking of HTML as isolated tags and start thinking in sections and page structure.\n\nBest mini projects in order: simple personal bio page, favorite things page with lists and images, article page, contact form page, and multi-section homepage in pure HTML.\n\nRules: do not worry about CSS yet except maybe tiny bits; focus on structure first; use semantic tags whenever possible; try to write pages from memory after building once.\n\nStudy method for each HTML topic: learn what the tag does, use it in a small example, rebuild without looking, then add one extra section independently.\n\nHTML completion checkpoint: can create a full page structure from scratch, use semantic elements correctly, add text, links, images, lists, and forms, and make a multi-section page without following a tutorial line by line.\n\n---\n**2026-03-19 10:55:58 UTC | Created via MCP**","status":"active","namespace":"general","namespace_name":"general","namespace_tier":"shared","tags":[]}