{"id":4091,"date":"2023-03-02T19:27:22","date_gmt":"2023-03-03T00:27:22","guid":{"rendered":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/?p=4091"},"modified":"2023-03-02T19:28:29","modified_gmt":"2023-03-03T00:28:29","slug":"7a-1-javascript-vs-html-vs-css","status":"publish","type":"post","link":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/2023\/03\/02\/7a-1-javascript-vs-html-vs-css\/","title":{"rendered":"7a (1): JavaScript vs HTML vs CSS"},"content":{"rendered":"<p><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-4110 alignright\" src=\"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/03\/mis7a1-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/03\/mis7a1-300x300.jpg 300w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/03\/mis7a1-150x150.jpg 150w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/03\/mis7a1.jpg 564w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/span><span style=\"font-weight: 400\">HTML &#8220;HyperText Markup Language&#8221;\u2192 responsible for the display of content; this is the basic structure of a webpage. HTML uses tags to label the different components of a webpage and identifies the purposes they each serve to the overall design and functionality of the page.<\/span><\/p>\n<p>CSS &#8220;Cascading Style Sheets&#8221; \u2192 responsible for making content look good &amp; how the HTML elements are displayed visually\/styled; CSS can be:<\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Inline: using style attributes in each HTML element<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Internal: using &lt;style&gt; &lt;\/style&gt; in &lt;head&gt;<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">External: using an external CSS file<\/span><\/li>\n<\/ol>\n<p>JavaScript \u2192 adds <i>interactivity,\u00a0<\/i>meaning JS allows us to engage and interact with webpages and makes them functional<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML &#8220;HyperText Markup Language&#8221;\u2192 responsible for the display of content; this is the basic structure of a webpage. HTML uses tags to label the different components of a webpage and identifies the purposes they each serve to the overall design and functionality of the page. CSS &#8220;Cascading Style Sheets&#8221; \u2192 responsible for making content look [&hellip;]<\/p>\n","protected":false},"author":29253,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[663943],"tags":[],"class_list":{"0":"post-4091","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-instructor","7":"entry"},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/posts\/4091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/users\/29253"}],"replies":[{"embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/comments?post=4091"}],"version-history":[{"count":2,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/posts\/4091\/revisions"}],"predecessor-version":[{"id":4115,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/posts\/4091\/revisions\/4115"}],"wp:attachment":[{"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/media?parent=4091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/categories?post=4091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/tags?post=4091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}