[{"id":"b05452e3-ed5e-444a-90bb-0f1e31efe450","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":2,"isToggleable":false},"content":[{"type":"text","text":"What is an HTML Tag","styles":{}}],"children":[]},{"id":"6a6d4afb-3791-47ea-a012-4bfdced367bd","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"An ","styles":{}},{"type":"text","text":"HTML tag","styles":{"bold":true}},{"type":"text","text":" is a keyword enclosed in ","styles":{}},{"type":"text","text":"angle brackets ","styles":{"bold":true}},{"type":"text","text":"< >","styles":{"code":true}},{"type":"text","text":" used to define elements in a webpage.","styles":{}}],"children":[]},{"id":"f67aa84a-349e-4b43-a286-2ce6407b4468","type":"procode","props":{"code":"","language":"javascript","filename":"","files":"[{\"id\":\"io3ix0sx1\",\"name\":\"code.html\",\"code\":\"

This is a paragraph

\",\"language\":\"html\"}]","width":"100%","height":"400px"},"children":[]},{"id":"eb9cef72-4429-4aef-b7ee-5ac098fb995c","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Explanation:","styles":{}}],"children":[]},{"id":"eb40780f-ea4f-4e0f-aaae-b065669391d8","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"

","styles":{"code":true}},{"type":"text","text":" → opening tag","styles":{}}],"children":[]},{"id":"04f77dd8-51d2-4d66-8536-aabb12c7ea2f","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"This is a paragraph","styles":{"code":true}},{"type":"text","text":" → content","styles":{}}],"children":[]},{"id":"5d2c255d-999c-422b-976b-ae1d0b13e224","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"

","styles":{"code":true}},{"type":"text","text":" → closing tag","styles":{}}],"children":[]},{"id":"a2b87b00-83fa-4951-acd8-855740c351ca","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Structure:","styles":{}}],"children":[]},{"id":"60f95d8b-8bf3-4ab9-8dd1-46387e94ec80","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":" content ","styles":{}}],"children":[]},{"id":"d54404f8-cc98-4810-9d2d-a40b02f7bf0f","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"b75507fe-4618-4b79-82de-4ccdee63cf7f","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"2187438d-7a22-4a84-ad7b-18c3a61f6a49","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":2,"isToggleable":false},"content":[{"type":"text","text":"HTML tag hierarchy","styles":{}}],"children":[]},{"id":"f9c5f7a5-16a3-463f-81bb-c949d6570f16","type":"procode","props":{"code":"","language":"javascript","filename":"","files":"[{\"id\":\"z0jq8scfy\",\"name\":\"code\",\"code\":\"html\\n ├ head\\n │ ├ meta\\n │ ├ title\\n │ ├ link\\n │ └ script\\n │\\n └ body\\n ├ header\\n │ └ nav\\n │\\n ├ main\\n │ ├ section\\n │ │ └ article\\n │ ├ section\\n │ └ aside\\n │\\n └ footer\",\"language\":\"javascript\"}]","width":"100%","height":"400px"},"children":[]},{"id":"80a094c0-872b-48ed-a85e-60ff9939ce2c","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"1b0e1bcf-961e-4308-a240-31a02cd7abe6","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":2,"isToggleable":false},"content":[{"type":"text","text":"1. = Document Root ","styles":{"code":true}}],"children":[]},{"id":"eff57af8-b638-48cd-bd10-2b837ad3e0e3","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"","styles":{}}],"children":[]},{"id":"e75166cc-5909-4f2e-9d00-a16c3de3a98f","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Always include the ","styles":{}},{"type":"text","text":"lang","styles":{"code":true}},{"type":"text","text":" attribute for accessibility and SEO.","styles":{}}],"children":[]},{"id":"74c8968e-6bf7-441c-8c02-b85ef3d30e68","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[],"children":[]},{"id":"fde84c74-dfce-4347-a6f3-ddc46812a850","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":2,"isToggleable":false},"content":[{"type":"text","text":"2. = Document Metadata","styles":{"code":true}}],"children":[]},{"id":"37ea412b-5235-4b2e-8158-3637e85b3899","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"","styles":{"code":true}}],"children":[]},{"id":"e375aa51-9d01-47bd-8588-5cc0646ea35a","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Contains ","styles":{}},{"type":"text","text":"metadata and configuration","styles":{"bold":true}},{"type":"text","text":" used by the browser, search engines, and social platforms.","styles":{}}],"children":[]},{"id":"b551239a-a9b1-428a-91a9-a33251026ebb","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Typical elements inside ","styles":{}},{"type":"text","text":"","styles":{"code":true}},{"type":"text","text":":","styles":{}}],"children":[]},{"id":"e81e4bca-a09c-4b1d-8b0f-d7e69ab1fe4d","type":"table","props":{"textColor":"default"},"content":{"type":"tableContent","columnWidths":[null,null],"headerRows":1,"rows":[{"cells":[{"type":"tableCell","content":[{"type":"text","text":"Element","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Purpose","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Browser tab title","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"<meta charset>","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Character encoding","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"<meta viewport>","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Mobile responsiveness","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"<meta description>","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"SEO description","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"<link>","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"External CSS","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"<script>","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"JavaScript","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]},{"cells":[{"type":"tableCell","content":[{"type":"text","text":"<link rel=\"icon\">","styles":{"code":true}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}},{"type":"tableCell","content":[{"type":"text","text":"Favicon","styles":{}}],"props":{"colspan":1,"rowspan":1,"backgroundColor":"default","textColor":"default","textAlignment":"left"}}]}]},"children":[]},{"id":"8af53ecd-eb1f-42d2-81b2-5603d267d3e9","type":"procode","props":{"code":"","language":"javascript","filename":"","files":"[{\"id\":\"rvmw1ljgv\",\"name\":\"code\",\"code\":\"<head>\\n <meta charset=\\\"UTF-8\\\">\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n <title>Website Title\\n\",\"language\":\"javascript\"}]","width":"100%","height":"400px"},"children":[]},{"id":"6bbe47dc-3f49-4b0b-b210-6b58e1c3b47b","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"3. = Visible Page Content","styles":{}}],"children":[]},{"id":"4bddedef-ffe2-4cfb-9b12-38b9ba40384a","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Contains ","styles":{}},{"type":"text","text":"all visible elements","styles":{"bold":true}},{"type":"text","text":" of the webpage.","styles":{}}],"children":[]},{"id":"8a8319ea-b1ed-41ec-8b04-97694eb99f4a","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Typical major sections:","styles":{}}],"children":[]},{"id":"5573613d-1708-4b20-89e5-5f2e97f4b9fd","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"body\n├ header\n├ main\n└ footer","styles":{}}],"children":[]},{"id":"20931dda-66f6-437f-9282-5a23c424abc8","type":"divider","props":{},"children":[]},{"id":"ee37a914-7b2e-4370-a647-686092b4976b","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"4.

Site Header ","styles":{}}],"children":[]},{"id":"f01c2e18-ba7c-4c85-8982-b820437d1ea0","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Represents the ","styles":{}},{"type":"text","text":"introductory section","styles":{"bold":true}},{"type":"text","text":" of a page or section.","styles":{}}],"children":[]},{"id":"28094b41-35c6-45bd-b09e-b4f85c3de077","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Usually contains:","styles":{}}],"children":[]},{"id":"aa45a396-c870-4856-813c-6f73f9b7e7c2","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"logo","styles":{}}],"children":[]},{"id":"86ca4830-a2f5-483d-9167-415d2128f760","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"navigation","styles":{}}],"children":[]},{"id":"b3c19caa-0a5f-4a89-8401-ff6bbb0c96f4","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"site title","styles":{}}],"children":[]},{"id":"8f41a795-580d-44a7-9f07-abb9bd2fc556","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"search bar","styles":{}}],"children":[]},{"id":"e9ab592a-f264-4f5d-a675-f502a4b6ae44","type":"procode","props":{"code":"","language":"javascript","filename":"","files":"[{\"id\":\"x7tdcku8q\",\"name\":\"code\",\"code\":\"

\\n

Mindory

\\n

\",\"language\":\"javascript\"}]","width":"100%","height":"400px"},"children":[]},{"id":"0320f878-e17c-49ca-acb4-9d8c5e3ab18d","type":"divider","props":{},"children":[]},{"id":"4ae5a1ca-cc10-42ba-8f87-bdff28f45023","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"5.

Navigation","styles":{}}],"children":[]},{"id":"6b654349-54be-42a2-bba2-885b73530ce6","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Represents the ","styles":{}},{"type":"text","text":"primary navigation links","styles":{"bold":true}},{"type":"text","text":" of the site.","styles":{}}],"children":[]},{"id":"9183a044-035f-41c6-bbe6-e13878304d72","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Search engines treat navigation links as important structural elements.","styles":{}}],"children":[]},{"id":"57e9a83f-eeb9-44c6-b07b-cba136b45868","type":"procode","props":{"code":"","language":"javascript","filename":"","files":"[{\"id\":\"fyhktt2zh\",\"name\":\"code\",\"code\":\"\",\"language\":\"javascript\"}]","width":"100%","height":"400px"},"children":[]},{"id":"12bc3f23-4c03-4ab4-b46b-7e1c8fea8bd0","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Typical placement:","styles":{}}],"children":[]},{"id":"0b5d9a01-34b8-4734-92e7-3d21a4e21cf1","type":"procode","props":{"code":"","language":"javascript","filename":"","files":"[{\"id\":\"llxdtfvdq\",\"name\":\"code\",\"code\":\"header\\n └ nav\",\"language\":\"javascript\"}]","width":"100%","height":"400px"},"children":[]},{"id":"b3aeb0ed-efb8-4551-a12e-8e7a670b717e","type":"divider","props":{},"children":[]},{"id":"0dfffe65-a9a4-484d-87a1-e8c529d65635","type":"heading","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left","level":3,"isToggleable":false},"content":[{"type":"text","text":"6.

= Main Content","styles":{}}],"children":[]},{"id":"fdd40d33-1001-41ac-8350-9e2da1ca8c87","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Represents the ","styles":{}},{"type":"text","text":"primary content of the page","styles":{"bold":true}},{"type":"text","text":".","styles":{}}],"children":[]},{"id":"c9687943-22be-4b85-97b2-68afaf56aa24","type":"paragraph","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Rules:","styles":{}}],"children":[]},{"id":"a4baceed-eecb-4a15-a58e-408570b3fbb2","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Only ","styles":{}},{"type":"text","text":"one ","styles":{"bold":true}},{"type":"text","text":"

","styles":{"code":true}},{"type":"text","text":" per page","styles":{"bold":true}}],"children":[]},{"id":"21b23a0b-8555-4195-bfb4-768b18470e7f","type":"bulletListItem","props":{"backgroundColor":"default","textColor":"default","textAlignment":"left"},"content":[{"type":"text","text":"Should not be inside ","styles":{}},{"type":"text","text":"

","styles":{"code":true}},{"type":"text","text":", ","styles":{}},{"type":"text","text":"

","styles":{"code":true}},{"type":"text","text":", or ","styles":{}},{"type":"text","text":"