UMD JS API Workshop Main Page Code Samples API Reference <!DOCTYPE html> <html lang="en"> <head> <style> h1{ color: Purple; text-align: center; padding: 21; } p{ font-family: cursive; font-size: 14px; } </style> <script> function myFunction() { document.getElementById("heading").innerHTML = "Hello World"; } </script> </head> <body> <h1 id="heading">This is a heading!</h1> <p>This is a paragraph where you can write things</p> <button type="button" onclick="myFunction()">Change the heading text by clicking here!</button> </body> </html> Directions View Refresh Download Exercise 1 - HTML, CSS & JavaScript Exercise: This simple HTML page will give you an idea of the basic structure that all web pages follow. Change the attributes in the style tag such as color of the text, font-size, or font-family. Navigate to the "View" and click "Refresh" to see how the content on the page changes. CSS: Change the whole page background to a color besides white HTML: Add an image to your page. You can find an image here. JavaScript: Change the onclick to show an alert box