Tables to hold your data

In HTML, tables offer a great way to structure data sets and information that needs to sit within a columns/rows matrix. In a time not to long ago, tables in HTML were found to be an accepted way to create layouts for content. The problem was that the extra table markup was conflicting with the structural markup and generally made a mess of things. Furthermore, there were workarounds necessary to hold the layout together. Eventually, Cascading Style Sheets (CSS) came into the picture and took the place of tables as a layout option. I tell this story so you know this, TABLES ARE NOT TO BE USED TO LAYOUT A WEB PAGE! Use tables to hold sets of data because it does it well!

Tables are generated by creating rows of table data. Let us take a look at a table below. (TR = Table Row, TD = Table Data)

Rendered

Widget Price Quantity
Thingy $5 20
McBob $3 23

Markup

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<table>
	<tr><!--Row 1 -->
		<td>Widget</td>
		<td>Price</td>
		<td>Quantity</td>
	</tr>	
	<tr><!--Row 2 -->
		<td>Widget</td>
		<td>Price</td>
		<td>Quantity</td>
	</tr>	
	<tr><!--Row 3 -->
		<td>Widget</td>
		<td>Price</td>
		<td>Quantity</td>
	</tr>
</table>

12 thoughts on “Article Postings

  1. craig

    I thought it was quite interesting the divide that the respondents posted about the need for education in website design. I suppose website design is like most jobs where if you have the skills, one doesn’t need to have a degree. Well, as of yet I don’t possess the mad skills, but hope to be in the ballpark by the end of the semester.

    1. Tryenamy

      Hey everyone, this is Ryan Higley and I work with Adam in the Instructional Technology Center here on campus. I created all the artwork for the course this semester and helped Adam with some of the gamified elements. I’ll be popping in here occasionally throughout the semester with comments and ideas mostly related to design. I’m excited to talk with you all.

      1. Abdoanmes

        Thanks, Ryan! Thank you a bunch for helping with the design as it adds a much better feeling to the completely gamified course. Your incite on design principles and visual communication will definitely be appreciated.

    1. adam

      If you comment using the reply under someones name, you will be able to reply in context to that person. Click the reply under the article if you want to reply to the overall topic.

      1. adam

        Comments can go three levels deep. Oh, and by the way, we are experiencing a few issues with the badging points, so bear with me as I figure that out. Just so you know, I will be keeping track of you grade outside of the system so that you are accurately awarded the proper grade.

Leave a Reply