{"id":3382,"date":"2023-02-27T20:20:57","date_gmt":"2023-02-28T01:20:57","guid":{"rendered":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/?p=3382"},"modified":"2023-02-27T20:27:23","modified_gmt":"2023-02-28T01:27:23","slug":"html-css-javascript-similarities-and-differences-7a","status":"publish","type":"post","link":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/2023\/02\/27\/html-css-javascript-similarities-and-differences-7a\/","title":{"rendered":"HTML, CSS, JavaScript Similarities and Differences (7a)"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3383 alignleft\" src=\"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/html-300x177.png\" alt=\"\" width=\"329\" height=\"194\" srcset=\"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/html-300x177.png 300w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/html-1024x604.png 1024w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/html-768x453.png 768w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/html.png 1360w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/>HTML (HyperText Markup Language) adds structure to a web page and its content. JavaScript adds functionality to a web page. CSS is the language to add design elements to the presentation of Web pages, including colors, layout, and fonts. JavaScript is used to make websites and pages more interactive with users, often prompting user-input, connecting webpages to react to button clicks, or processing information and calculating formulas. HTML and CSS are more static, meant to structure or design pages to be visually appealing but not necessarily interactive. While the three are often used together, they can all be used separately as well. CSS is independent of HTML and can be used with any XML-based markup language. JavaScript is often used to develop games and mobile apps and build out graphics.<\/p>\n<p>JS is an event driven language because it reacts to events. Every time a function is called, it is added to a list; JavaScript then loops through the list and calls the functions connected to each event. If you create a function but do not call it in the main area, JavaScript will not run the function automatically. Everything starts by following an event.\u00a0<img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3384 aligncenter\" src=\"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/3-langs-300x180.png\" alt=\"\" width=\"482\" height=\"289\" srcset=\"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/3-langs-300x180.png 300w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/3-langs-1024x615.png 1024w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/3-langs-768x461.png 768w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/3-langs-1536x922.png 1536w, https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/files\/2023\/02\/3-langs.png 2048w\" sizes=\"auto, (max-width: 482px) 100vw, 482px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML (HyperText Markup Language) adds structure to a web page and its content. JavaScript adds functionality to a web page. CSS is the language to add design elements to the presentation of Web pages, including colors, layout, and fonts. JavaScript is used to make websites and pages more interactive with users, often prompting user-input, connecting [&hellip;]<\/p>\n","protected":false},"author":29444,"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-3382","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\/3382","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\/29444"}],"replies":[{"embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/comments?post=3382"}],"version-history":[{"count":2,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/posts\/3382\/revisions"}],"predecessor-version":[{"id":3387,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/posts\/3382\/revisions\/3387"}],"wp:attachment":[{"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/media?parent=3382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/categories?post=3382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis2101sec730spring2023\/wp-json\/wp\/v2\/tags?post=3382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}