User's Guide

Welcome to K12HTML blog. Its objective is to teach school students basics of Web Development. We will focus on the programming languages – HTML , CSS and JavaScript.This blog has live examples of code that you can readily run in the Software Editor and learn about HTML, CSS and JavaScript work. How to run the code shown in the examples of this blog 1. Click on any example for which you want to run the code. They are denoted above with prefix Ex. 2. Copy all the code shown in the example. 3. Click on the Software Editor link.It will open a new window, which will have a left section and right section. 4. Clear all the code shown in the left section so that it is blank now. 5. In the left section you will need to paste the code that you copied from the example. 6. Click on the green button above the left section that says "Run". 7. The output of the code will be displayed in the right section. What is HTML? It stands for Hypertext Markup Language. It is the basic Web programming language that renders a web page in a browser. What is CSS? It stands for Cascading Style sheet. It is a web programming language that provides the styles to a web page. Example : If we see a web page that has a blue background, the blue color is rendered via CSS. What is JavaScript? It is a web scripting language. We should note that it has nothing to do with Java , which is a completely different programming language used for backend scripting. JavaScript is used to develop the logic to render a dynamic web page. Example : If we want to display the current date and time when someone clicks on a button, then it is made possible by building a dynamic web page, which in other words creates the content on the fly and renders it on the web page. How to learn the basics of HTML , CSS and JavaScript? W3Schools is the most popular and FREE web site where one could learn the basics of web technology. Following are the links that are useful. HTML : https://www.w3schools.com/html/default.asp CSS : https://www.w3schools.com/css/default.asp JavaScript : https://www.w3schools.com/js/default.asp Do I need any special software to learn HTML , CSS and JavaScript? No, you don’t need any special software to learn any of these programming languages. You can learn these on your laptop , desktop or Chromebook. How to write and run the code? i) Go to http://k12html.blogspot.com ii) Click on the link called Software Editor. This will open a new window. iii) The window will have two sections, left section and right section. iv) Left section is where you would write the code. v) Once the code is written then you click on the green box called Run and the output of the code is generated in the right side. What kind of applications can I develop? You can develop a wide range of web applications. K12HTML has examples of some fun applications that you can run and get an idea as to what kind of applications one can develop by just using HTML , CSS and JavaScript. These include a game of tic tac toe , calculator that you can use in your Math Class and Bouncy ball.