{"id":167,"date":"2016-04-05T11:55:35","date_gmt":"2016-04-05T11:55:35","guid":{"rendered":"http:\/\/www.royalsoft.eu\/blog\/?p=167"},"modified":"2021-04-23T13:01:06","modified_gmt":"2021-04-23T13:01:06","slug":"new-comers-html-and-css-101","status":"publish","type":"post","link":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/","title":{"rendered":"New Comers HTML and CSS 101"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p style=\"text-align: right;\">\u201cAny fool can know. The point is to understand.\u201d<br \/>\n\u2015 Albert Einstein<\/p>\n<p>HTML (hypertext markup language) and CSS (cascading style sheets) are two of the core technologies for Web development. HTML provides the structure of the page, CSS the visual and aural layout, for a variety of end user devices. Along with graphics and scripting, HTML and CSS are the base foundation for building Web pages and Web applications.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQieb1XmOul1x62yzo91AmTkRPwlIUJMvq2oqeTkFGNqiuWzdhZ\" alt=\"\" width=\"177\" height=\"133\"><br \/>\n<strong>WHAT IS HTML?<\/strong><\/p>\n<p>HTML is a markup language which consists of a set of markup tags, tags used to describe document content. It gives the author the means to publish online document with text, tables, lists, photos etc.; retrieve online information via hypertext links; design forms for conducting transactions with remote services, for use in search information, making reservations etc.; include spread-sheets, video clips, sound clips and other applications directly into their documents.<\/p>\n<p><strong>WHAT IS CSS?<\/strong><\/p>\n<p>CSS is the language that describes the presentation of Web pages, including colors, layout and fonts. It allows one to adapt the presentation of the page to different types of devices, like large screens, small screens and even paper, printers and other media.<\/p>\n<p>CSS is independent of HTML and can be used with any XML-based language. Separating of HTML from CSS makes it easier to maintain sites, share style sheets across pages and tailor pages to different environments. This is referred to as the separation of content from presentation.<\/p>\n<p>Knowing what are they used for the next step is to become familiar with the tags they use so you can write the code that suits your purposes. Don\u2019t bother to remember all of them at once as they will easily get impress into your memory when you\u2019ll start using them frequently later on. You can even search on the Web, when there is a memory lapse, and there are lots of sites where you can find and from which you can learn and practice HTML and CSS.<br \/>\nFirst of all start reading wherever you can find some tutorials or any other related information (as I said before just search on Google and that should do the trick), then apply what you learn. You can do this either on the sites you learn (most of them will give you this opportunity) or just start writing in a text editor your tags and save it as \u201c.html\u201d and open with a browser to see how it looks like. The commonest editor you can use is Notepad, even though most Web Developers prefer to use more powerful ones like: Dreamweaver, Notepad++, Sublimetext and others.<\/p>\n<p>Basically both HTML and CSS are design tools, helping you to style and structure your content. To add functionality you must evolve into JavaScrips, PHP and jQuerry languages and their secrets.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; \u201cAny fool can know. The point is to understand.\u201d \u2015 Albert Einstein HTML (hypertext markup language) and CSS (cascading style sheets) are two of the core technologies for Web development. HTML provides the structure of the page, CSS the visual and aural layout, for a variety of end user devices. Along with graphics and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":498,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,3],"tags":[],"class_list":["post-167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>New Comers HTML and CSS 101 | Digital Marketing Tips | Royalsoft Blog<\/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:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Comers HTML and CSS 101 | Digital Marketing Tips | Royalsoft Blog\" \/>\n<meta property=\"og:description\" content=\"&nbsp; \u201cAny fool can know. The point is to understand.\u201d \u2015 Albert Einstein HTML (hypertext markup language) and CSS (cascading style sheets) are two of the core technologies for Web development. HTML provides the structure of the page, CSS the visual and aural layout, for a variety of end user devices. Along with graphics and [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Marketing Tips | Royalsoft Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-05T11:55:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-23T13:01:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2016\/04\/html.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1281\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Royalsoft Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Royalsoft Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/\"},\"author\":{\"name\":\"Royalsoft Team\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#\\\/schema\\\/person\\\/e7a0c91c80efff4efeaf0b4a4eb86f98\"},\"headline\":\"New Comers HTML and CSS 101\",\"datePublished\":\"2016-04-05T11:55:35+00:00\",\"dateModified\":\"2021-04-23T13:01:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/\"},\"wordCount\":465,\"publisher\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/html.jpg\",\"articleSection\":[\"Web Design\",\"Web Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/\",\"url\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/\",\"name\":\"New Comers HTML and CSS 101 | Digital Marketing Tips | Royalsoft Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/html.jpg\",\"datePublished\":\"2016-04-05T11:55:35+00:00\",\"dateModified\":\"2021-04-23T13:01:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/html.jpg\",\"contentUrl\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/04\\\/html.jpg\",\"width\":1920,\"height\":1281,\"caption\":\"html&css\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/2016\\\/04\\\/new-comers-html-and-css-101\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Comers HTML and CSS 101\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/\",\"name\":\"Digital Marketing Tips | Royalsoft Blog\",\"description\":\"We started this blog to help you understand digital marketing better with topics like SEO, Web Design Trends, Paid Adevertising, Email Marketing. Social Media.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#organization\",\"name\":\"Royalsoft\",\"url\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/royalsoft_small.png\",\"contentUrl\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/royalsoft_small.png\",\"width\":512,\"height\":93,\"caption\":\"Royalsoft\"},\"image\":{\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.royalsoft.eu\\\/blog\\\/#\\\/schema\\\/person\\\/e7a0c91c80efff4efeaf0b4a4eb86f98\",\"name\":\"Royalsoft Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ac1248644d549c1fa7303dd8986b4fb34cbd98d68987df8ea0b8d6a8e0439a7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ac1248644d549c1fa7303dd8986b4fb34cbd98d68987df8ea0b8d6a8e0439a7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ac1248644d549c1fa7303dd8986b4fb34cbd98d68987df8ea0b8d6a8e0439a7?s=96&d=mm&r=g\",\"caption\":\"Royalsoft Team\"},\"description\":\"A self-organizing, cross-functional team of people who collectively are responsible for all of the work necessary to produce working, validated assets.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New Comers HTML and CSS 101 | Digital Marketing Tips | Royalsoft Blog","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:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/","og_locale":"en_US","og_type":"article","og_title":"New Comers HTML and CSS 101 | Digital Marketing Tips | Royalsoft Blog","og_description":"&nbsp; \u201cAny fool can know. The point is to understand.\u201d \u2015 Albert Einstein HTML (hypertext markup language) and CSS (cascading style sheets) are two of the core technologies for Web development. HTML provides the structure of the page, CSS the visual and aural layout, for a variety of end user devices. Along with graphics and [&hellip;]","og_url":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/","og_site_name":"Digital Marketing Tips | Royalsoft Blog","article_published_time":"2016-04-05T11:55:35+00:00","article_modified_time":"2021-04-23T13:01:06+00:00","og_image":[{"width":1920,"height":1281,"url":"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2016\/04\/html.jpg","type":"image\/jpeg"}],"author":"Royalsoft Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Royalsoft Team","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/#article","isPartOf":{"@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/"},"author":{"name":"Royalsoft Team","@id":"https:\/\/www.royalsoft.eu\/blog\/#\/schema\/person\/e7a0c91c80efff4efeaf0b4a4eb86f98"},"headline":"New Comers HTML and CSS 101","datePublished":"2016-04-05T11:55:35+00:00","dateModified":"2021-04-23T13:01:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/"},"wordCount":465,"publisher":{"@id":"https:\/\/www.royalsoft.eu\/blog\/#organization"},"image":{"@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/#primaryimage"},"thumbnailUrl":"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2016\/04\/html.jpg","articleSection":["Web Design","Web Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/","url":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/","name":"New Comers HTML and CSS 101 | Digital Marketing Tips | Royalsoft Blog","isPartOf":{"@id":"https:\/\/www.royalsoft.eu\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/#primaryimage"},"image":{"@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/#primaryimage"},"thumbnailUrl":"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2016\/04\/html.jpg","datePublished":"2016-04-05T11:55:35+00:00","dateModified":"2021-04-23T13:01:06+00:00","breadcrumb":{"@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/#primaryimage","url":"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2016\/04\/html.jpg","contentUrl":"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2016\/04\/html.jpg","width":1920,"height":1281,"caption":"html&css"},{"@type":"BreadcrumbList","@id":"https:\/\/www.royalsoft.eu\/blog\/2016\/04\/new-comers-html-and-css-101\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.royalsoft.eu\/blog\/"},{"@type":"ListItem","position":2,"name":"New Comers HTML and CSS 101"}]},{"@type":"WebSite","@id":"https:\/\/www.royalsoft.eu\/blog\/#website","url":"https:\/\/www.royalsoft.eu\/blog\/","name":"Digital Marketing Tips | Royalsoft Blog","description":"We started this blog to help you understand digital marketing better with topics like SEO, Web Design Trends, Paid Adevertising, Email Marketing. Social Media.","publisher":{"@id":"https:\/\/www.royalsoft.eu\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.royalsoft.eu\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.royalsoft.eu\/blog\/#organization","name":"Royalsoft","url":"https:\/\/www.royalsoft.eu\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.royalsoft.eu\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2018\/02\/royalsoft_small.png","contentUrl":"https:\/\/www.royalsoft.eu\/blog\/wp-content\/uploads\/2018\/02\/royalsoft_small.png","width":512,"height":93,"caption":"Royalsoft"},"image":{"@id":"https:\/\/www.royalsoft.eu\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.royalsoft.eu\/blog\/#\/schema\/person\/e7a0c91c80efff4efeaf0b4a4eb86f98","name":"Royalsoft Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/1ac1248644d549c1fa7303dd8986b4fb34cbd98d68987df8ea0b8d6a8e0439a7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1ac1248644d549c1fa7303dd8986b4fb34cbd98d68987df8ea0b8d6a8e0439a7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1ac1248644d549c1fa7303dd8986b4fb34cbd98d68987df8ea0b8d6a8e0439a7?s=96&d=mm&r=g","caption":"Royalsoft Team"},"description":"A self-organizing, cross-functional team of people who collectively are responsible for all of the work necessary to produce working, validated assets."}]}},"_links":{"self":[{"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/posts\/167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/comments?post=167"}],"version-history":[{"count":24,"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/posts\/167\/revisions"}],"predecessor-version":[{"id":1378,"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/posts\/167\/revisions\/1378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/media\/498"}],"wp:attachment":[{"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/media?parent=167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/categories?post=167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.royalsoft.eu\/blog\/wp-json\/wp\/v2\/tags?post=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}