Canvas is an HTML element used to draw graphics via scripting. The canvas element itself is only a container for graphics. You use a script to actually draw the graphics.
CSS3
CSS3 is the latest version of the Cascading Style Sheets which are used to add design to web pages. It has now added features including rounded corners, border image, box shadow, text shadow, gradient, transform and many more.
HTML5
HTML5 is the latest version of the Hypertext Markup Language. The core aims to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently. HTML5 adds many new syntactic features, which include the new <video>, <audio> and <canvas> elements. understood by computers and devices. Many features have been built with the consideration of being able to run on low-powered devices such as smartphones and tablets.
Below is a basic example of what you can do with HTML. It shows you what is required to build a basic page. The HTML text editor on the other tab automatically includes the DOCTYPE, html, head and body.
Below is a basic example of what you can do with CSS.
Example
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #d0e4fe;
}
h1 {
color: red;
text-align: center;
}
p {
font-family: "Verdana";
font-size: 30px;
}
</style>
</head>
<body>
<h1>CSS Example</h1>
<p>This is a paragraph</p>
</body>
</html>
Result
Other Resources:
JavaScript:
Basic Tutorial:
JavaScript controls the behaviour of a web page.
Below is a basic example of what you can do with JavaScript. It finds the HTML element with an id="change" and changes the content to "This is a JavaScript example".
Example
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Example</h1>
<p id="example"></p>
<button type="button"
onclick="document.getElementById("example").innerHTML = 'This is a JavaScript example'";>
Click Me!</button>
</body>
</html>
Result
Other Resources:
jQuery:
Basic Tutorial:
jQuery is a JavaScript library that simplifies JavaScript programming.
Below is a basic example of what you can do with jQuery. It finds hides a <p> element when you click it.
