{"id":1470,"date":"2021-08-24T06:11:51","date_gmt":"2021-08-24T06:11:51","guid":{"rendered":"https:\/\/www.sagaratechnology.com\/blog\/?p=1470"},"modified":"2021-11-16T04:01:56","modified_gmt":"2021-11-16T04:01:56","slug":"the-definition-of-css-and-html","status":"publish","type":"post","link":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/","title":{"rendered":"The Definition of HTML and CSS"},"content":{"rendered":"\n<p><em><a href=\"https:\/\/www.youtube.com\/channel\/UCEgphDbJ89XiszXoPqyJTXg\" target=\"_blank\" rel=\"noreferrer noopener\">Sagara Technology<\/a><\/em> &#8211; HTML or Hypertext Markup Language and&nbsp;CSS or Cascading Style Sheets are the main core technologies for build Websites. HTML can be describe as the skeleton of a website, while CSS is the skin of a website and basically all visual aspects of a website. HTML and CSS are the basis of building Web pages and&nbsp;Web Applications.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e35afc08aed\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e35afc08aed\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/#What_is_HTML\" >What is HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/#What_is_CSS\" >What is CSS?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_is_HTML\"><\/span>What is HTML?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>HyperText is effectively a text within a text and a markup language. It is a language understood by computers, designed to essentially describe webpages and make the text you use more interactive.<\/p>\n\n\n\n<p>HTML&nbsp;is the language for describing the structure of web pages to search engines. HTML gives authors the means to:<\/p>\n\n\n\n<ul><li>Publish online documents with headings, text, lists, photos, etc.<\/li><li>Retrieve online information via hypertext links, at the click of a button.<\/li><li>Design forms for conducting transactions with remote services, for use in searching for information, making reservations, ordering products, etc.<\/li><li>Include spread-sheets, video clips, sound clips, and other applications directly in their documents.<\/li><\/ul>\n\n\n\n<p>Primarily, HTML is use for creating the pillar content of a webpage, giving it structure. You start by writing words, then apply tags or elements to these words. Then the web browser can read this and understand which was the heading of a page,  paragraphs, and where the page starts and finishes.<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"What_is_CSS\"><\/span>What is CSS?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>CSS or known as Cascading Style Sheets is basically the skin of a website. It is a sheet-style language, which is a type of language you can use to describe the presentation of a markup language. Generally, it allows for granular control for style elements like the header, footer, navigation, and all the visual aspect of your website. Without it, websites would be plain text on white backgrounds.<\/p>\n\n\n\n<p>CSS was invented in 1996 in order to make sense of HTML and make the webpage looks better in all design aspect.<\/p>\n\n\n\n<p>CSS allowed several innovations to webpage layout, such as:<\/p>\n\n\n\n<ul><li>Specify fonts<\/li><li>Specify color<\/li><li>Specify size of text <\/li><li>Applying colors<\/li><\/ul>\n\n\n\n<p>There are many other coding languages out there, such as <a href=\"https:\/\/www.sagaratechnology.com\/blog\/what-does-it-mean-by-full-stack-development-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript<\/a>, Backend programming language, <a href=\"https:\/\/www.sagaratechnology.com\/blog\/knowing-the-basics-of-the-c-programming-language\/\" target=\"_blank\" rel=\"noreferrer noopener\">C++<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sagara Technology &#8211; HTML or Hypertext Markup Language and&nbsp;CSS or Cascading Style Sheets are the main core technologies for build Websites. HTML can be describe as the skeleton of a website, while CSS is the skin of a website and basically all visual aspects of a website. HTML and CSS are the basis of building&#8230;<\/p>\n","protected":false},"author":14,"featured_media":1473,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[124,10],"tags":[55,209],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Definition of HTML and CSS - Sagara Asia Blog<\/title>\n<meta name=\"description\" content=\"HTML can be thought of as the skeleton of a website, while CSS is the skin of a website and basically all visual aspects of a website\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"The Definition of HTML and CSS - Sagara Asia Blog\" \/>\n<meta name=\"twitter:description\" content=\"HTML can be thought of as the skeleton of a website, while CSS is the skin of a website and basically all visual aspects of a website\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/08\/CSS-and-HTML-1.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sagara Technology\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Definition of HTML and CSS - Sagara Asia Blog","description":"HTML can be thought of as the skeleton of a website, while CSS is the skin of a website and basically all visual aspects of a website","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:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/","twitter_card":"summary_large_image","twitter_title":"The Definition of HTML and CSS - Sagara Asia Blog","twitter_description":"HTML can be thought of as the skeleton of a website, while CSS is the skin of a website and basically all visual aspects of a website","twitter_image":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/08\/CSS-and-HTML-1.jpg","twitter_misc":{"Written by":"Sagara Technology","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/#article","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/"},"author":{"name":"Sagara Technology","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/e25a7dce1900980898a69a7c63241723"},"headline":"The Definition of HTML and CSS","datePublished":"2021-08-24T06:11:51+00:00","dateModified":"2021-11-16T04:01:56+00:00","mainEntityOfPage":{"@id":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/"},"wordCount":356,"commentCount":0,"publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"keywords":["CSS","HTML"],"articleSection":["Technology","Tips teknologi"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/","url":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/","name":"The Definition of HTML and CSS - Sagara Asia Blog","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/#website"},"datePublished":"2021-08-24T06:11:51+00:00","dateModified":"2021-11-16T04:01:56+00:00","description":"HTML can be thought of as the skeleton of a website, while CSS is the skin of a website and basically all visual aspects of a website","breadcrumb":{"@id":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sagaratechnology.com\/blog\/the-definition-of-css-and-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sagaratechnology.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Technology","item":"https:\/\/sagaratechnology.com\/blog\/category\/technology\/"},{"@type":"ListItem","position":3,"name":"The Definition of HTML and CSS"}]},{"@type":"WebSite","@id":"https:\/\/sagaratechnology.com\/blog\/#website","url":"https:\/\/sagaratechnology.com\/blog\/","name":"Sagara Asia Blog","description":"Dapatkan Informasi Seputar Teknologi dan Bisnis","publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sagaratechnology.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sagaratechnology.com\/blog\/#organization","name":"Sagara Technology","url":"https:\/\/sagaratechnology.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","contentUrl":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","width":200,"height":200,"caption":"Sagara Technology"},"image":{"@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/sagara-asia\/"]},{"@type":"Person","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/e25a7dce1900980898a69a7c63241723","name":"Sagara Technology","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/55085e31e9427bed3336eaea67c72b96?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55085e31e9427bed3336eaea67c72b96?s=96&d=mm&r=g","caption":"Sagara Technology"},"sameAs":["https:\/\/sagaratechnology.com","https:\/\/www.facebook.com\/Sagaratechnology","https:\/\/www.linkedin.com\/company\/sagara-asia\/"]}]}},"_links":{"self":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/1470"}],"collection":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=1470"}],"version-history":[{"count":2,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/1470\/revisions"}],"predecessor-version":[{"id":1484,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/1470\/revisions\/1484"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media\/1473"}],"wp:attachment":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=1470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=1470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=1470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}