Wednesday, January 30, 2013

Recently we have been using HTML tables. Tables have fallen out of fashion for page layout but they have their purposes and you should be familiar with using tables to display tabular data.

Please read the following short pieces on tables, and then finish work on your tables data assignment.

PLEASE READ:
What is tabular data?
http://webdesign.about.com/od/tables/a/aa122605.htm

AND ALSO READ:
Why use CSS instead of tables?
http://www.dreamtemplate.com/blog/web-design-tips/why-you-should-use-css-rather-than-tables-in-web-design-part-1/

AND ALSO READ:
CSS vs. Tables (more info)
http://www.articlesbase.com/web-design-articles/why-you-should-css-instead-of-tables-when-designing-your-web-page-473481.html

Tables are easy to hand-code in a text-editor. There are basically 3 tags involved to make a complete table.
table (table) - this tag goes at the beginning of the table.
table row (tr) - starts a row
table data (td) - fills a column with data
You use them like this:
(See image below with example code:)


The above code will output to the browser like this:




TWO-DAY ASSIGNMENT:
1. Please open Notepad ++.
2. Add all the necessary code to make a standard XHTML strict page.  (I would advise copying all the basic information - opening html tag, doctype, encoding, etc - from one of your existing pages!)
3. Write tables code to produce a table that looks like the example below. Include at least 8 famous tornado diasters.


Use the Natural Disasters or some other interesting information located in this online almanac or other appropriate source.
http://www.infoplease.com/ipa/A0001445.html

4. Remember: Include at least 8 rows in your table.
5. Include a centered image in your table.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.