{"id":2956,"date":"2018-03-24T00:59:15","date_gmt":"2018-03-23T19:29:15","guid":{"rendered":"https:\/\/cns72.com\/vytcdc.com.sg\/?p=2956"},"modified":"2021-10-20T10:21:37","modified_gmt":"2021-10-20T04:51:37","slug":"difference-between-html-and-css","status":"publish","type":"post","link":"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/","title":{"rendered":"What is the difference between HTML and CSS?"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-2960\" src=\"https:\/\/cns72.com\/vytcdc.com.sg\/wp-content\/uploads\/2018\/03\/diffcsshtml.png\" alt=\"\" width=\"602\" height=\"209\" \/><\/p>\n<p>CSS is the language we use to style a Web page. CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.<\/p>\n<pre><code class=\"xml\"><span class=\"tag\">&lt;<span class=\"title\">html<\/span>&gt;<\/span>\r\n<span class=\"tag\">&lt;<span class=\"title\">head<\/span>&gt;<\/span>\r\n  <span class=\"tag\">&lt;<span class=\"title\">title<\/span>&gt;<\/span>HTML Example<span class=\"tag\">&lt;\/<span class=\"title\">title<\/span>&gt;<\/span>\r\n<span class=\"tag\">&lt;\/<span class=\"title\">head<\/span>&gt;<\/span>\r\n<span class=\"tag\">&lt;<span class=\"title\">body<\/span>&gt;<\/span>\r\n  <span class=\"tag\">&lt;<span class=\"title\">h1<\/span>&gt;<\/span>Hello, from HTML!<span class=\"tag\">&lt;\/<span class=\"title\">h1<\/span>&gt;<\/span>\r\n  <span class=\"tag\">&lt;<span class=\"title\">p<\/span>&gt;<\/span>This is a paragraph. <span class=\"tag\">&lt;<span class=\"title\">span<\/span>&gt;<\/span>Here's a span<span class=\"tag\">&lt;\/<span class=\"title\">span<\/span>&gt;<\/span> inside the paragraph.<span class=\"tag\">&lt;\/<span class=\"title\">p<\/span>&gt;<\/span>\r\n<span class=\"tag\">&lt;\/<span class=\"title\">body<\/span>&gt;<\/span>\r\n<span class=\"tag\">&lt;\/<span class=\"title\">html<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n<p>And some CSS&#8230;<\/p>\n<pre><code class=\"css\"><span class=\"tag\">body<\/span> <span class=\"rules\">{\r\n  <span class=\"rule\"><span class=\"attribute\">width<\/span>:<span class=\"value\"> <span class=\"number\">700<\/span>px<\/span>;<\/span>\r\n  <span class=\"rule\"><span class=\"attribute\">background<\/span>:<span class=\"value\"> lightblue<\/span>;<\/span>\r\n<span class=\"rule\">}<\/span><\/span>\r\n<span class=\"tag\">h1<\/span> <span class=\"rules\">{\r\n  <span class=\"rule\"><span class=\"attribute\">color<\/span>:<span class=\"value\"> darkgray<\/span>;<\/span>\r\n<span class=\"rule\">}<\/span><\/span>\r\n<span class=\"tag\">p<\/span> <span class=\"tag\">span<\/span> <span class=\"rules\">{\r\n  <span class=\"rule\"><span class=\"attribute\">background<\/span>:<span class=\"value\"> yellow<\/span>;<\/span>\r\n  <span class=\"rule\"><span class=\"attribute\">font-family<\/span>:<span class=\"value\"> cursive<\/span>;<\/span>\r\n<span class=\"rule\">}<\/span><\/span>\r\n<\/code><\/pre>\n<p>Now, you can put CSS inline with HTML&#8230;<\/p>\n<pre><code class=\"xml\"><span class=\"tag\">&lt;<span class=\"title\">span<\/span> <span class=\"attribute\">style<\/span>=<span class=\"value\">\"background: yellow; font-family: cursive;\"<\/span>&gt;<\/span> ... <span class=\"tag\">&lt;\/<span class=\"title\">span<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>CSS is the language we use to style a Web page. CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. &lt;html&gt; &lt;head&gt; &lt;title&gt;HTML Example&lt;\/title&gt; &lt;\/head&gt; &lt;body&gt; &lt;h1&gt;Hello, from HTML!&lt;\/h1&gt; &lt;p&gt;This is a paragraph. &lt;span&gt;Here&#8217;s a span&lt;\/span&gt; inside the paragraph.&lt;\/p&gt; &lt;\/body&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2957,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[45],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.0.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is the difference between HTML and CSS? - TCDC<\/title>\n<link rel=\"canonical\" href=\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is the difference between HTML and CSS? - TCDC\" \/>\n<meta property=\"og:description\" content=\"CSS is the language we use to style a Web page. CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. &lt;html&gt; &lt;head&gt; &lt;title&gt;HTML Example&lt;\/title&gt; &lt;\/head&gt; &lt;body&gt; &lt;h1&gt;Hello, from HTML!&lt;\/h1&gt; &lt;p&gt;This is a paragraph. &lt;span&gt;Here&#039;s a span&lt;\/span&gt; inside the paragraph.&lt;\/p&gt; &lt;\/body&gt; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/\" \/>\n<meta property=\"og:site_name\" content=\"TCDC\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vytcdc\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-23T19:29:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-20T04:51:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cns72.com\/vytcdc.com.sg\/wp-content\/uploads\/2018\/03\/htmlcssdiff.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"602\" \/>\n\t<meta property=\"og:image:height\" content=\"301\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@vytcdc\" \/>\n<meta name=\"twitter:site\" content=\"@vytcdc\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#website\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"name\":\"TCDC\",\"description\":\"Career Development Courses\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/cns72.com\/vytcdc.com.sg\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/wp-content\/uploads\/2018\/03\/htmlcssdiff.jpg\",\"width\":602,\"height\":301},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/#webpage\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/\",\"name\":\"What is the difference between HTML and CSS? - TCDC\",\"isPartOf\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/#primaryimage\"},\"datePublished\":\"2018-03-23T19:29:15+00:00\",\"dateModified\":\"2021-10-20T04:51:37+00:00\",\"author\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#\/schema\/person\/c57e5f7b91685a93f23a57aaafd38e82\"},\"breadcrumb\":{\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/\",\"url\":\"https:\/\/cns72.com\/vytcdc.com.sg\/difference-between-html-and-css\/\",\"name\":\"What is the difference between HTML and CSS?\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#\/schema\/person\/c57e5f7b91685a93f23a57aaafd38e82\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cns72.com\/vytcdc.com.sg\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f8f959f70994a4401c8704d6b2143474?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts\/2956"}],"collection":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/comments?post=2956"}],"version-history":[{"count":1,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts\/2956\/revisions"}],"predecessor-version":[{"id":5129,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/posts\/2956\/revisions\/5129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/media\/2957"}],"wp:attachment":[{"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/media?parent=2956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/categories?post=2956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cns72.com\/vytcdc.com.sg\/wp-json\/wp\/v2\/tags?post=2956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}