{"id":905,"date":"2020-05-23T09:41:57","date_gmt":"2020-05-23T08:41:57","guid":{"rendered":"https:\/\/explore.techenutia.com\/?p=905"},"modified":"2020-05-23T09:41:57","modified_gmt":"2020-05-23T08:41:57","slug":"html-an-introduction","status":"publish","type":"post","link":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/","title":{"rendered":"HTML: An Introduction"},"content":{"rendered":"\n<p class=\"has-text-color has-very-dark-gray-color\">This is the beginning of my very own learning program &#8220;<a href=\"https:\/\/explore.techenutia.com\/full-stack-developer-roadmap\/\">Full Stack Developer Roadmap<\/a>&#8220;. HTML or HyperText Markup Language is the heart of the internet. HTML is behind all that you see and experience on the internet. This blog post you are currently reading is built by HTML at its very root. This is lesson 1 &#8220;HTML: An Introduction of HTML course&#8221;. What exactly does HTML do on a webpage?<\/p>\n\n\n\n<p class=\"has-text-color has-very-dark-gray-color\">That&#8217;s a million-dollar question. HTML forms the basic structure of any webpage. It tells your browser how to organize the data that is to be displayed. Take an example of construction. Before, constructing anything the engineers form a basic structure for the building, that basic structure that keeps the whole website stable is HTML. Above which you place layers of Interactivity and Styling and lot more fun stuff. <\/p>\n\n\n\n<p class=\"has-text-color has-very-dark-gray-color\">How exactly HTML works? It works with the help of <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Element\">elements<\/a>. Now what are elements? Let&#8217;s show you some code. <\/p>\n\n\n\n<pre class=\"wp-block-verse\">&lt;p&gt;This is a Paragraph tag&lt;\/p&gt;<br><br>\/\/The below line is the result<br><br>This is a Paragraph tag<\/pre>\n\n\n\n<p class=\"has-text-color has-very-dark-gray-color\">When you wrap some content in the tag it becomes an HTML element and is displayed on a webpage. In the Above example &lt;p&gt;&lt;\/p&gt; this is a <strong>paragraph tag<\/strong> and the sentence between these two is the content. Before, we begin learning any further few key points to remember.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Never try to memorize the code. As you will keep practicing it will be stored in your memory automatically.<\/li><li>Don&#8217;t hesitate to take help from the internet. StackOverflow and other websites are used by almost every developer in the world. <\/li><li>We don&#8217;t need to learn everything when starting to learn. I learned only 20 tags of HTML when I started. But, As I created few websites and solved my own puzzles I now know more than a few. <\/li><li>It&#8217;s normal to find yourself stuck sometimes. Don&#8217;t be harsh on yourself. <\/li><\/ul>\n\n\n\n<p>Thanks for reading this tutorial. Subscribe to the newsletter at the bottom for updates. queries can be taken in the comments. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the beginning of my very own learning program &#8220;Full Stack Developer Roadmap&#8220;. HTML or HyperText Markup Language is the heart of the internet. HTML is behind all that you see and experience on the internet. This blog post you are currently reading is built by HTML at its&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\">Read the post<span class=\"screen-reader-text\">HTML: An Introduction<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":908,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[403,599,600,602,700,900,1080],"class_list":["post-905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-infinity-fitness","tag-coding","tag-html","tag-html-5","tag-html-lessons","tag-learn-to-code","tag-programming","tag-tutorial","excerpt","zoom","full-without-featured","even","excerpt-0"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.12 (Yoast SEO v26.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HTML: An Introduction | ManOrInfinity<\/title>\n<meta name=\"description\" content=\"This is an introduction to HTML tutorial series. Learn HTML 5, tips and tricks to master HTML. Learn from developer community. Master HTML today for free\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML: An Introduction\" \/>\n<meta property=\"og:url\" content=\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\" \/>\n<meta property=\"og:site_name\" content=\"ManOrInfinity\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-23T08:41:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"manorinfinity\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@manorinfinity\" \/>\n<meta name=\"twitter:site\" content=\"@manorinfinity\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"manorinfinity\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\"},\"author\":{\"name\":\"manorinfinity\",\"@id\":\"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901\"},\"headline\":\"HTML: An Introduction\",\"datePublished\":\"2020-05-23T08:41:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\"},\"wordCount\":324,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901\"},\"image\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1\",\"keywords\":[\"coding\",\"html\",\"html 5\",\"html lessons\",\"learn to code\",\"programming\",\"tutorial\"],\"articleSection\":[\"Infinity Fitness\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\",\"url\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\",\"name\":\"HTML: An Introduction | ManOrInfinity\",\"isPartOf\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1\",\"datePublished\":\"2020-05-23T08:41:57+00:00\",\"description\":\"This is an introduction to HTML tutorial series. Learn HTML 5, tips and tricks to master HTML. Learn from developer community. Master HTML today for free\",\"breadcrumb\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1\",\"width\":1280,\"height\":640},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/manorinfinity.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML: An Introduction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/manorinfinity.com\/blog\/#website\",\"url\":\"https:\/\/manorinfinity.com\/blog\/\",\"name\":\"ManOrInfinity\",\"description\":\"Thrive towards greatness\",\"publisher\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/manorinfinity.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901\",\"name\":\"manorinfinity\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/manorinfinity.com\/wp-content\/uploads\/2023\/06\/moi-logo.png\",\"contentUrl\":\"http:\/\/manorinfinity.com\/wp-content\/uploads\/2023\/06\/moi-logo.png\",\"width\":282,\"height\":260,\"caption\":\"manorinfinity\"},\"logo\":{\"@id\":\"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Complex Problem Solver, Outloud Thinker, An Outstanding Writer, and a very curious human being\",\"sameAs\":[\"http:\/\/manorinfinity.com\"],\"url\":\"https:\/\/manorinfinity.com\/blog\/author\/manorinfinity\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML: An Introduction | ManOrInfinity","description":"This is an introduction to HTML tutorial series. Learn HTML 5, tips and tricks to master HTML. Learn from developer community. Master HTML today for free","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:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/","og_locale":"en_US","og_type":"article","og_title":"HTML: An Introduction","og_url":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/","og_site_name":"ManOrInfinity","article_published_time":"2020-05-23T08:41:57+00:00","og_image":[{"width":1280,"height":640,"url":"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1","type":"image\/png"}],"author":"manorinfinity","twitter_card":"summary_large_image","twitter_creator":"@manorinfinity","twitter_site":"@manorinfinity","twitter_misc":{"Written by":"manorinfinity","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#article","isPartOf":{"@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/"},"author":{"name":"manorinfinity","@id":"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901"},"headline":"HTML: An Introduction","datePublished":"2020-05-23T08:41:57+00:00","mainEntityOfPage":{"@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/"},"wordCount":324,"commentCount":1,"publisher":{"@id":"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901"},"image":{"@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1","keywords":["coding","html","html 5","html lessons","learn to code","programming","tutorial"],"articleSection":["Infinity Fitness"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/","url":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/","name":"HTML: An Introduction | ManOrInfinity","isPartOf":{"@id":"https:\/\/manorinfinity.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage"},"image":{"@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1","datePublished":"2020-05-23T08:41:57+00:00","description":"This is an introduction to HTML tutorial series. Learn HTML 5, tips and tricks to master HTML. Learn from developer community. Master HTML today for free","breadcrumb":{"@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#primaryimage","url":"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1","contentUrl":"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1","width":1280,"height":640},{"@type":"BreadcrumbList","@id":"https:\/\/manorinfinity.com\/blog\/2020\/05\/23\/html-an-introduction\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/manorinfinity.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML: An Introduction"}]},{"@type":"WebSite","@id":"https:\/\/manorinfinity.com\/blog\/#website","url":"https:\/\/manorinfinity.com\/blog\/","name":"ManOrInfinity","description":"Thrive towards greatness","publisher":{"@id":"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/manorinfinity.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/1172b1895b5eb7e49cc8640e49255901","name":"manorinfinity","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/image\/","url":"http:\/\/manorinfinity.com\/wp-content\/uploads\/2023\/06\/moi-logo.png","contentUrl":"http:\/\/manorinfinity.com\/wp-content\/uploads\/2023\/06\/moi-logo.png","width":282,"height":260,"caption":"manorinfinity"},"logo":{"@id":"https:\/\/manorinfinity.com\/blog\/#\/schema\/person\/image\/"},"description":"Complex Problem Solver, Outloud Thinker, An Outstanding Writer, and a very curious human being","sameAs":["http:\/\/manorinfinity.com"],"url":"https:\/\/manorinfinity.com\/blog\/author\/manorinfinity\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/manorinfinity.com\/blog\/wp-content\/uploads\/2020\/05\/635de980-586d-11ea-9220-1a3211239c30.png?fit=1280%2C640&ssl=1","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/posts\/905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/comments?post=905"}],"version-history":[{"count":0,"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/posts\/905\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/media\/908"}],"wp:attachment":[{"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/media?parent=905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/categories?post=905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/manorinfinity.com\/blog\/wp-json\/wp\/v2\/tags?post=905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}