{"id":131,"date":"2019-07-03T12:27:47","date_gmt":"2019-07-03T12:27:47","guid":{"rendered":"https:\/\/wpproonline.com\/?p=131"},"modified":"2026-02-26T10:50:42","modified_gmt":"2026-02-26T10:50:42","slug":"html-5-chapter-1-getting-started-with-html","status":"publish","type":"post","link":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/","title":{"rendered":"HTML 5 Notes For Professional &#8211; Chapter &#8211; 1 (Getting started with HTML)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This HTML5 Notes for Professionals book is compiled from Stack Overflow Documentation, the content is written by the beautiful people at Stack Overflow. Text content is released under Creative Commons BY-SA, see credits at the end of this book whom contributed to the various chapters. Images may be copyright of their respective owners unless otherwise specified.<\/p>\n\n<p class=\"wp-block-paragraph\">This is an unofficial free book created for educational purposes and is not affiliated with official HTML5 group(s) or company(s) nor Stack Overflow. All trademarks and registered trademarks are the property of their respective company owners.<\/p>\n\n<p class=\"wp-block-paragraph\">The information presented in this book is not guaranteed to be correct nor accurate, use at your own risk.<\/p>\n\n<p><!--more--><\/p>\n\n<h2 class=\"wp-block-heading\">Getting started with HTML<\/h2>\n\n\n\n<p class=\"wp-block-paragraph is-layout-flow wp-block-column-is-layout-flow is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\u00a0<\/p>\n\n\n\u00a0\n\n\n<table>\n<tbody>\n<tr>\n<td><strong>Version<\/strong><\/td>\n<td><strong>Specification<\/strong><\/td>\n<td><strong>Release Date<\/strong><\/td>\n<\/tr>\n<tr>\n<td>1.0<\/td>\n<td>NA<\/td>\n<td>1994-01-01<\/td>\n<\/tr>\n<tr>\n<td>2.0<\/td>\n<td><a href=\"https:\/\/tools.ietf.org\/html\/rfc1866\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">RFC 1866<\/a><\/td>\n<td>1995-11-24<\/td>\n<\/tr>\n<tr>\n<td>3.2<\/td>\n<td><a href=\"https:\/\/www.w3.org\/TR\/REC-html32\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">W3C: HTML 3.2 Specification<\/a><\/td>\n<td>1997-01-14<\/td>\n<\/tr>\n<tr>\n<td>4.0<\/td>\n<td><a href=\"https:\/\/www.w3.org\/TR\/1998\/REC-html40-19980424\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">W3C: HTML 4.0 Specification<\/a><\/td>\n<td>1998-04-24<\/td>\n<\/tr>\n<tr>\n<td>4.01<\/td>\n<td><a href=\"https:\/\/www.w3.org\/TR\/html401\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">W3C: HTML 4.01 Specification<\/a><\/td>\n<td>1999-12-24<\/td>\n<\/tr>\n<tr>\n<td>5.0<\/td>\n<td><a href=\"https:\/\/html.spec.whatwg.org\/multipage\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">WHATWG: HTML Living Standard<\/a><\/td>\n<td>2014-10-28<\/td>\n<\/tr>\n<tr>\n<td>5.1<\/td>\n<td><a href=\"https:\/\/www.w3.org\/TR\/2016\/REC-html51-20161101\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">W3C: HTML 5.1 Specification<\/a><\/td>\n<td>2016-11-01<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<h2 class=\"wp-block-heading\">Hello World<\/h2>\n\n<h4 class=\"wp-block-heading\">Introduction<\/h4>\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/HTML\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"HTML (opens in a new tab)\">HTML<\/a> (Hypertext Markup Language) uses a markup system composed of elements which represent specific content. Markup means that with HTML you declare what is presented to a viewer, not how it is presented. Visual<br \/>representations are defined by <a href=\"https:\/\/en.wikipedia.org\/wiki\/CSS\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Cascading Style Sheets (opens in a new tab)\">Cascading Style Sheets<\/a> (CSS) and realized by browsers. <a href=\"https:\/\/www.w3.org\/TR\/html5\/obsolete.html#non-conforming-features\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Still, existing elements that allow for such (opens in a new tab)\">Still, existing elements that allow for such<\/a>, like e.g. <a href=\"https:\/\/www.w3.org\/wiki\/HTML\/Elements\/font\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"font (opens in a new tab)\">font<\/a>, &#8220;are entirely obsolete, and must not be used by authors&#8221;[1].<\/p>\n\n<p class=\"wp-block-paragraph\">HTML is sometimes called a programming language but it has no logic, so is a markup language. HTML tags provide semantic meaning and machine-readability to the content on the page.<\/p>\n\n<p class=\"wp-block-paragraph\">An element usually consists of an opening tag (<strong><em>&lt;element_name&gt;<\/em><\/strong>). a closing tag (<strong><em>&lt;\/element_name&gt;<\/em><\/strong>), , which contain the element&#8217;s name surrounded by angle brackets, and the content in between: <strong><em>&lt;element_name&gt;<\/em><\/strong>\u2026content\u2026<strong><em>&lt;\/element_name&gt;<\/em><\/strong>.<\/p>\n\n<p class=\"wp-block-paragraph\">There are some HTML elements that don&#8217;t have a closing tag or any contents. These are called void elements. Void elements include <strong><em>&lt;img&gt;<\/em><\/strong>, <strong><em>&lt;meta&gt;<\/em><\/strong>, <strong><em>&lt;link&gt;<\/em><\/strong> and <em><strong>&lt;input&gt;<\/strong><\/em><\/p>\n\n<p class=\"wp-block-paragraph\">Element names can be thought of as descriptive keywords for the content they contain, such as video, audio, table, footer.<\/p>\n\n<p class=\"wp-block-paragraph\">A HTML page may consist of potentially hundreds of elements which are then read by a web browser, interpreted and rendered into human readable or audible content on the screen.<\/p>\n\n<p class=\"wp-block-paragraph\">For this document it is important to note the difference between elements and tags:<\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Elements<\/strong>: <em><strong>video, audio, table, footer<\/strong><\/em><\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Tags:<\/strong> <strong><em>&lt;video&gt;,&lt;audio&gt;, &lt;table&gt;, &lt;footer&gt;, &lt;html&gt;, &lt;body&gt;<\/em><\/strong><\/p>\n\n<h4 class=\"wp-block-heading\">Element insight:<\/h4>\n\n<p class=\"wp-block-paragraph\">Let&#8217;s break down a tag\u2026<\/p>\n\n<p class=\"wp-block-paragraph\">The <em>&lt;p&gt;<\/em> tag represents a common paragraph.<\/p>\n\n<p class=\"wp-block-paragraph\">Elements commonly have an opening tag and a closing tag. The opening tag contains the element&#8217;s name in angle GoalKicker.com \u2013 HTML5 Notes for Professionals 3 brackets (<em>&lt;p&gt;<\/em>). The closing tag is identical to the opening tag with the addition of a forward slash (\/) between the opening bracket and the element&#8217;s name (<em>&lt;\/p&gt;<\/em>).<\/p>\n\n<p class=\"wp-block-paragraph\">Content can then go between these two tags:<\/p>\n\n<p class=\"wp-block-paragraph\">This is a simple paragraph.<em>&lt;\/p&gt;<\/em>.<\/p>\n\n<h4 class=\"wp-block-heading\">Creating a simple page<\/h4>\n\n<p class=\"wp-block-paragraph\">The following HTML example creates a simple &#8220;<a href=\"https:\/\/en.wikipedia.org\/wiki\/%22Hello,_World!%22_program\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Hello World (opens in a new tab)\">Hello World<\/a>&#8221; web page.<\/p>\n\n<p class=\"wp-block-paragraph\">HTML files can be created using any <a href=\"https:\/\/en.wikipedia.org\/wiki\/Text_editor\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"text editor (opens in a new tab)\">text editor<\/a>. The files must be saved with a .html or .htm[2] extension in order to be recognized as HTML files.<\/p>\n\n<p class=\"wp-block-paragraph\">Once created, this file can be opened in any web browser.<\/p>\n\n<pre><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n   &lt;head&gt;\n      &lt;meta charset=\"UTF-8\"&gt;\n      &lt;title&gt;Hello!&lt;\/title&gt;\n   &lt;\/head&gt;\n   &lt;body&gt;\n      &lt;h1&gt;Hello World!&lt;\/h1&gt;\n      &lt;p&gt;This is a simple paragraph.&lt;\/p&gt;\n   &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n<h4 class=\"wp-block-heading\">Simple page break down<\/h4>\n\n<p class=\"wp-block-paragraph\">These are the tags used in the example:<\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;!DOCTYPE&gt;<\/em><\/strong>: Defines the HTML version used in the document. In this case it is HTML5. <a href=\"https:\/\/digitalhubz.com\/html-5-chapter-2-doctypes\/\">See the doctypes topic for more information.<\/a><\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;html&gt;<\/em><\/strong>: Opens the page. No markup should come after the closing tag (<em><strong>&lt;\/html&gt;<\/strong><\/em>). The lang attribute declares the primary language of the page using the <a href=\"https:\/\/en.wikipedia.org\/wiki\/List_of_ISO_639-1_codes\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ISO language codes (opens in a new tab)\">ISO language codes<\/a> (en for English). See the <a href=\"\/\">Content Language topic for more information.<\/a><\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;head&gt;:<\/em><\/strong> Opens the head section, which does not appear in the main browser window but mainly contains information about the HTML document, called metadata. It can also contain imports from external stylesheets and scripts. The closing tag is <em><strong>&lt;\/head&gt;<\/strong><\/em>.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;meta&gt;<\/em><\/strong>: Gives the browser some metadata about the document. The charset attribute declares the <a href=\"https:\/\/www.w3.org\/International\/questions\/qa-html-encoding-declarations.en\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"character encoding (opens in a new tab)\">character encoding<\/a>. Modern HTML documents should always use <a href=\"https:\/\/en.wikipedia.org\/wiki\/UTF-8\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"UTF-8 (opens in a new tab)\">UTF-8<\/a>, even though it is not a requirement. In HTML, the <em><strong>&lt;meta&gt;<\/strong><\/em> tag does not require a closing tag. <a href=\"\/\">See the Meta topic for more information.<\/a><\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;title&gt;<\/em><\/strong> : The title of the page. Text written between this opening and the closing tag (<strong><em>&lt;\/title&gt;<\/em><\/strong>) will be displayed on the tab of the page or in the title bar of the browser.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;body&gt;<\/em><\/strong>: Opens the part of the document displayed to users, i.e. all the visible or audible content of a page. No content should be added after the closing tag <strong><em>&lt;\/body&gt;<\/em><\/strong>.<\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;h1&gt;<\/em><\/strong>: A level 1 heading for the page. <a href=\"https:\/\/digitalhubz.com\/html-5-chapter-3-headings\/\">See headings for more information.<\/a><\/p>\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;p&gt;<\/em><\/strong>: Represents a common paragraph of text.<\/p>\n\n<ol class=\"wp-block-list\">\n<li>\u2191 <a href=\"https:\/\/www.w3.org\/TR\/html5\/obsolete.html#non-conforming-features\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"HTML5, 11.2 Non-conforming features (opens in a new tab)\">HTML5, 11.2 Non-conforming features<\/a><\/li>\n<li>\u2191 .htm is inherited from the legacy <a href=\"https:\/\/en.wikipedia.org\/wiki\/DOS\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"DOS (opens in a new tab)\">DOS<\/a> three character file extension limit.<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/digitalhubz.com\/html-5-chapter-2-doctypes\/\">Continue to Chapter 2: Doctypes<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This HTML5 Notes for Professionals book is compiled from Stack Overflow Documentation, the content is written by the beautiful people at Stack Overflow. Text content is released under Creative Commons&hellip;<\/p>\n","protected":false},"author":1,"featured_media":137,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[76,111],"tags":[109,110,112,113],"class_list":["post-131","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-html-5-notes-for-professional","tag-html","tag-html-5-notes","tag-html-5-tutorial","tag-html5"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HTML 5 Notes For Professional - Chapter - 1 (Getting started with HTML) - DigitalHubZ<\/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:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML 5 Notes For Professional - Chapter - 1 (Getting started with HTML)\" \/>\n<meta property=\"og:description\" content=\"This HTML5 Notes for Professionals book is compiled from Stack Overflow Documentation, the content is written by the beautiful people at Stack Overflow. Text content is released under Creative Commons&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/\" \/>\n<meta property=\"og:site_name\" content=\"DigitalHubZ\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-03T12:27:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-26T10:50:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2019\/07\/html5-chapter-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"945\" \/>\n\t<meta property=\"og:image:height\" content=\"394\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"DigitalHubZ\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DigitalHubZ\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/\"},\"author\":{\"name\":\"DigitalHubZ\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#\\\/schema\\\/person\\\/5a4074d837d6e5d22d665e5b7ca9e873\"},\"headline\":\"HTML 5 Notes For Professional &#8211; Chapter &#8211; 1 (Getting started with HTML)\",\"datePublished\":\"2019-07-03T12:27:47+00:00\",\"dateModified\":\"2026-02-26T10:50:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/\"},\"wordCount\":867,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html5-chapter-1-1.png\",\"keywords\":[\"HTML\",\"HTML 5 Notes\",\"HTML 5 Tutorial\",\"HTML5\"],\"articleSection\":[\"HTML\",\"HTML 5 Notes For Professional\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/\",\"url\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/\",\"name\":\"HTML 5 Notes For Professional - Chapter - 1 (Getting started with HTML) - DigitalHubZ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html5-chapter-1-1.png\",\"datePublished\":\"2019-07-03T12:27:47+00:00\",\"dateModified\":\"2026-02-26T10:50:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html5-chapter-1-1.png\",\"contentUrl\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html5-chapter-1-1.png\",\"width\":945,\"height\":394},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/html-5-chapter-1-getting-started-with-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML 5 Notes For Professional &#8211; Chapter &#8211; 1 (Getting started with HTML)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/\",\"name\":\"DigitalHubZ\",\"description\":\"Future-Ready Digital Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#organization\",\"name\":\"DigitalHubZ\",\"url\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/digitalhubz.webp\",\"contentUrl\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/digitalhubz.webp\",\"width\":1232,\"height\":369,\"caption\":\"DigitalHubZ\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/#\\\/schema\\\/person\\\/5a4074d837d6e5d22d665e5b7ca9e873\",\"name\":\"DigitalHubZ\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/414c5bb85907e15e0f840541718ecc7420d52ea432b33f6a57761a674a52ebb7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/414c5bb85907e15e0f840541718ecc7420d52ea432b33f6a57761a674a52ebb7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/414c5bb85907e15e0f840541718ecc7420d52ea432b33f6a57761a674a52ebb7?s=96&d=mm&r=g\",\"caption\":\"DigitalHubZ\"},\"sameAs\":[\"https:\\\/\\\/digitalhubz.com\"],\"url\":\"https:\\\/\\\/www.digitalhubz.com\\\/blog\\\/author\\\/digi_v1_wp\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML 5 Notes For Professional - Chapter - 1 (Getting started with HTML) - DigitalHubZ","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:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/","og_locale":"en_US","og_type":"article","og_title":"HTML 5 Notes For Professional - Chapter - 1 (Getting started with HTML)","og_description":"This HTML5 Notes for Professionals book is compiled from Stack Overflow Documentation, the content is written by the beautiful people at Stack Overflow. Text content is released under Creative Commons&hellip;","og_url":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/","og_site_name":"DigitalHubZ","article_published_time":"2019-07-03T12:27:47+00:00","article_modified_time":"2026-02-26T10:50:42+00:00","og_image":[{"width":945,"height":394,"url":"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2019\/07\/html5-chapter-1-1.png","type":"image\/png"}],"author":"DigitalHubZ","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DigitalHubZ","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#article","isPartOf":{"@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/"},"author":{"name":"DigitalHubZ","@id":"https:\/\/www.digitalhubz.com\/blog\/#\/schema\/person\/5a4074d837d6e5d22d665e5b7ca9e873"},"headline":"HTML 5 Notes For Professional &#8211; Chapter &#8211; 1 (Getting started with HTML)","datePublished":"2019-07-03T12:27:47+00:00","dateModified":"2026-02-26T10:50:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/"},"wordCount":867,"commentCount":0,"publisher":{"@id":"https:\/\/www.digitalhubz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2019\/07\/html5-chapter-1-1.png","keywords":["HTML","HTML 5 Notes","HTML 5 Tutorial","HTML5"],"articleSection":["HTML","HTML 5 Notes For Professional"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/","url":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/","name":"HTML 5 Notes For Professional - Chapter - 1 (Getting started with HTML) - DigitalHubZ","isPartOf":{"@id":"https:\/\/www.digitalhubz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#primaryimage"},"image":{"@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2019\/07\/html5-chapter-1-1.png","datePublished":"2019-07-03T12:27:47+00:00","dateModified":"2026-02-26T10:50:42+00:00","breadcrumb":{"@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#primaryimage","url":"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2019\/07\/html5-chapter-1-1.png","contentUrl":"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2019\/07\/html5-chapter-1-1.png","width":945,"height":394},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalhubz.com\/blog\/html-5-chapter-1-getting-started-with-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.digitalhubz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML 5 Notes For Professional &#8211; Chapter &#8211; 1 (Getting started with HTML)"}]},{"@type":"WebSite","@id":"https:\/\/www.digitalhubz.com\/blog\/#website","url":"https:\/\/www.digitalhubz.com\/blog\/","name":"DigitalHubZ","description":"Future-Ready Digital Solutions","publisher":{"@id":"https:\/\/www.digitalhubz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.digitalhubz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.digitalhubz.com\/blog\/#organization","name":"DigitalHubZ","url":"https:\/\/www.digitalhubz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitalhubz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2023\/03\/digitalhubz.webp","contentUrl":"https:\/\/www.digitalhubz.com\/blog\/wp-content\/uploads\/2023\/03\/digitalhubz.webp","width":1232,"height":369,"caption":"DigitalHubZ"},"image":{"@id":"https:\/\/www.digitalhubz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.digitalhubz.com\/blog\/#\/schema\/person\/5a4074d837d6e5d22d665e5b7ca9e873","name":"DigitalHubZ","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/414c5bb85907e15e0f840541718ecc7420d52ea432b33f6a57761a674a52ebb7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/414c5bb85907e15e0f840541718ecc7420d52ea432b33f6a57761a674a52ebb7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/414c5bb85907e15e0f840541718ecc7420d52ea432b33f6a57761a674a52ebb7?s=96&d=mm&r=g","caption":"DigitalHubZ"},"sameAs":["https:\/\/digitalhubz.com"],"url":"https:\/\/www.digitalhubz.com\/blog\/author\/digi_v1_wp\/"}]}},"_links":{"self":[{"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/posts\/131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/comments?post=131"}],"version-history":[{"count":4,"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/posts\/131\/revisions"}],"predecessor-version":[{"id":54919,"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/posts\/131\/revisions\/54919"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/media\/137"}],"wp:attachment":[{"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/media?parent=131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/categories?post=131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalhubz.com\/blog\/wp-json\/wp\/v2\/tags?post=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}