{"id":85352,"date":"2020-02-17T12:49:03","date_gmt":"2020-02-17T12:49:03","guid":{"rendered":"https:\/\/codeinstitute.net\/global\/?p=85352"},"modified":"2023-02-10T10:05:07","modified_gmt":"2023-02-10T10:05:07","slug":"what-is-html-and-why-should-i-learn-it","status":"publish","type":"post","link":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/","title":{"rendered":"What is HTML? An Introduction"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Without HTML the web as we know it wouldn\u2019t exist. HTML creates structure on the web from page layouts and paragraphs to links, tags and attributes. Every time we go online, whether we know it or not, HTML is most likely present. Here we will explain some of the fundamental concepts of HTML.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is HTML?&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML is a standardised system for tagging text files that creates the structure for just about every page that we find and use on the web. It\u2019s HTML that adds in page breaks, paragraphs, bold lettering, italics, and more. HTML works to build this structure by using tags that tell browsers what to do with text.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, to make a word appear bold, we put that word between the following tags &lt;strong&gt;bold&lt;\/strong&gt;. The first tag indicates the start of the word(s) that we want to bold, and the closing tag(\/) indicates where we want the bold to stop. It\u2019s the basis for pretty much every page on the web. If you are learning to code, this is the place to start.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What does HTML stand for?&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML stands for Hypertext Markup Language. A hypertext is a sort of meta text that is used to reference other pieces of text. The Markup Language element of HTML means that it provides a series of markings that instruct a web browser on what it should do with those pieces of text.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is HTML used for?&nbsp;<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML is the skeleton of just about any website. It provides the bones that underpin everything else on site. Common things that HTML is used to define are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Paragraphs<\/strong><br>The&nbsp; HTML paragraph element is one of the most common elements and as you might have guessed it defines a paragraph.&nbsp;<\/li>\n\n\n\n<li><strong>Line Breaks<\/strong><br>As with print media, a paragraph creates a line break below it to visually separate it from other paragraphs. This is used to emphasise a semantic separation of content. The same structure is used in a novel or a magazine.&nbsp;<\/li>\n\n\n\n<li><strong>Block Elements<\/strong><br>Elements that create the spacing below themselves on a page are called block elements. Block elements appear vertically down the left-hand side of a page at least until they are styled by CSS. Examples of block elements are &lt;div&gt;, &lt;article&gt;, &lt;table&gt;, and many more. This feature allows HTML to start separating a webpage into different sections<\/li>\n\n\n\n<li><strong>Headings<\/strong><br>Paragraphs and headings work in concert to create the majority of the text content of a web page and its structure. HTML has six heading elements, which are numbered 1 through 6. h1 is the most significant and usually contains the title of the content \u2013 Not to be confused with the title that appears in the browser tab. h2 represents a subsection. h3 and so on represent identifiers of further subjects in subsections until we get to h6.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">To give a clearer understanding of how HTML works to create the final version of a webpage, if HTML is our skeleton, CSS (<a href=\"https:\/\/codeinstitute.net\/global\/blog\/what-is-css-and-why-should-i-learn-it\/\">Cascading Style Sheets<\/a>) would be what gives us our features, like the colour of our eyes, skin and hair. <a href=\"https:\/\/codeinstitute.net\/global\/blog\/what-is-javascript-and-why-should-i-learn-it\/\">JavaScript<\/a> would be to do with our movements and how we interact with people \u2013 like when we reciprocate a handshake, wink, laugh or ask a question.&nbsp;<\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n\t\"@context\": \"https:\/\/schema.org\",\n\t\"@type\": \"VideoObject\",\n\t\"name\": \"What is html? What does it stand for?\",\n\t\"description\": \"What is html, and why is it useful to know? In this video, we will cover all the most important factors regarding HTML, including what it stands for, what html is used for, how to open an html file, various html elements and tags and why html is important to know.\",\n\t\"thumbnailUrl\": \"https:\/\/i.ytimg.com\/vi\/3OTSsq9Y0P4\/mqdefault.jpg\",\n\t\"duration\": \"PT6M14S\",\n\t\"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=3OTSsq9Y0P4\",\n\t\"embedUrl\": \"https:\/\/www.youtube.com\/embed\/3OTSsq9Y0P4\",\n\t\"uploadDate\": \"2022-07-06\",\n\t\"hasPart\": [\n\t\t{\n\t\t\t\"@type\": \"Clip\",\n\t\t\t\"name\": \"What is HTML?\",\n\t\t\t\"startOffset\": 13,\n\t\t\t\"endOffset\": 25,\n\t\t\t\"url\": \"https:\/\/www.youtube.com\/watch?v=3OTSsq9Y0P4&t=13s\"\n\t\t},\n\t\t{\n\t\t\t\"@type\": \"Clip\",\n\t\t\t\"name\": \"What are HTML tags?\",\n\t\t\t\"startOffset\": 25,\n\t\t\t\"endOffset\": 49,\n\t\t\t\"url\": \"https:\/\/www.youtube.com\/watch?v=3OTSsq9Y0P4&t=25s\"\n\t\t},\n\t\t{\n\t\t\t\"@type\": \"Clip\",\n\t\t\t\"name\": \"How to use HTML\",\n\t\t\t\"startOffset\": 49,\n\t\t\t\"endOffset\": 76,\n\t\t\t\"url\": \"https:\/\/www.youtube.com\/watch?v=3OTSsq9Y0P4&t=49s\"\n\t\t},\n\t\t{\n\t\t\t\"@type\": \"Clip\",\n\t\t\t\"name\": \"HTML coding example\",\n\t\t\t\"startOffset\": 76,\n\t\t\t\"endOffset\": 180,\n\t\t\t\"url\": \"https:\/\/www.youtube.com\/watch?v=3OTSsq9Y0P4&t=76s\"\n\t\t},\n\t\t{\n\t\t\t\"@type\": \"Clip\",\n\t\t\t\"name\": \"Common HTML Elements\",\n\t\t\t\"startOffset\": 180,\n\t\t\t\"endOffset\": 330,\n\t\t\t\"url\": \"https:\/\/www.youtube.com\/watch?v=3OTSsq9Y0P4&t=180s\"\n\t\t},\n\t\t{\n\t\t\t\"@type\": \"Clip\",\n\t\t\t\"name\": \"How to view a page's HTML\",\n\t\t\t\"endOffset\": 367,\n\t\t\t\"url\": \"https:\/\/www.youtube.com\/watch?v=3OTSsq9Y0P4&t=330s\"\n\t\t}\n\t]\n}\n<\/script>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"What is html? What does it stand for?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/3OTSsq9Y0P4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How HTML works &#8211; HTML tags<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML works by using a series of tags to inform a browser what it should be doing with text on page and where it should be loading further resources from. There are over 100 HTML tags currently available to use, although most sites will only need a handful of these to work as they should.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are three HTML tags that are necessary for each page. These are &lt;html&gt;, &lt;head&gt;, and &lt;body&gt;. To indicate to a webpage that you are using HTML, each page will open with &lt;html&gt; and close with &lt;\/html&gt;. The &lt;head&gt; tag contains metadata not visible on-page but important for functionality, and the &lt;body&gt; tag denotes where the body content of a page resides. Each of these necessary elements can only be used once per page. The basic structure of common HTML tags is detailed below:<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism off-numbers lang-html\" data-lang=\"HTML\"><code>&lt;!DOCTYPE html&gt;\n &lt;html&gt; \n &lt;head&gt;\n &lt;title&gt;Title that appears on browser tab&lt;\/title&gt;  \n &lt;\/head&gt; \n &lt;body&gt; \n &lt;p&gt;Here is a sentence with &lt;strong&gt;some words&lt;\/strong&gt; using &lt;strong&gt;bold.&lt;\/strong&gt;&lt;\/p&gt; \n &lt;\/body&gt;  \n &lt;\/html&gt;  <\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Below is what that would look like on the front end.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">Here is a sentence with <strong>some words <\/strong>using <strong>bold.&nbsp;<\/strong><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Common HTML Elements<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Other non-essential HTML elements can be used multiple times on a webpage to define its structure and emphasise certain sections of text. Common HTML elements are listed below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;em&gt; to add italics\/emphasis<\/li>\n\n\n\n<li>&lt;head&gt; meta text not visible on the webpage<\/li>\n\n\n\n<li>&lt;header&gt; defines the header of a page or section in a web page<\/li>\n\n\n\n<li>&lt;body&gt; body of page<\/li>\n\n\n\n<li>&lt;br&gt; to insert a line break<\/li>\n\n\n\n<li>&lt;audio&gt; embedding sound content<\/li>\n\n\n\n<li>&lt;video&gt; embedding video content<\/li>\n\n\n\n<li>&lt;button&gt; for using clickable buttons<\/li>\n\n\n\n<li>&lt;div&gt; to define\/divide a section<\/li>\n\n\n\n<li>&lt;img&gt; for inserting images<\/li>\n\n\n\n<li>&lt;li&gt; to represent a list<\/li>\n\n\n\n<li>&lt;ol&gt; to define an ordered list<\/li>\n\n\n\n<li>&lt;ul&gt; to define an unordered list<\/li>\n\n\n\n<li>&lt;u&gt; to underline text<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Another common feature of HTML is embedding <a href=\"https:\/\/codeinstitute.net\/global\/blog\/how-to-link-css-to-html\/\">CSS<\/a>, <a href=\"https:\/\/codeinstitute.net\/global\/blog\/how-to-link-javascript-to-html\/\">Javascript<\/a> or <a href=\"https:\/\/codeinstitute.net\/global\/blog\/what-is-php-programming\/\">PHP<\/a> files within it. These files build dynamic web pages that add flare and interactivity to the base HTML skeleton. There are many other HTML features that you can explore in our <a href=\"https:\/\/codeinstitute.net\/global\/5-day-coding-challenge\/\">free 5 Day Coding Challenge<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>HTML5<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML5 is the most recent version of HTML. With each version comes new abilities, etc. However, it is ever-advancing and evolving. HTML5 offers more functionality than previous iterations of the language. For example;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It can support audio and video using the relevant tags, &lt;audio&gt; &amp; &lt;video&gt;.<\/li>\n\n\n\n<li>It is supported by all browsers including Chrome, Safari, Mozilla, and more.&nbsp;<\/li>\n\n\n\n<li>It is easier to use than older versions.<\/li>\n\n\n\n<li>It works better on mobile devices.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How do I view a page\u2019s HTML?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s easy to view a page\u2019s HTML, even if it\u2019s not your page. For sample purposes, I\u2019ll use Google Chrome\u2019s procedure here. It\u2019s as simple with other browsers too. To view a page\u2019s HTML, right-click on the page and click on \u201cview page source\u201d. You can also use the keyboard shortcut CTRL + U on Windows, or Option + Command + U on iOS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why is it Useful to Know HTML?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML is really a developer\u2019s bread and butter. If you have any interaction with code, website or app builds in your job or day-to-day life you need to know this language. To see how vital HTML and technology is, take your smartphone out of your pocket. How many apps do you have? How often do you use the browsers? Do you use it for shopping or to make purchases? Does it control things, like the temperature of your home? Do you use it to book hotels, flights, haircuts, or anything else? Do you use it to order food or to listen to or watch something online? All of this relies on HTML.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Right now, there are hundreds of thousands of job roles throughout Europe that require HTML skills. In fact, the world is going through a severe skills gap, and as a result, salaries are always growing for software developers. Employers recognise these gaps, and according to numerous sources, they are losing <a href=\"https:\/\/www.accenture.com\/us-en\/insights\/future-workforce\/transforming-learning\" target=\"_blank\" rel=\"noreferrer noopener\">vast amounts of potential revenues<\/a> as a result. So, whether you are already working in tech or are looking for a career change, learning HTML can be extremely useful to you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Where can I learn HTML?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are numerous ways to learn HTML. Code Institute teaches it as part of its <a href=\"https:\/\/codeinstitute.net\/global\/full-stack-software-development-diploma\/\" target=\"_blank\" rel=\"noreferrer noopener\">Full Stack Software Development diploma.<\/a> We also teach the basics of HTML for free through our <a href=\"https:\/\/codeinstitute.net\/global\/5-day-coding-challenge\/\" target=\"_blank\" rel=\"noreferrer noopener\">5 Day Coding Challenge<\/a>. After just one hour a day over five days, you will have built your first ever web page.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Take your first step in learning some of these skills. Register for our 5 Day Coding Challenge through the form below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>3-Minute Read<\/p>\n","protected":false},"author":10,"featured_media":85364,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[9,26],"tags":[77,416,109],"class_list":["post-85352","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding","category-html","tag-html","tag-learn-to-code","tag-technology"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is HTML? Uses &amp; Basics Explained - Code Institute Global<\/title>\n<meta name=\"description\" content=\"When learning to code, HTML is one of the most important things to understand. Find out what it is and why you should learn it, right here...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is HTML, and why should I learn it?\" \/>\n<meta property=\"og:description\" content=\"When learning to code, HTML is one of the most important things to understand. Find out what it is and why you should learn it, right here...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Institute Global\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-17T12:49:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-10T10:05:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2020\/02\/social_what_is_html.jpg.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Brian O&#039;Grady\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian O&#039;Grady\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/\"},\"author\":{\"name\":\"Brian O'Grady\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#\\\/schema\\\/person\\\/96cec6828fda6d267f79b6135eb65a73\"},\"headline\":\"What is HTML? An Introduction\",\"datePublished\":\"2020-02-17T12:49:03+00:00\",\"dateModified\":\"2023-02-10T10:05:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/\"},\"wordCount\":1358,\"publisher\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3m1rm8xuevz4q.cloudfront.net\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/blog_what_is_html.jpg.webp\",\"keywords\":[\"HTML\",\"Learn to Code\",\"Technology\"],\"articleSection\":[\"Coding\",\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/\",\"url\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/\",\"name\":\"What is HTML? Uses & Basics Explained - Code Institute Global\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3m1rm8xuevz4q.cloudfront.net\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/blog_what_is_html.jpg.webp\",\"datePublished\":\"2020-02-17T12:49:03+00:00\",\"dateModified\":\"2023-02-10T10:05:07+00:00\",\"description\":\"When learning to code, HTML is one of the most important things to understand. Find out what it is and why you should learn it, right here...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/#primaryimage\",\"url\":\"https:\\\/\\\/d3m1rm8xuevz4q.cloudfront.net\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/blog_what_is_html.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3m1rm8xuevz4q.cloudfront.net\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/blog_what_is_html.jpg.webp\",\"width\":1500,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/what-is-html-and-why-should-i-learn-it\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is HTML? An Introduction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#website\",\"url\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/\",\"name\":\"Code Institute Global\",\"description\":\"A New Career in Tech\",\"publisher\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#organization\",\"name\":\"Code Institute Global\",\"url\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/d3m1rm8xuevz4q.cloudfront.net\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Web_grey_logo-1.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3m1rm8xuevz4q.cloudfront.net\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/Web_grey_logo-1.png.webp\",\"width\":251,\"height\":105,\"caption\":\"Code Institute Global\"},\"image\":{\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/#\\\/schema\\\/person\\\/96cec6828fda6d267f79b6135eb65a73\",\"name\":\"Brian O'Grady\",\"description\":\"Brian O'Grady is Code Institute's Programme Director. He has over 20 years of leadership experience in the IT and Educational sectors. He has extensive experience in areas as diverse as Software Architecture, Design, Data Analytics and Visualisation, User Experience, Cloud Technologies, Pedagogy, Lecturing and Learning Technologies. Brian has worked with organisations such as IBM, Microsoft, Dell\\\/Perot, University College Cork, An Post, Thomson Learning, Saudi Arabia Airlines, Singapore Airlines, British Consular Services, British Courts Services, UK Building Schools for the Future. Brian joined Code Institute in March 2015 to create and launch their Diploma in Software Development and its associated delivery offerings.\",\"url\":\"https:\\\/\\\/codeinstitute.net\\\/global\\\/blog\\\/author\\\/brian\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is HTML? Uses & Basics Explained - Code Institute Global","description":"When learning to code, HTML is one of the most important things to understand. Find out what it is and why you should learn it, right here...","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:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/","og_locale":"en_US","og_type":"article","og_title":"What is HTML, and why should I learn it?","og_description":"When learning to code, HTML is one of the most important things to understand. Find out what it is and why you should learn it, right here...","og_url":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/","og_site_name":"Code Institute Global","article_published_time":"2020-02-17T12:49:03+00:00","article_modified_time":"2023-02-10T10:05:07+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2020\/02\/social_what_is_html.jpg.webp","type":"image\/webp"}],"author":"Brian O'Grady","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Brian O'Grady","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/#article","isPartOf":{"@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/"},"author":{"name":"Brian O'Grady","@id":"https:\/\/codeinstitute.net\/global\/#\/schema\/person\/96cec6828fda6d267f79b6135eb65a73"},"headline":"What is HTML? An Introduction","datePublished":"2020-02-17T12:49:03+00:00","dateModified":"2023-02-10T10:05:07+00:00","mainEntityOfPage":{"@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/"},"wordCount":1358,"publisher":{"@id":"https:\/\/codeinstitute.net\/global\/#organization"},"image":{"@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/#primaryimage"},"thumbnailUrl":"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2020\/02\/blog_what_is_html.jpg.webp","keywords":["HTML","Learn to Code","Technology"],"articleSection":["Coding","HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/","url":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/","name":"What is HTML? Uses & Basics Explained - Code Institute Global","isPartOf":{"@id":"https:\/\/codeinstitute.net\/global\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/#primaryimage"},"image":{"@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/#primaryimage"},"thumbnailUrl":"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2020\/02\/blog_what_is_html.jpg.webp","datePublished":"2020-02-17T12:49:03+00:00","dateModified":"2023-02-10T10:05:07+00:00","description":"When learning to code, HTML is one of the most important things to understand. Find out what it is and why you should learn it, right here...","breadcrumb":{"@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/#primaryimage","url":"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2020\/02\/blog_what_is_html.jpg.webp","contentUrl":"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2020\/02\/blog_what_is_html.jpg.webp","width":1500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/codeinstitute.net\/global\/blog\/what-is-html-and-why-should-i-learn-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeinstitute.net\/global\/"},{"@type":"ListItem","position":2,"name":"What is HTML? An Introduction"}]},{"@type":"WebSite","@id":"https:\/\/codeinstitute.net\/global\/#website","url":"https:\/\/codeinstitute.net\/global\/","name":"Code Institute Global","description":"A New Career in Tech","publisher":{"@id":"https:\/\/codeinstitute.net\/global\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeinstitute.net\/global\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeinstitute.net\/global\/#organization","name":"Code Institute Global","url":"https:\/\/codeinstitute.net\/global\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeinstitute.net\/global\/#\/schema\/logo\/image\/","url":"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2022\/02\/Web_grey_logo-1.png.webp","contentUrl":"https:\/\/d3m1rm8xuevz4q.cloudfront.net\/wp-content\/uploads\/2022\/02\/Web_grey_logo-1.png.webp","width":251,"height":105,"caption":"Code Institute Global"},"image":{"@id":"https:\/\/codeinstitute.net\/global\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/codeinstitute.net\/global\/#\/schema\/person\/96cec6828fda6d267f79b6135eb65a73","name":"Brian O'Grady","description":"Brian O'Grady is Code Institute's Programme Director. He has over 20 years of leadership experience in the IT and Educational sectors. He has extensive experience in areas as diverse as Software Architecture, Design, Data Analytics and Visualisation, User Experience, Cloud Technologies, Pedagogy, Lecturing and Learning Technologies. Brian has worked with organisations such as IBM, Microsoft, Dell\/Perot, University College Cork, An Post, Thomson Learning, Saudi Arabia Airlines, Singapore Airlines, British Consular Services, British Courts Services, UK Building Schools for the Future. Brian joined Code Institute in March 2015 to create and launch their Diploma in Software Development and its associated delivery offerings.","url":"https:\/\/codeinstitute.net\/global\/blog\/author\/brian\/"}]}},"_links":{"self":[{"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/posts\/85352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/comments?post=85352"}],"version-history":[{"count":3,"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/posts\/85352\/revisions"}],"predecessor-version":[{"id":128934,"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/posts\/85352\/revisions\/128934"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/media\/85364"}],"wp:attachment":[{"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/media?parent=85352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/categories?post=85352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeinstitute.net\/global\/wp-json\/wp\/v2\/tags?post=85352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}