4a.2. Checking out top5.htmlOpen up top5.html and take a look. Most of the file is filled with <img> elements to display the CD covers. You'll also see some instructions, a form with a button, and a few <div>s: <html> <head> <title>Top 5 CD Recommendations</title> <link rel="stylesheet" type="text/css" href="top5.css " />As usual, this app uses an external CSS stylesheet. </head> <body> <div > Click on a CD cover to add it to the Top 5 list. If you want to start over, click the "Start Over" button to clear the Top 5 list. </div> All these id attributes will help when we need to look these elements up in our code. <div > <img src="/books/2/850/1/html/2/images/vaughan_flood.jpg" /> <img src="/books/2/850/1/html/2/images/clapton_cream.jpg" />Nothing tricky here... just lots of <img> elements to show the CD covers to choose from. <!-- Lots more images in here... --> </div> <div > <h2>My Top 5 CDs</h2> <div >Here's where we'll put the CDs that the user chooses.</div> </div> <form> <input type="button"We'll probably need to run some JavaScript here at some point... value="Start Over" /> </form> </body> </html> |