{"id":144826,"date":"2025-09-22T07:37:49","date_gmt":"2025-09-22T07:37:49","guid":{"rendered":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/"},"modified":"2025-09-22T07:37:49","modified_gmt":"2025-09-22T07:37:49","slug":"part-7-html-basics-understanding-html-structure-doctype-head-body-explained","status":"publish","type":"post","link":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/","title":{"rendered":"(Part 7) &#8211; HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained)"},"content":{"rendered":"<div class=\"youtubomatic-video-container\"><iframe loading=\"lazy\" width=\"580\" height=\"380\" src=\"https:\/\/www.youtube.com\/embed\/46_DJk3L1DM?autoplay=1&#038;controls=1&#038;hl=en\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<p>\ud83d\ude80 Welcome to your first real step in learning HTML!<br \/>\nIn this lesson, I\u2019ll walk you through the basic structure of an HTML page so you understand how every webpage begins.<\/p>\n<p>You\u2019ll learn:<br \/>\n\u2705 What does a Document Type Declaration mean<br \/>\n\u2705 The role of HTML as the root element<br \/>\n\u2705 What goes inside the head (like the page title)<br \/>\n\u2705 What goes inside the body (what users see in the browser)<\/p>\n<p>By the end of this video, you\u2019ll be able to write your very first structured HTML page.<\/p>\n<p>\ud83d\udc49 Don\u2019t forget to:<br \/>\n\u2714\ufe0f Like this video if you found it helpful<br \/>\n\u2714\ufe0f Subscribe to Coding With KC for more step-by-step lessons<br \/>\n\u2714\ufe0f Comment below: Did you understand everything in the video? What are your questions?<\/p>\n<p>\ud83d\udcfa Watch my full HTML &#038; Web Development Playlist here: <\/p>\n<p>#CodingWithKC #HTMLBasics #LearnCoding #WebDevelopment #ProgrammingForBeginners<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\ude80 Welcome to your first real step in learning HTML! In this lesson, I\u2019ll walk you through the basic structure of an HTML page so you understand how every webpage begins. You\u2019ll learn: \u2705 What does a Document Type Declaration mean \u2705 The role of HTML as the root element \u2705 What goes inside the head (like the page title) \u2705 What goes inside the body (what users see in&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","tve_updated_post":"","tve_custom_css":"","tve_user_custom_css":"","tve_globals":{},"tcb2_ready":0,"tcb_editor_enabled":0,"tve_landing_page":"","_tve_header":"","_tve_footer":""},"categories":[1],"tags":[],"class_list":["post-144826","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>(Part 7) - HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained) - UshopWell.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"(Part 7) - HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained) - UshopWell.com\" \/>\n<meta property=\"og:description\" content=\"\ud83d\ude80 Welcome to your first real step in learning HTML! In this lesson, I\u2019ll walk you through the basic structure of an HTML page so you understand how every webpage begins. You\u2019ll learn: \u2705 What does a Document Type Declaration mean \u2705 The role of HTML as the root element \u2705 What goes inside the head (like the page title) \u2705 What goes inside the body (what users see in...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/\" \/>\n<meta property=\"og:site_name\" content=\"UshopWell.com\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-22T07:37:49+00:00\" \/>\n<meta name=\"author\" content=\"UShopWell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UShopWell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/\"},\"author\":{\"name\":\"UShopWell\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#\\\/schema\\\/person\\\/6fd1f9e0ff932e534c86c70d5acff0fc\"},\"headline\":\"(Part 7) &#8211; HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained)\",\"datePublished\":\"2025-09-22T07:37:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/\"},\"wordCount\":145,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#organization\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/\",\"url\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/\",\"name\":\"(Part 7) - HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained) - UshopWell.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#website\"},\"datePublished\":\"2025-09-22T07:37:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"(Part 7) &#8211; HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#website\",\"url\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/\",\"name\":\"UshopWell.com\",\"description\":\"The Premiere Online Marketplace\",\"publisher\":{\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#organization\",\"name\":\"UshopWell\",\"url\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/pandaSwea.png\",\"contentUrl\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/pandaSwea.png\",\"width\":365,\"height\":359,\"caption\":\"UshopWell\"},\"image\":{\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/#\\\/schema\\\/person\\\/6fd1f9e0ff932e534c86c70d5acff0fc\",\"name\":\"UShopWell\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4adb372cadd43b4d4c57964dab95b0f69618bf960d131c4acf49d96d6bbc9c6e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4adb372cadd43b4d4c57964dab95b0f69618bf960d131c4acf49d96d6bbc9c6e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4adb372cadd43b4d4c57964dab95b0f69618bf960d131c4acf49d96d6bbc9c6e?s=96&d=mm&r=g\",\"caption\":\"UShopWell\"},\"url\":\"https:\\\/\\\/ushopwell.com\\\/ublog\\\/author\\\/kburnettu\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"(Part 7) - HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained) - UshopWell.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/","og_locale":"en_US","og_type":"article","og_title":"(Part 7) - HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained) - UshopWell.com","og_description":"\ud83d\ude80 Welcome to your first real step in learning HTML! In this lesson, I\u2019ll walk you through the basic structure of an HTML page so you understand how every webpage begins. You\u2019ll learn: \u2705 What does a Document Type Declaration mean \u2705 The role of HTML as the root element \u2705 What goes inside the head (like the page title) \u2705 What goes inside the body (what users see in...","og_url":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/","og_site_name":"UshopWell.com","article_published_time":"2025-09-22T07:37:49+00:00","author":"UShopWell","twitter_card":"summary_large_image","twitter_misc":{"Written by":"UShopWell","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/#article","isPartOf":{"@id":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/"},"author":{"name":"UShopWell","@id":"https:\/\/ushopwell.com\/ublog\/#\/schema\/person\/6fd1f9e0ff932e534c86c70d5acff0fc"},"headline":"(Part 7) &#8211; HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained)","datePublished":"2025-09-22T07:37:49+00:00","mainEntityOfPage":{"@id":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/"},"wordCount":145,"commentCount":0,"publisher":{"@id":"https:\/\/ushopwell.com\/ublog\/#organization"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/","url":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/","name":"(Part 7) - HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained) - UshopWell.com","isPartOf":{"@id":"https:\/\/ushopwell.com\/ublog\/#website"},"datePublished":"2025-09-22T07:37:49+00:00","breadcrumb":{"@id":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ushopwell.com\/ublog\/part-7-html-basics-understanding-html-structure-doctype-head-body-explained\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ushopwell.com\/ublog\/"},{"@type":"ListItem","position":2,"name":"(Part 7) &#8211; HTML Basics: Understanding HTML Structure (DOCTYPE, Head, Body Explained)"}]},{"@type":"WebSite","@id":"https:\/\/ushopwell.com\/ublog\/#website","url":"https:\/\/ushopwell.com\/ublog\/","name":"UshopWell.com","description":"The Premiere Online Marketplace","publisher":{"@id":"https:\/\/ushopwell.com\/ublog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ushopwell.com\/ublog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ushopwell.com\/ublog\/#organization","name":"UshopWell","url":"https:\/\/ushopwell.com\/ublog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ushopwell.com\/ublog\/#\/schema\/logo\/image\/","url":"https:\/\/ushopwell.com\/ublog\/wp-content\/uploads\/2018\/01\/pandaSwea.png","contentUrl":"https:\/\/ushopwell.com\/ublog\/wp-content\/uploads\/2018\/01\/pandaSwea.png","width":365,"height":359,"caption":"UshopWell"},"image":{"@id":"https:\/\/ushopwell.com\/ublog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/ushopwell.com\/ublog\/#\/schema\/person\/6fd1f9e0ff932e534c86c70d5acff0fc","name":"UShopWell","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4adb372cadd43b4d4c57964dab95b0f69618bf960d131c4acf49d96d6bbc9c6e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4adb372cadd43b4d4c57964dab95b0f69618bf960d131c4acf49d96d6bbc9c6e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4adb372cadd43b4d4c57964dab95b0f69618bf960d131c4acf49d96d6bbc9c6e?s=96&d=mm&r=g","caption":"UShopWell"},"url":"https:\/\/ushopwell.com\/ublog\/author\/kburnettu\/"}]}},"_links":{"self":[{"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/posts\/144826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/comments?post=144826"}],"version-history":[{"count":0,"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/posts\/144826\/revisions"}],"wp:attachment":[{"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/media?parent=144826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/categories?post=144826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ushopwell.com\/ublog\/wp-json\/wp\/v2\/tags?post=144826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}