Section 4a.2. Checking out top5.html | Head Rush Ajax (Head First)

4a.2. Checking out top5.html

Open 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>