The fundamental building blocks used for making simple, clean, and intuitive web pages<\/i><\/p>\n
Let’s break the complex process of building the web application as – Html is used for laying out its structure, Css for its presentation, and Js for manipulating its behaviour. All these are called as web technologies. They are brought together by a browser in the form of a website. Using such technologies in the union makes the website quite interactive. Now, It’s not just a site, it is an application. <\/span><\/p>\n A question arises in our minds \u2013 Why there is a need to separate structure, style, and behaviour for building out web applications. The answer lies in the question itself!<\/i> i.e. to enhance the efficiency of the code, to ease its maintenance, for accessibility and device compatibility, and on top of it, It’s probably the best practice (because I say so)…<\/span><\/p>\n You don’t require prior experience of these web standards or if you already have some exposure then their’s nothing to \u201cunlearn\u201d. You can handle everything on your own. Let me now get you covered with the basic layouts of Html, Css, and Javascript. Remember one thing, \u201cYou can’t unless you follow the rules\u201d. <\/i><\/span><\/p>\n HTML, hypertext markup language \u2013 applies structure to the content<\/span><\/b><\/span><\/p>\n Html is the language you’d need to develop your web pages. Developed by Tim Berners-lee in 1991<\/i>, Html 2.0 was the first standard with Html-5 being the latest. It is used to format the website with the help of various tags, elements, and attributes. <\/span><\/p>\n EXAMPLE:<\/span><\/p>\n <!DOCTYPE html><\/span><\/p>\n <html><\/span><\/p>\n <head><\/span><\/p>\n <title>learning html<\/title><\/span><\/p>\n <\/head><\/span><\/p>\n <body><\/span><\/p>\n <h1>Greeting!<\/h1><\/span><\/p>\n <p>Hello, how are you?<\/p><\/span><\/p>\n <\/body><\/span><\/p>\n <\/html><\/span><\/p>\n CSS, Cascading style sheets \u2013 language that paints your web page<\/u><\/b><\/span><\/p>\n In simple terms, Css controls the style of your web document. It is a design language which handles web page’s look and feels. It ensures time savings, faster loading speed, superior styles, offline browsing, platform independence and device compatibility. From altering text colours, fonts, sizing, laying out, images, spacing, Css simplifies the process of designing web pages. <\/span><\/p>\n EXAMPLE<\/span><\/p>\n h1 {<\/span><\/p>\n font-family: Tahoma; <\/span><\/p>\n }<\/span><\/p>\n p {<\/span><\/p>\n color: green;<\/span><\/p>\n }<\/span><\/p>\n JS, JavaScript \u2013 manipulates HTML and css programmatically<\/u><\/b><\/span><\/p>\n A lightweight & interpreted programming language, Javascript builds dynamic web pages and web applications. It was initially known as LiveScript, but later its name was changed to Javascript by Netscape. Javascript when combined with Html, and css ensures increased interactivity, rich interfaces, and less server interference. <\/span><\/p>\n EXAMPLE<\/span><\/p>\n <script><\/span><\/p>\n \/\/ Javascript code is written here<\/span><\/p>\n <\/script><\/span><\/p>\n Everywhere you’ll find a lot of tutorials on Html, Css, & Js targeting beginner, average or advanced learners. All it includes is their basics to get enough comfortable with them, pushing them a little further so that it can benefit all learners alike, and at last, covering the versatile depth of all three. <\/span><\/p>\n Below, I’ll share the best URLs, you can hand-pick while progressing through the journey of Software and Web application development: <\/i><\/span><\/p>\n http:\/\/www.w3schools.com\/ <\/span><\/p>\n https:\/\/www.codecademy.com\/<\/span><\/p>\n https:\/\/www.tutorialspoint.com\/<\/span><\/p>\n www.studytonight.com\/ , and more… <\/span><\/p>\n So, choose the one you like and go creative! Html, Css, and Javascript are everything you need to get started on the web.<\/b><\/span><\/p>\n","protected":false},"excerpt":{"rendered":" The fundamental building blocks used for making simple, clean, and intuitive web pages Let’s break the complex process of building the web application as – Html is used for laying out its structure, Css for its presentation, and Js for manipulating its behaviour. All these are called as web technologies. … Continue reading HTML, CSS, AND JAVASCRIPT \u2013 The Basics<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":584,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[],"class_list":["post-573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-and-development"],"_links":{"self":[{"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/posts\/573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/comments?post=573"}],"version-history":[{"count":1,"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/posts\/573\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/posts\/573\/revisions\/585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/media\/584"}],"wp:attachment":[{"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/media?parent=573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/categories?post=573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mansainfotech.com\/blog\/wp-json\/wp\/v2\/tags?post=573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}