Imagine that you created a web application that supports keyboard shortcuts. Keyboard shortcuts allow users to use web applications more efficiently. For this example, let us say that one of your keyboard shortcuts is Shift + H, which displays a box with help tips in it.
First step, let's set up the HTML for our help tip box. Our help tip box will be a
<div>
with an ID ofhelp
.<body> <h1>myWebApp</h1> <p>Use <strong> Shift + H</strong> to view Help tips on how to use this web application.</p> <div id="help"> <h1>Help Tips</h1> <p>This is the help tip box. It will display helpful tips on how to use this web application.</p> <p>Press <strong> Shift + H</strong> on the keyboard to toggle this box.</p> </div> </body>
Let's give the help tip box some styles, as well as change the default font style of the HTML web page...