1. <ul> <li> Stack&lt;int&gt x; <li> x<sup>2</sup> + y<sup>2</sup> <li> x<sub>a</sub> + x<sub>b</sub> <li> &quot;Hi Brad&quot </ul>
  2. <dl> <dt>serendipity</dt> <dd>The effect by which one accidentally discovers something fortunate, especially while looking for something else entirely.</dd> <dt>peak</dt> <dd> the most extreme possible amount or value </dd> <dt>volcano</dt> <dd>a vent in the earth's crust through which molten rock (lava), rock fragments, gases, ashes, etc. are ejected from the earth's interior.</dd> </dl>
  3. Here is the table I used to achieve the desired alignment of the captions with the images: <table> <tr> <td><img width="300" src="IMG0161.JPG" hspace="20"></td> <td >My day starts early in Taos. The city is having a balloon festival and many balloonests are already in the air. I'm headed for the mountains in the distance but Wheeler Peak is obscured. </td> </tr> <td><img width="300" src="IMG0163.JPG" hspace="20"></td> <td>Bull-of-the-Woods pasture. I've reached the two mile mark in this small pasture. Note the snow on the ground and the frozen pond. The snow is only a couple inches deep at this point but it is definitely cold. </td> </tr> </table>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>invoice</title> </head> <body> <table border="1" rules="all" cellspacing="0"> <tr> <th bgcolor="red" align="left" width="75%"><b>Description</b></th> <th bgcolor="red" align="center" width="5%"><b>Qty</b></th> <th bgcolor="red" align="right" width="10%"><b>Price</b></th> <th bgcolor="red" align="right" width="10%"><b>Total</b></th> </tr> <tr> <td> GE 7.0 Megapixel A730 Digital Camera with Amazing Picture Taking Ability + Extra Memory to Accommodate Your Really Crummy Photos </td> <td align="center"> 2 </td> <td align="right"> 99.99 </td> <td align="right"> 199.98 </td> </tr> <tr> <td> Anti-Burst Bender Yoga Ball </td> <td align="center"> 5 </td> <td align="right"> 19.80 </td> <td align="right"> 99.00 </td> </tr> <tr> <td bgcolor="rgb(208,208,208)" colspan="3"> <b>Sales Tax</b> </td> <td bgcolor="#d0d0d0" align="right"> 10.00 </td> </tr> <tr> <td bgcolor="#d0d0d0" colspan="3"> <b>Total</b> </td> <td bgcolor="#d0d0d0" align="right"> 308.98 </td> </tr> </table> </body> </html>
  5. I used a set of nested tables to solve this problem. The outer table has 6 rows, with each row representing the following items:

    1. Row 1: Centers the word OPINION. I originally included this row in the table in row 2 and had it span 2 columns. Later I moved it into a separate row because I thought it made the layout a little cleaner.
    2. Row 2: A 1x2 table that lays out the OPINIONATOR and Mickey Mouse columns, side-by-side.
      • Column 1 is a 3x1 table that lays out the OPINIONATOR text. Note that trying to organize this content using three paragraphs, instead of three rows in a table, would have created too much space between the lines. Using line breaks (br), might work here as well.
      • Column 2 is an unordered list of items
    3. Row 3: The horizontal rule between OPINION and the TRAVEL/MARKETS columns
    4. Row 4: A 1x2 table that lays out the TRAVEL and MARKETS columns side-by-side:
      • Column 1 uses a 3x1 table just as in the OPINIONATOR column. Note how I used the align="right" attribute to float the Mt. Whitney image to the right and to allow text to flow around it.
      • Column 2 uses a 2x1 table to lay out the MARKETs column, with the first row containing the headline MARKETS and the second row containing an ordinary table.
    5. Row 5: A horizontal rule that separates the TRAVEL/MARKETS columns from the pundits column
    6. Row 6: A 2x2 table that lays out the pundits column:
      • Row 1: This row spans two columns and contains the introductory material "Read here today ...".
      • Row 2: A two column row with my picture right-aligned in its cell and Dr. Plank's picture left-aligned. That way there is almost no space between the two pictures. Each picture uses a 2x1 sub-table to align the caption with the photo.
    <table width="400px"> <tr><td colspan="2" align="center"><b>OPINION</b></td></tr> <tr> <td> <table> <tr><td> THE OPINIONATOR </td></tr> <tr><td> <a href="blink">Vols Number 1?</a> </td></tr> <tr><td> Can Lane Kiffen lead the Tennessee Volunteers to a national championship in his first year as head coach?</td></tr> </table> </td> <td> <ul> <li> Mickey Mouse: Disney World is great <li> Editorial: Brad needs a new car <li> BVZ Blog: Whitney climb was 'grand' <li> Smiley Blog: The life of a dog </ul> </td> </tr> <tr><td colspan="2"><hr></td></tr> <tr> <td width="50%"><table> <tr><td><b>TRAVEL</b></td></tr> <tr><td><a href="whitney">Climbing Mt. Whitney: Crown of North America</a></td></tr> <tr><td><img src="whitney.jpg" width="60" align="right"> Mt. Whitney is the highest peak in the continental US at 14,496 feet. Brad chronicles his epic climb. </td></tr> </table> </td> <td valign="top" width="50%"> <table> <tr><td><b>MARKETS</b></td></tr> <tr><td> <table border="1" border-collapse="true"> <tr> <th align="right">BVZ</th> <th align="right">Dow</th> <th align="right">Nasdaq</th> </tr> <tr> <td align="right">79.25</td> <td align="right">9,539.29</td> <td align="right">2,024.23</td> </tr> <tr> <td bgcolor="green" align="right">+2.43</td> <td bgcolor="red" align="right">-30.01</td> <td bgcolor="green" align="right">+6.25</td> </tr> <tr> <td bgcolor="green" align="right">+0.24%</td> <td bgcolor="red" align="right">-0.32%</td> <td bgcolor="green" align="right">+0.31%</td> </tr> </table> </td></tr> </table> </td></tr> </tr> <tr><td colspan="2"><hr></td></tr> <tr> <td colspan="2" bgcolor="#4080b0"> <table cellspacing="0"> <tr> <td colspan="2">Read here today what the newspapers will be reporting tomorrow on the blogs written by these two amazing CS pundits. </td> </tr> <tr> <td align="right"> <table cellspacing="0" cellpadding="0"> <tr><td><img src="bvz.jpg"></td></tr> <tr><td align="center">Dr. B</td></tr> </table> </td> <td align="left"> <table cellspacing="0" cellpadding="0"> <tr><td><img src="jplank.jpg"></td></tr> <tr><td align="center">Dr. J</td></tr> </table> </td> </tr> </table> </td> </tr> </table>