How to Create a Table with HTML
DIRECTIONS

     If you would like to display text in a table in a Blackboard document like the one displayed below, all you have to do is copy the HTML code below the sample table into your Blackboard document and then replace the words "Item 1," Heading 1," and "data" with your text to produce a similar looking table with a border and a shaded heading row.

SAMPLE TABLE

  HEADING 1 HEADING 2 HEADING 3
Item 1 data displayed as text throughout cell data displayed as text throughout cell data displayed as text throughout cell
Item 2 data displayed as text throughout cell data displayed as text throughout cell data displayed as text throughout cell
Item 3 data displayed as text throughout cell data displayed as text throughout cell data displayed as text throughout cell
Item 4 data displayed as text throughout cell data displayed as text throughout cell data displayed as text throughout cell

HTML CODE TO COPY INTO YOUR BLACKBOARD DOCUMENT

<table border="2" cellpadding="5" cellspacing="0" bgcolor="#ffffff" width="95%">
<style type="text/css">
<!--
td {font-family:verdana, arial, helvetica; font-size:10pt}
th {font-family:verdana, arial, helvetica; font-size:10pt}
-->
</style>
<!-  Table  01  Heading  Row   ->
<tr  bgcolor="#f0f0f0">
<th>&nbsp;</th>
<th>HEADING 1</th>
<th>HEADING 2</th>
<th>HEADING 3</th>
</tr>
<!-  Table  01  Data  Row 01  ->
<tr>
<td><b>Item 1</b></td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<!-  Table  01  Data  Row 02  ->
<tr>
<td><b>Item 2</b></td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<!-  Table  01  Data  Row 03  ->
<tr>
<td><b>Item 3</b></td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</table>

Modified Wednesday, December 05, 2007