{"id":1094,"date":"2023-08-18T07:30:39","date_gmt":"2023-08-18T07:30:39","guid":{"rendered":"https:\/\/learn.onemonth.com\/?p=1094"},"modified":"2023-08-18T12:49:31","modified_gmt":"2023-08-18T12:49:31","slug":"html-vs-css","status":"publish","type":"post","link":"https:\/\/learn.onemonth.com\/html-vs-css\/","title":{"rendered":"HTML vs CSS: What&#8217;s the Difference?"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/BANChTkxYYY\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2><b>HTML and CSS are the two fundamental languages for building any website. What\u2019s the difference?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">First off, HTML and CSS aren\u2019t the same. They function as a team! Together, they form the bones <\/span><i><span style=\"font-weight: 400;\">and<\/span><\/i><span style=\"font-weight: 400;\"> skin for any website. Let\u2019s break each down individually, then see how they work together\u2026<\/span><\/p>\n<h2><b>What does HTML stand for?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">HTML stands for Hypertext Markup Language. Think of HTML as the skeleton of the document. The HTML is what gives structure to the site. This is done through tags, elements, and attributes. Whether you want headings, lists, images, or links, HTML can do all of that.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s start with a basic HTML document.<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;!DOCTYPE html&gt;\r\n &lt;html&gt;\r\n &lt;head&gt;\r\n     &lt;title&gt;Welcome to One Month&lt;\/title&gt;\r\n &lt;\/head&gt;\r\n &lt;body&gt;\r\n     &lt;h1&gt;Big Willie Style&lt;\/h1&gt;\r\n     &lt;img src=https:\/\/i.imgur.com\/Vr37Ac3.jpg alt=\"Big Willie Style\"&gt;\r\n &lt;\/body&gt;\r\n &lt;\/html&gt;\r\n<\/pre>\n<figure id=\"attachment_2961\" aria-describedby=\"caption-attachment-2961\" style=\"width: 1330px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2961\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/1.png?resize=1330%2C680&#038;ssl=1\" alt=\"HTML code example\" width=\"1330\" height=\"680\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/1.png?w=1330&amp;ssl=1 1330w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/1.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/1.png?resize=768%2C393&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/1.png?resize=1030%2C527&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2961\" class=\"wp-caption-text\">HTML code example<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">The !DOCTYPE in the first line above tells the browser what type of document it is looking at. In this case, it\u2019s an HTML doc. The third line is the head section, and below it, you can see the title tag. This is where you would put the title of your website. In this case, the title of the document is \u201cWelcome to One Month.\u201d Inside the body (lines 6-9), you could add an H1 tag, like we have, that puts the text inside of it in the H1 style, the largest heading tag there is.<\/span><\/p>\n<h2><b>How do you add an image in HTML?<\/b><\/h2>\n<pre> &lt;img src=https:\/\/i.imgur.com\/Vr37Ac3.jpg alt=\"Big Willie Style\"&gt;<\/pre>\n<h2><b>Popular HTML Tags\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Here are some other popular tags! <\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, &lt;h6&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">These tags are for headings, much like those in this blog post!. H1 is the largest heading tag, so it has the largest text. H6 is the smallest heading tag so, you guessed it, the smallest header text option.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>Paragraph text:<\/strong> &lt;p&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>Line break:<\/strong> &lt;br&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>Add an image in HTML:<\/strong> &lt;img src=&#8221;\/link-to-your-image&#8221;&gt;<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>Add a link in HTML<\/strong>: &lt;a href src=&#8221;<a href=\"http:\/\/www.yourlink.com&#8221;&#038;gt\" rel=\"nofollow\">http:\/\/www.yourlink.com&#8221;&#038;gt<\/a>;<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>Bold text:<\/strong> &lt;strong&gt;\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><strong>Italic text:<\/strong> &lt;em&gt;<\/span><\/p>\n<p><strong>Italic: <\/strong><span style=\"font-weight: 400;\">&lt;ul&gt;<\/span><\/p>\n<p><strong>Unordered lists: <\/strong><span style=\"font-weight: 400;\">&lt;ol&gt;<\/span><\/p>\n<p><strong>Ordered lists: <\/strong><span style=\"font-weight: 400;\">If you are writing an unordered &lt;ul&gt; (bulleted) or ordered &lt;ol&gt; (numbered) list, they will surely need items in the list! To do this, we use the list &lt;li&gt; tag. The &lt;li&gt; is a child of either the &lt;ul&gt; or &lt;ol&gt; tags. So a bulleted list of our favorite 90\u2019s sitcoms would look something like this\u2026<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;ul&gt;\r\n  &lt;li&gt;Seinfeld&lt;\/li&gt;\r\n  &lt;li&gt;Friends&lt;\/li&gt;\r\n  &lt;li&gt;Frasier&lt;\/li&gt;\r\n  &lt;li&gt;Growing Pains&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n<\/pre>\n<figure id=\"attachment_2962\" aria-describedby=\"caption-attachment-2962\" style=\"width: 1331px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2962\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/2.png?resize=1331%2C675&#038;ssl=1\" alt=\"HTML code example\" width=\"1331\" height=\"675\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/2.png?w=1331&amp;ssl=1 1331w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/2.png?resize=300%2C152&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/2.png?resize=768%2C389&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/2.png?resize=1030%2C522&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2962\" class=\"wp-caption-text\">HTML code example<\/figcaption><\/figure>\n<h2><b>What does CSS stand for?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">CSS stands for Cascading Style Sheet.<\/span><\/p>\n<h2><b>What&#8217;s the difference between HTML and CSS?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">If HTML is the skeleton of your page, CSS is the skin.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Without CSS, your websites would look rather boring, dull, and, dare we say, naked. In CSS, there is a <\/span><i><span style=\"font-weight: 400;\">property<\/span><\/i><span style=\"font-weight: 400;\"> and a <\/span><i><span style=\"font-weight: 400;\">value<\/span><\/i><span style=\"font-weight: 400;\">. <\/span><i><span style=\"font-weight: 400;\">Property<\/span><\/i><span style=\"font-weight: 400;\"> is the quality you want to change; <\/span><i><span style=\"font-weight: 400;\">value<\/span><\/i><span style=\"font-weight: 400;\"> is the amount of change.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s look go back to our HTML example. <\/span><\/p>\n<figure id=\"attachment_2963\" aria-describedby=\"caption-attachment-2963\" style=\"width: 1330px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2963\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/3.png?resize=1330%2C680&#038;ssl=1\" alt=\"HTML code example\" width=\"1330\" height=\"680\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/3.png?w=1330&amp;ssl=1 1330w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/3.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/3.png?resize=768%2C393&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/3.png?resize=1030%2C527&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2963\" class=\"wp-caption-text\">HTML code example<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Take a look at the &lt;body&gt; tag. We can augment the HTML body with CSS by adding details. For example, let\u2019s say we want to change the color of the body. It would look something like this\u2026<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">body {\r\n background: red;\r\n }\r\n<\/pre>\n<figure id=\"attachment_2964\" aria-describedby=\"caption-attachment-2964\" style=\"width: 1327px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2964\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/4.png?resize=1327%2C629&#038;ssl=1\" alt=\"HTML code example\" width=\"1327\" height=\"629\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/4.png?w=1327&amp;ssl=1 1327w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/4.png?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/4.png?resize=768%2C364&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/4.png?resize=1030%2C488&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2964\" class=\"wp-caption-text\">HTML code example<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Or let\u2019s say we want to change the color and size of any text we put in the body.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It would look like this\u2026<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">body {\r\n font-size: 25px; background: blue; color: orange;\r\n}\r\n\r\n<\/pre>\n<figure id=\"attachment_2965\" aria-describedby=\"caption-attachment-2965\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2965\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/5.png?resize=1332%2C675&#038;ssl=1\" alt=\"HTML code example\" width=\"1332\" height=\"675\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/5.png?w=1332&amp;ssl=1 1332w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/5.png?resize=300%2C152&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/5.png?resize=768%2C389&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/5.png?resize=1030%2C522&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2965\" class=\"wp-caption-text\">HTML code example<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Or suppose you wanted to change the attributes of the H1 tag. You could do something like this\u2026<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">H1 {\r\n color: blue; font-size: 100px\r\n}\r\n<\/pre>\n<figure id=\"attachment_2966\" aria-describedby=\"caption-attachment-2966\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2966\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/6.png?resize=1332%2C677&#038;ssl=1\" alt=\"HTML code example\" width=\"1332\" height=\"677\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/6.png?w=1332&amp;ssl=1 1332w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/6.png?resize=300%2C152&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/6.png?resize=768%2C390&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/6.png?resize=1030%2C524&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2966\" class=\"wp-caption-text\">HTML code example<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Using color names is fine, but if you want a more diverse palette to choose from, try using hexadecimal (#RRGGBB).<\/span><\/p>\n<h2><b>How do you link CSS to HTML?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">For us to take advantage of the awesome possibilities available through CSS, we need to link it to our HTML. Here is the code you need to link CSS and HTML together:<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">&lt;link rel=\u201dstylesheet\u201d type=\u201dtext\/css\u201d href=\u201dmain.css\u201d\/&gt;\r\n<\/pre>\n<p><span style=\"font-weight: 400;\">As you can see, this designates that there is a relationship (rel) between the HTML and the CSS.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another way that we can implement CSS is by using the font-family property. This is the same thing as using a text editor to change the font.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We do this by including the following in the code:<\/span><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\">h1 {\r\n font-family: Arial\r\n }\r\n<\/pre>\n<figure id=\"attachment_2967\" aria-describedby=\"caption-attachment-2967\" style=\"width: 1332px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2967\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/7.png?resize=1332%2C629&#038;ssl=1\" alt=\"HTML code example\" width=\"1332\" height=\"629\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/7.png?w=1332&amp;ssl=1 1332w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/7.png?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/7.png?resize=768%2C363&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/7.png?resize=1030%2C486&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2967\" class=\"wp-caption-text\">HTML code example<\/figcaption><\/figure>\n<h2><b>How do you center an text in HTML ?<\/b><\/h2>\n<p>You don&#8217;t! Never. HTML should not be used for visual styling, only for building the structure of your page. If you want to center text or an image you want to use CSS. For example:<\/p>\n<p>HTML<\/p>\n<pre>&lt;h1&gt;Some text you want to center&lt;\/h1&gt;<\/pre>\n<p>CSS<\/p>\n<pre>h1 { \r\n\r\ntext-align: center;\u00a0\r\n\r\n}<\/pre>\n<h2><b>How do you comment in HTML?<\/b><\/h2>\n<pre>&lt;!-- This is a comment in HTML --&gt;<\/pre>\n<h2><b>How do you comment in CSS?<\/b><\/h2>\n<pre>\/* This is a CSS comment *\/<\/pre>\n<h3><strong>Case Study: CSS Zen Garden<\/strong><\/h3>\n<p><b>A wonderful showcase of the relationship between the two languages is <\/b><a href=\"http:\/\/www.csszengarden.com\/\"><b>CSS Zen Garden<\/b><\/a><b>.<\/b><\/p>\n<p><b><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2968\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/8.png?resize=1331%2C669&#038;ssl=1\" alt=\"CSS Zen Garden\" width=\"1331\" height=\"669\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/8.png?w=1331&amp;ssl=1 1331w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/8.png?resize=300%2C151&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/8.png?resize=768%2C386&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/8.png?resize=1030%2C518&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/b><\/p>\n<p><span style=\"font-weight: 400;\">CSS Zen Garden demonstrates the power of CSS. Clicking the links to the right will load the same page with one discernible difference, the CSS. This highlights what CSS can do to change the <\/span><i><span style=\"font-weight: 400;\">look<\/span><\/i><span style=\"font-weight: 400;\"> and <\/span><i><span style=\"font-weight: 400;\">feel<\/span><\/i><span style=\"font-weight: 400;\"> of the page.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some examples from the garden\u2026<\/span><\/p>\n<p><b><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2969\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/9.png?resize=1328%2C678&#038;ssl=1\" alt=\"The difference between HTML and CSS\" width=\"1328\" height=\"678\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/9.png?w=1328&amp;ssl=1 1328w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/9.png?resize=300%2C153&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/9.png?resize=768%2C392&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/9.png?resize=1030%2C526&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/b><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2970\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/10.png?resize=1331%2C594&#038;ssl=1\" alt=\"The difference between HTML and CSS\" width=\"1331\" height=\"594\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/10.png?w=1331&amp;ssl=1 1331w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/10.png?resize=300%2C134&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/10.png?resize=768%2C343&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/10.png?resize=1030%2C460&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<figure id=\"attachment_2971\" aria-describedby=\"caption-attachment-2971\" style=\"width: 1330px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2971\" src=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/11.png?resize=1330%2C681&#038;ssl=1\" alt=\"The difference between HTML and CSS\" width=\"1330\" height=\"681\" srcset=\"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/11.png?w=1330&amp;ssl=1 1330w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/11.png?resize=300%2C154&amp;ssl=1 300w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/11.png?resize=768%2C393&amp;ssl=1 768w, https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/11.png?resize=1030%2C527&amp;ssl=1 1030w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-2971\" class=\"wp-caption-text\">The difference between HTML and CSS<\/figcaption><\/figure>\n<h2><b>Tutorial highlights<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">What have we learned?<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">HTML can exist on its own, CSS cannot, but together is where the magic happens.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The more we learn about each language, the more creative we can be with our designs. With the structure in place, the choices are endless.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">HTML is the noun; CSS is the verb. Let\u2019s make sentences!<\/span><\/li>\n<\/ul>\n<h2><b>Learn HTML and CSS now! <\/b><\/h2>\n<p><span style=\"font-weight: 400;\">If you would like to continue your journey with HTML and CSS here are a few resources:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/onemonth.com\/courses\/html\"><span style=\"font-weight: 400;\">Learn How to Code HTML and CSS<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 this online coding course will take you from a beginner to an intermediate developer in just 30 days. The course includes human support, videos, real-world projects, grading, and an HTML &amp; CSS Certification following graduation.<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/learn.onemonth.com\/front-end-vs-back-end-developers\/\"><span style=\"font-weight: 400;\">Front-end vs. Back-end Developers<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 What\u2019s the salary for a front-end developer? Back-end? Which is easier? These are great questions to ask when you\u2019re getting started. Read this article to find out.<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/learn.onemonth.com\/learn-javascript\/\"><span style=\"font-weight: 400;\">How to Learn Javascript<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 Now that you understand HTML and CSS, what is JavaScript and how do you learn it?<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML and CSS are the two fundamental languages for building any website. What\u2019s the difference? First off, HTML and CSS aren\u2019t the same. They function as a team! Together, they form the bones and skin for any website. Let\u2019s break each down individually, then see how they work together\u2026 What does HTML stand for? HTML [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1141,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[219],"tags":[299,298,25,38,295,293,3804,94,716,717,296,110,718,294,3802,3800,297],"class_list":["post-1094","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code","tag-basic-html-elements","tag-basic-html-tags","tag-coding","tag-css","tag-css-zen-garden","tag-front-end","tag-how-to-add-an-image-in-html","tag-html","tag-html-vs-css-difference","tag-html-vs-css-vs-javascript","tag-html-vs-css","tag-learn-to-code","tag-similarities-between-html-css","tag-structure","tag-what-does-css-stand-for","tag-what-does-html-stand-for","tag-whats-the-difference-between-html-and-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML vs CSS: What&#039;s the Difference? - Learn to code in 30 Days!<\/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:\/\/learn.onemonth.com\/html-vs-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML vs CSS: What&#039;s the Difference? - Learn to code in 30 Days!\" \/>\n<meta property=\"og:description\" content=\"HTML and CSS are the two fundamental languages for building any website. What\u2019s the difference? First off, HTML and CSS aren\u2019t the same. They function as a team! Together, they form the bones and skin for any website. Let\u2019s break each down individually, then see how they work together\u2026 What does HTML stand for? HTML [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learn.onemonth.com\/html-vs-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn to code in 30 Days!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/OneMonthEdu\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/castiglione\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-18T07:30:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-18T12:49:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/zen2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1328\" \/>\n\t<meta property=\"og:image:height\" content=\"678\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Chris Castiglione\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@http:\/\/www.twitter.com\/castig\" \/>\n<meta name=\"twitter:site\" content=\"@onemonthedu\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chris Castiglione\" \/>\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:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/\"},\"author\":{\"name\":\"Chris Castiglione\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#\\\/schema\\\/person\\\/8dc1aca571379024e84218939bad4489\"},\"headline\":\"HTML vs CSS: What&#8217;s the Difference?\",\"datePublished\":\"2023-08-18T07:30:39+00:00\",\"dateModified\":\"2023-08-18T12:49:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/\"},\"wordCount\":1050,\"publisher\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/learn.onemonth.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/zen2.png?fit=1328%2C678&ssl=1\",\"keywords\":[\"basic HTML elements\",\"basic HTML tags\",\"Coding\",\"CSS\",\"CSS Zen Garden\",\"front-end\",\"how to add an image in HTML\",\"HTML\",\"html vs css difference\",\"html vs css vs javascript\",\"HTML vs. CSS\",\"Learn To Code\",\"similarities between html css\",\"structure\",\"what does CSS stand for\",\"what does HTML stand for\",\"What's the difference between HTML and CSS\"],\"articleSection\":[\"Learn to Code\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/\",\"url\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/\",\"name\":\"HTML vs CSS: What's the Difference? - Learn to code in 30 Days!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/learn.onemonth.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/zen2.png?fit=1328%2C678&ssl=1\",\"datePublished\":\"2023-08-18T07:30:39+00:00\",\"dateModified\":\"2023-08-18T12:49:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/learn.onemonth.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/zen2.png?fit=1328%2C678&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/learn.onemonth.com\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/zen2.png?fit=1328%2C678&ssl=1\",\"width\":1328,\"height\":678,\"caption\":\"HTML vs. CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/html-vs-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/learn.onemonth.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML vs CSS: What&#8217;s the Difference?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#website\",\"url\":\"https:\\\/\\\/learn.onemonth.com\\\/\",\"name\":\"Learn to code in 30 Days!\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/learn.onemonth.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#organization\",\"name\":\"One Month\",\"url\":\"https:\\\/\\\/learn.onemonth.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i2.wp.com\\\/learn.onemonth.com\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/Screen-Shot-2017-09-11-at-2.33.59-PM.png?fit=466%2C114&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i2.wp.com\\\/learn.onemonth.com\\\/wp-content\\\/uploads\\\/2017\\\/09\\\/Screen-Shot-2017-09-11-at-2.33.59-PM.png?fit=466%2C114&ssl=1\",\"width\":466,\"height\":114,\"caption\":\"One Month\"},\"image\":{\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/OneMonthEdu\\\/\",\"https:\\\/\\\/x.com\\\/onemonthedu\",\"https:\\\/\\\/instagram.com\\\/onemonthedu\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/one-month-inc-\\\/\",\"http:\\\/\\\/youtube.com\\\/c\\\/onemonth\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/learn.onemonth.com\\\/#\\\/schema\\\/person\\\/8dc1aca571379024e84218939bad4489\",\"name\":\"Chris Castiglione\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8fe82d1d7e14e57ba0d345f2f59a32ed805d05f2a3cba7079453e7ba481f79b3?s=96&d=monsterid&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8fe82d1d7e14e57ba0d345f2f59a32ed805d05f2a3cba7079453e7ba481f79b3?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8fe82d1d7e14e57ba0d345f2f59a32ed805d05f2a3cba7079453e7ba481f79b3?s=96&d=monsterid&r=g\",\"caption\":\"Chris Castiglione\"},\"description\":\"Co-founder of Console.xyz. Adjunct Prof at Columbia University Business School.\",\"sameAs\":[\"http:\\\/\\\/www.castig.org\",\"http:\\\/\\\/www.facebook.com\\\/castiglione\",\"https:\\\/\\\/x.com\\\/http:\\\/\\\/www.twitter.com\\\/castig\"],\"url\":\"https:\\\/\\\/learn.onemonth.com\\\/author\\\/chris\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML vs CSS: What's the Difference? - Learn to code in 30 Days!","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:\/\/learn.onemonth.com\/html-vs-css\/","og_locale":"en_US","og_type":"article","og_title":"HTML vs CSS: What's the Difference? - Learn to code in 30 Days!","og_description":"HTML and CSS are the two fundamental languages for building any website. What\u2019s the difference? First off, HTML and CSS aren\u2019t the same. They function as a team! Together, they form the bones and skin for any website. Let\u2019s break each down individually, then see how they work together\u2026 What does HTML stand for? HTML [&hellip;]","og_url":"https:\/\/learn.onemonth.com\/html-vs-css\/","og_site_name":"Learn to code in 30 Days!","article_publisher":"https:\/\/www.facebook.com\/OneMonthEdu\/","article_author":"http:\/\/www.facebook.com\/castiglione","article_published_time":"2023-08-18T07:30:39+00:00","article_modified_time":"2023-08-18T12:49:31+00:00","og_image":[{"width":1328,"height":678,"url":"https:\/\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/zen2.png","type":"image\/png"}],"author":"Chris Castiglione","twitter_card":"summary_large_image","twitter_creator":"@http:\/\/www.twitter.com\/castig","twitter_site":"@onemonthedu","twitter_misc":{"Written by":"Chris Castiglione","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/learn.onemonth.com\/html-vs-css\/#article","isPartOf":{"@id":"https:\/\/learn.onemonth.com\/html-vs-css\/"},"author":{"name":"Chris Castiglione","@id":"https:\/\/learn.onemonth.com\/#\/schema\/person\/8dc1aca571379024e84218939bad4489"},"headline":"HTML vs CSS: What&#8217;s the Difference?","datePublished":"2023-08-18T07:30:39+00:00","dateModified":"2023-08-18T12:49:31+00:00","mainEntityOfPage":{"@id":"https:\/\/learn.onemonth.com\/html-vs-css\/"},"wordCount":1050,"publisher":{"@id":"https:\/\/learn.onemonth.com\/#organization"},"image":{"@id":"https:\/\/learn.onemonth.com\/html-vs-css\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/zen2.png?fit=1328%2C678&ssl=1","keywords":["basic HTML elements","basic HTML tags","Coding","CSS","CSS Zen Garden","front-end","how to add an image in HTML","HTML","html vs css difference","html vs css vs javascript","HTML vs. CSS","Learn To Code","similarities between html css","structure","what does CSS stand for","what does HTML stand for","What's the difference between HTML and CSS"],"articleSection":["Learn to Code"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/learn.onemonth.com\/html-vs-css\/","url":"https:\/\/learn.onemonth.com\/html-vs-css\/","name":"HTML vs CSS: What's the Difference? - Learn to code in 30 Days!","isPartOf":{"@id":"https:\/\/learn.onemonth.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/learn.onemonth.com\/html-vs-css\/#primaryimage"},"image":{"@id":"https:\/\/learn.onemonth.com\/html-vs-css\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/zen2.png?fit=1328%2C678&ssl=1","datePublished":"2023-08-18T07:30:39+00:00","dateModified":"2023-08-18T12:49:31+00:00","breadcrumb":{"@id":"https:\/\/learn.onemonth.com\/html-vs-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learn.onemonth.com\/html-vs-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learn.onemonth.com\/html-vs-css\/#primaryimage","url":"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/zen2.png?fit=1328%2C678&ssl=1","contentUrl":"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/zen2.png?fit=1328%2C678&ssl=1","width":1328,"height":678,"caption":"HTML vs. CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/learn.onemonth.com\/html-vs-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/learn.onemonth.com\/"},{"@type":"ListItem","position":2,"name":"HTML vs CSS: What&#8217;s the Difference?"}]},{"@type":"WebSite","@id":"https:\/\/learn.onemonth.com\/#website","url":"https:\/\/learn.onemonth.com\/","name":"Learn to code in 30 Days!","description":"","publisher":{"@id":"https:\/\/learn.onemonth.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learn.onemonth.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/learn.onemonth.com\/#organization","name":"One Month","url":"https:\/\/learn.onemonth.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learn.onemonth.com\/#\/schema\/logo\/image\/","url":"https:\/\/i2.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/09\/Screen-Shot-2017-09-11-at-2.33.59-PM.png?fit=466%2C114&ssl=1","contentUrl":"https:\/\/i2.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/09\/Screen-Shot-2017-09-11-at-2.33.59-PM.png?fit=466%2C114&ssl=1","width":466,"height":114,"caption":"One Month"},"image":{"@id":"https:\/\/learn.onemonth.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/OneMonthEdu\/","https:\/\/x.com\/onemonthedu","https:\/\/instagram.com\/onemonthedu\/","https:\/\/www.linkedin.com\/company\/one-month-inc-\/","http:\/\/youtube.com\/c\/onemonth"]},{"@type":"Person","@id":"https:\/\/learn.onemonth.com\/#\/schema\/person\/8dc1aca571379024e84218939bad4489","name":"Chris Castiglione","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8fe82d1d7e14e57ba0d345f2f59a32ed805d05f2a3cba7079453e7ba481f79b3?s=96&d=monsterid&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8fe82d1d7e14e57ba0d345f2f59a32ed805d05f2a3cba7079453e7ba481f79b3?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8fe82d1d7e14e57ba0d345f2f59a32ed805d05f2a3cba7079453e7ba481f79b3?s=96&d=monsterid&r=g","caption":"Chris Castiglione"},"description":"Co-founder of Console.xyz. Adjunct Prof at Columbia University Business School.","sameAs":["http:\/\/www.castig.org","http:\/\/www.facebook.com\/castiglione","https:\/\/x.com\/http:\/\/www.twitter.com\/castig"],"url":"https:\/\/learn.onemonth.com\/author\/chris\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/learn.onemonth.com\/wp-content\/uploads\/2017\/11\/zen2.png?fit=1328%2C678&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/posts\/1094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/comments?post=1094"}],"version-history":[{"count":26,"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/posts\/1094\/revisions"}],"predecessor-version":[{"id":2960,"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/posts\/1094\/revisions\/2960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/media\/1141"}],"wp:attachment":[{"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/media?parent=1094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/categories?post=1094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learn.onemonth.com\/wp-json\/wp\/v2\/tags?post=1094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}