For this exercise, you will be designing a data table that will present data of your choosing. The information presented can be anything, but you must provide a reference for where your data came from. The table you create must conform to the following parameters:

The table must have a title, bolded and centered.
The table must include at least seven columns and seven rows.
The table must include at least one spanning column and one spanning row.
The table must include at least one graphic (more would be nice). Remember that all images should have the following attributes: src, width, height, alt, title
The table page must include a reference to the data origin.
Row and column headings should be bold.
The table should be visually pleasing and include graphics.

An example is shown below. There is a PDF with more examples at the bottom.

Keep in mind that you should do this exercise by hand/hard-coding. No editors.

Central Indiana Wildlife

Counties	Small Game				Big Game
Counties	Squirrel	Rabbit	Muskrat	Mink	Racoon	Fox	Coyote	Deer
Boone	125	113	75	44	98	28	10	75
Carrol	154	125	102	59	101	35	22	89
Clinton	121	145	88	25	89		10	65
Hamilton	90	45	65	33	75	45	6	45
Howard	98	59	92	23	67	40	15
Montgomery	134	155	130	89	78	25	75	88
Tippecanoe	67	76	59	71	75	100	89	55
Tipton	101	96	90	65		55	59	78
Reference: Shmoe, Joe. (1996). Indiana Wild Game. The Hoosier Chronicle. Indianapolis: Times Publishing.

Part B: layout6.html & layout7.html

If you have written HTML before, you may have used tables to layout your pages. This is WRONG. Tables are only used for data tables, like above. If you want to layout content on a page, you need to use <div> tags with CSS... That is the purpose of this part B.

Note: you do not have to start layout8.txt and layout9.txt from scratch again. Use the copy from Exercise 4!!!! When you are completed with exercise 5, it should have the anchors and other formatting that you did in prior exercises!

The papers you create should:

All pages should adhere to the Standard Page Setup Requirements listed above.
Open Exercise 4 and copy layout4.html and layout5.html - paste them into your Exercise 5 folder.
- Rename layout4.html to layout6.html
- Rename layout5.html to layout7.html
Download this zip file - unzip the images folder - place the images folder inside your Exercise 5 folder
- These are the same images, but they are sized smaller.
Inside the <head> tags, add <style> tags
- p {font-family:Verdana, Geneva, sans-serif; font-size:10px;}
After the opening <body> tag, place 3 <div></div> tags
First <div>
- Set the id attribute equal to "top"
- Use the style attribute and set the following styles:
  - position:absolute;
  - top:0px;
  - left:25px;
  - width:775px;
  - margin:5px;
  - text-align:justify;
Second <div>
- Set the id attribute equal to "columnOne"
- Use the style attribute and set the following styles:
  - position:absolute;
  - top:350px;
  - left:25px;
  - width:375px;
  - margin:5px;
  - text-align:justify;
Third <div>
- Set the id attribute equal to "columnTwo"
- Use the style attribute and set the following styles:
  - position:absolute;
  - top:350px;
  - left:425px;
  - width:375px;
  - margin:5px;
  - text-align:justify;
Cut the title, author, affiliation, and abstract - paste it into the "top" div
Cut the rest of the code approximately in half and paste one half into the columnOne div and the other half into the columnTwo div.
Change the width and height attribute values for all of the images to match the correct size of the images.
The last two tags in your file should still be </body></html>

Exercise Specifications

Central Indiana Wildlife

Finalization