!
Spot the mistakes in the HTML
<!doctype html>
<hmtl>
<head>
<h1>Sample webpage</h1>
</head>
<body style="colour:green;">
<title>My website</title>
<para>This is a paragraph of text. <a href=page1.html>This is a link</a>.</para>
</body>
</hmtl>Spot the mistakes in the HTML
<!doctype html>
<hmtl>
<head>
<h1>Sample webpage</h1>
</head>
<body style="colour:green;">
<title>My website</title>
<para>This is a paragraph of text. <a href=page1.html>This is a link</a>.</para>
</body>
</hmtl>Understand how web development is broken down into different areas: content, design and interaction
Be able to use JavaScript to perform basic interaction
Click here
...
<p onmouseover="this.style.colour='red';" onmouseout="this.style.colour='black';">
...
<!doctype html>
<html>
<head>
<title>Page with JS</title>
</head>
<body>
<h1 onclick="this.style.color='red';"></h1>
</body>
</html><!doctype html>
<html>
<head>
<title>Page with JS</title>
</head>
<body>
<h1 id="main_heading"></h1>
<script>
var heading = document.getElementById('main_heading');
heading.addEventListener('click', function(e){
alert("Hello world!");
});
</script>
</body>
</html>A lot of plugins out there use JavaScript, HTML and CSS. For example:
In this lesson, we are all going to work through the W3 Schools tutorial to help us learn JavaScript.
When you have done that, you should begin to work through the JavaScript workbook.
Apply a filter: